SVG થી PNG કન્વર્ટર
વેક્ટર SVG ફાઇલોને ઉચ્ચ-ગુણવત્તાવાળી રાસ્ટર PNG છબીઓમાં કન્વર્ટ કરો. તમારા બ્રાઉઝરમાં સરળતાથી આઉટપુટ સ્કેલ અને પૃષ્ઠભૂમિ રંગને કસ્ટમાઇઝ કરો.
SVG ને અહીં ખેંચો અને છોડો
50MB સુધી સપોર્ટ કરે છે
વેક્ટર SVG ફાઇલોને ઉચ્ચ-ગુણવત્તાવાળી રાસ્ટર PNG છબીઓમાં કન્વર્ટ કરો. તમારા બ્રાઉઝરમાં સરળતાથી આઉટપુટ સ્કેલ અને પૃષ્ઠભૂમિ રંગને કસ્ટમાઇઝ કરો.
50MB સુધી સપોર્ટ કરે છે
SVG (સ્કેલેબલ વેક્ટર ગ્રાફિક્સ) છબીઓને ભૌમિતિક આદિમના સમૂહ તરીકે વર્ણવે છે — પાથ, આકારો, ટેક્સ્ટ, ગ્રેડિએન્ટ્સ — જે ગુણવત્તાની ખોટ વિના કોઈપણ કદ સુધી માપે છે. PNG એક નિશ્ચિત રિઝોલ્યુશન પર એક લંબચોરસ પિક્સેલ ગ્રીડ સ્ટોર કરે છે. SVG ને PNG માં રૂપાંતરિત કરવું એ એક રાસ્ટરાઇઝેશન પગલું છે: SVG ની ડ્રોઇંગ સૂચનાઓનું મૂલ્યાંકન પસંદ કરેલ પિક્સેલ કદ પર કરવામાં આવે છે અને પરિણામી બીટમેપ PNG તરીકે એન્કોડ કરવામાં આવે છે. તમે નિર્દિષ્ટ કરેલ કદ પર આઉટપુટ ચપળ લાગે છે પરંતુ જો માપવામાં આવે તો પિક્સેલેટ થાય છે.
આ કન્વર્ટર બ્રાઉઝરના બિલ્ટ-ઇન SVG એન્જિનનો ઉપયોગ કરીને SVG રેન્ડર કરે છે. SVG ને ઇમેજ એલિમેન્ટમાં લોડ કરવામાં આવે છે, પસંદ કરેલ આઉટપુટ પરિમાણો પર HTML5 કેનવાસ પર દોરવામાં આવે છે, અને canvas.toBlob દ્વારા PNG તરીકે નિકાસ કરવામાં આવે છે. કારણ કે બ્રાઉઝર રાસ્ટરાઇઝેશન કરે છે, જટિલ SVG સુવિધાઓ — ગ્રેડિયન્ટ્સ, ફિલ્ટર્સ, માસ્ક, એનિમેશન એક સ્થિર ફ્રેમ તરીકે — તે જ રીતે રેન્ડર કરે છે જે રીતે તેઓ વાસ્તવિક વેબપેજ પર કરે છે.
SVG-થી-PNG રૂપાંતરણમાં સૌથી મહત્વપૂર્ણ નિર્ણય લક્ષ્ય કદ છે. SVG રિઝોલ્યુશન-સ્વતંત્ર છે, તેથી વાસ્તવિક વપરાશ સાથે મેળ ખાતું PNG કદ પસંદ કરવાથી ઓવર-પ્રોવિઝનિંગ (થંબનેલ-કદના ચિહ્નો માટે વિશાળ ફાઇલો) અને અંડર-પ્રોવિઝનિંગ (જ્યારે પાછળથી સ્કેલ કરવામાં આવે ત્યારે અસ્પષ્ટ આઉટપુટ) ટાળે છે. સામાન્ય લક્ષ્યો: ચિહ્નો માટે 32×32 અથવા 64×64, લોગો માટે 256×256 અથવા 512×512, હીરો ગ્રાફિક્સ માટે 1024×1024, રેટિના-ગુણવત્તાની સંપત્તિ માટે 2048×2048.
SVG વેબ અને આધુનિક ડિઝાઇન સાધનો માટે અદ્ભુત છે પરંતુ અન્ય ઘણા સંદર્ભો માટે ભયંકર છે. ઇમેઇલ ક્લાયન્ટ્સ અસંગત રીતે SVG રેન્ડર કરે છે; કેટલાક તેને સુરક્ષા જોખમ તરીકે અવરોધિત કરે છે. જૂના ઓફિસ સૉફ્ટવેર, અમુક CMS, તૃતીય-પક્ષ સેવાઓ અને લગભગ તમામ ફોટો પ્રિન્ટ પાઇપલાઇન્સ SVG બિલકુલ સ્વીકારતી નથી. PNG માં રૂપાંતર કરવાથી સાર્વત્રિક રીતે સ્વીકૃત રાસ્ટર ઉત્પન્ન થાય છે જે પસંદ કરેલ કદ પર સમાન દેખાય છે.
PNG પણ પ્રાપ્તકર્તાના SVG રેન્ડરર પર આધાર રાખ્યા વિના ઓફિસ દસ્તાવેજો, સ્લાઇડ ડેક અને PDF માં વિશ્વસનીય રીતે એમ્બેડ કરે છે. લોગો અને ગ્રાફિક્સ માટે કે જે ઘણા પ્લેટફોર્મ પર સતત દેખાવાની જરૂર છે, PNG એ સુરક્ષિત પસંદગી છે — ભલે તે રિઝોલ્યુશન-સ્વતંત્રતા ગુમાવે છે જે SVG ને પ્રથમ સ્થાને આકર્ષક બનાવે છે.
તમારું લક્ષ્ય કદ પસંદ કરો, રેન્ડર કરો. બ્રાઉઝર રાસ્ટરાઇઝેશન કરે છે.
SVG (W3C ભલામણ) એ XML-આધારિત વેક્ટર ફોર્મેટ છે જેમાં પાથ, મૂળભૂત આકારો (રેક્ટ, વર્તુળ, લંબગોળ, રેખા, બહુકોણ, પોલીલાઇન), ટેક્સ્ટ, ગ્રેડિએન્ટ્સ (લીનિયરગ્રેડિયન્ટ, રેડિયલગ્રેડિયન્ટ), ફિલ્ટર્સ, માસ્ક અને ક્લિપ પાથ માટે તત્વો છે. બ્રાઉઝર XML ને પાર્સ કરે છે, DOM બનાવે છે, CSS લાગુ કરે છે અને પૃષ્ઠ રેન્ડરિંગ દરમિયાન પરિણામને રાસ્ટરાઇઝ કરે છે.
આ કન્વર્ટર SVG ને HTMLImageElement માં લોડ કરે છે (જે બ્રાઉઝરના સામાન્ય SVG-એઝ-ઇમેજ રેન્ડરિંગ પાથને ટ્રિગર કરે છે), પછી તેને drawImage દ્વારા કેનવાસ પર દોરે છે. canvas.toBlob('image/png') નો ઉપયોગ કરીને કેનવાસને PNG તરીકે નિકાસ કરવામાં આવે છે. આઉટપુટમાં ચોક્કસ પિક્સેલ્સ બ્રાઉઝર ટેબમાં સમાન કદમાં SVG જે રેન્ડર કરશે તેની સાથે મેળ ખાય છે.
એજ કેસ: જ્યારે ઇમેજ એલિમેન્ટ દ્વારા ઉપયોગ કરવામાં આવે ત્યારે વિદેશી ઑબ્જેક્ટનો ઉપયોગ કરીને SVG હંમેશા સપોર્ટ કરતું નથી. SVG નો સંદર્ભ આપતા બાહ્ય સંસાધનો (xlink:href અલગ ડોમેન માટે) CORS ને કારણે લોડ થવામાં નિષ્ફળ થઈ શકે છે. SMIL એનિમેશન અને JavaScript સંચાલિત એનિમેશન માત્ર પ્રારંભિક ફ્રેમ તરીકે રેન્ડર થાય છે.