મફત કન્વર્ટર

SVG થી PNG કન્વર્ટર

વેક્ટર SVG ફાઇલોને ઉચ્ચ-ગુણવત્તાવાળી રાસ્ટર PNG છબીઓમાં કન્વર્ટ કરો. તમારા બ્રાઉઝરમાં સરળતાથી આઉટપુટ સ્કેલ અને પૃષ્ઠભૂમિ રંગને કસ્ટમાઇઝ કરો.

SVG ને અહીં ખેંચો અને છોડો

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 ને PNG માં કન્વર્ટ કરો

SVG વેબ અને આધુનિક ડિઝાઇન સાધનો માટે અદ્ભુત છે પરંતુ અન્ય ઘણા સંદર્ભો માટે ભયંકર છે. ઇમેઇલ ક્લાયન્ટ્સ અસંગત રીતે SVG રેન્ડર કરે છે; કેટલાક તેને સુરક્ષા જોખમ તરીકે અવરોધિત કરે છે. જૂના ઓફિસ સૉફ્ટવેર, અમુક CMS, તૃતીય-પક્ષ સેવાઓ અને લગભગ તમામ ફોટો પ્રિન્ટ પાઇપલાઇન્સ SVG બિલકુલ સ્વીકારતી નથી. PNG માં રૂપાંતર કરવાથી સાર્વત્રિક રીતે સ્વીકૃત રાસ્ટર ઉત્પન્ન થાય છે જે પસંદ કરેલ કદ પર સમાન દેખાય છે.

PNG પણ પ્રાપ્તકર્તાના SVG રેન્ડરર પર આધાર રાખ્યા વિના ઓફિસ દસ્તાવેજો, સ્લાઇડ ડેક અને PDF માં વિશ્વસનીય રીતે એમ્બેડ કરે છે. લોગો અને ગ્રાફિક્સ માટે કે જે ઘણા પ્લેટફોર્મ પર સતત દેખાવાની જરૂર છે, PNG એ સુરક્ષિત પસંદગી છે — ભલે તે રિઝોલ્યુશન-સ્વતંત્રતા ગુમાવે છે જે SVG ને પ્રથમ સ્થાને આકર્ષક બનાવે છે.

કેવી રીતે વાપરવું

તમારું લક્ષ્ય કદ પસંદ કરો, રેન્ડર કરો. બ્રાઉઝર રાસ્ટરાઇઝેશન કરે છે.

  1. SVG ફાઇલ અપલોડ કરો: SVG ને અપલોડ વિસ્તારમાં ખેંચો અથવા બ્રાઉઝ કરવા માટે ક્લિક કરો. 50 MB સુધીની ફાઇલો સપોર્ટેડ છે, જો કે સામાન્ય SVG 1 MB થી ઓછી હોય છે. સ્વ-સમાયેલ SVG શ્રેષ્ઠ કામ કરે છે; SVGs કે જે xlink:href દ્વારા દૂરસ્થ URL ને બાહ્ય છબીઓનો સંદર્ભ આપે છે તે અપૂર્ણ રેન્ડર થઈ શકે છે.
  2. આઉટપુટ કદ પસંદ કરો: ડિફોલ્ટ એ SVG ના મૂળ વ્યુબોક્સ પરિમાણો છે, પરંતુ તમે કોઈપણ પિક્સેલ કદ પર ફરીથી લખી શકો છો. તમારા વાસ્તવિક વપરાશ સાથે મેળ ખાતું કદ પસંદ કરો — 32×32 પર પ્રદર્શિત થતા ચિહ્નો માટે 4K PNG બનાવવાનું ટાળો.
  3. રેન્ડર: બ્રાઉઝર SVG ને પાર્સ કરે છે, વિનંતી કરેલ પરિમાણો પર તેને કેનવાસ પર દોરે છે અને કેનવાસને PNG તરીકે નિકાસ કરે છે. ફિલ્ટર્સ અથવા મોટા પાથની ગણતરીઓ સાથે જટિલ SVG માં થોડો સમય લાગી શકે છે; સરળ ચિહ્નો તરત જ રેન્ડર થાય છે.
  4. PNG ડાઉનલોડ કરો: ફાઇલ સાચવો. SVG માં પારદર્શિતા (દોરેલા આકારની બહારની કોઈપણ વસ્તુ) PNG માં આલ્ફા ચેનલ તરીકે સાચવવામાં આવે છે.

સામાન્ય ઉપયોગના કેસો

ટેકનિકલ વિગતો

SVG (W3C ભલામણ) એ XML-આધારિત વેક્ટર ફોર્મેટ છે જેમાં પાથ, મૂળભૂત આકારો (રેક્ટ, વર્તુળ, લંબગોળ, રેખા, બહુકોણ, પોલીલાઇન), ટેક્સ્ટ, ગ્રેડિએન્ટ્સ (લીનિયરગ્રેડિયન્ટ, રેડિયલગ્રેડિયન્ટ), ફિલ્ટર્સ, માસ્ક અને ક્લિપ પાથ માટે તત્વો છે. બ્રાઉઝર XML ને પાર્સ કરે છે, DOM બનાવે છે, CSS લાગુ કરે છે અને પૃષ્ઠ રેન્ડરિંગ દરમિયાન પરિણામને રાસ્ટરાઇઝ કરે છે.

આ કન્વર્ટર SVG ને HTMLImageElement માં લોડ કરે છે (જે બ્રાઉઝરના સામાન્ય SVG-એઝ-ઇમેજ રેન્ડરિંગ પાથને ટ્રિગર કરે છે), પછી તેને drawImage દ્વારા કેનવાસ પર દોરે છે. canvas.toBlob('image/png') નો ઉપયોગ કરીને કેનવાસને PNG તરીકે નિકાસ કરવામાં આવે છે. આઉટપુટમાં ચોક્કસ પિક્સેલ્સ બ્રાઉઝર ટેબમાં સમાન કદમાં SVG જે રેન્ડર કરશે તેની સાથે મેળ ખાય છે.

એજ કેસ: જ્યારે ઇમેજ એલિમેન્ટ દ્વારા ઉપયોગ કરવામાં આવે ત્યારે વિદેશી ઑબ્જેક્ટનો ઉપયોગ કરીને SVG હંમેશા સપોર્ટ કરતું નથી. SVG નો સંદર્ભ આપતા બાહ્ય સંસાધનો (xlink:href અલગ ડોમેન માટે) CORS ને કારણે લોડ થવામાં નિષ્ફળ થઈ શકે છે. SMIL એનિમેશન અને JavaScript સંચાલિત એનિમેશન માત્ર પ્રારંભિક ફ્રેમ તરીકે રેન્ડર થાય છે.

શ્રેષ્ઠ વ્યવહાર

વારંવાર પૂછાતા પ્રશ્નો

જ્યારે PNG માં રૂપાંતરિત થશે ત્યારે શું મારી SVG ગુણવત્તા ગુમાવશે?
વેક્ટર-ટુ-રાસ્ટર રૂપાંતરણનો અર્થ છે કે ઇમેજ પિક્સેલ-આધારિત બને છે અને હવે અનંત રૂપે સ્કેલ કરી શકતી નથી. તમારા ઇચ્છિત ડિસ્પ્લે કદ પર PNG શાર્પ દેખાય તેની ખાતરી કરવા માટે ઉચ્ચ રિઝોલ્યુશન પસંદ કરો.
PNG ફોર્મેટ શેના માટે વપરાય છે?
PNG (પોર્ટેબલ નેટવર્ક ગ્રાફિક્સ) મુખ્યત્વે પારદર્શિતા, સ્ક્રીનશોટ, લોગો, ચિહ્નો સાથેના ગ્રાફિક્સ માટે વપરાય છે.
શું ધ્યાન રાખવા માટે કોઈ મર્યાદાઓ છે?
50MB સુધીની ફાઇલો સપોર્ટેડ છે. ખૂબ મોટી અથવા જટિલ ફાઇલોને પ્રક્રિયા કરવામાં વધુ સમય લાગી શકે છે. બધા રૂપાંતરણ તમારા બ્રાઉઝરમાં થાય છે, તેથી પ્રક્રિયા કરવાની ઝડપ તમારા ઉપકરણ પર આધારિત છે.
શું રૂપાંતર દરમિયાન મારી છબીઓ ખાનગી રાખવામાં આવે છે?
હા. તમારી SVG ફાઇલો કેનવાસ API અને JavaScript નો ઉપયોગ કરીને તમારા બ્રાઉઝરમાં સંપૂર્ણ રીતે પ્રક્રિયા કરવામાં આવે છે. કોઈપણ સર્વર પર કંઈપણ અપલોડ કરવામાં આવતું નથી — ફાઇલ તમારા ઉપકરણથી સીધી કન્વર્ટર પર જાય છે અને તમારા ઉપકરણ પર પાછી જાય છે.
શું ટેક્સ્ટ ટેક્સ્ટ તરીકે અથવા પાથ તરીકે રેન્ડર કરવામાં આવે છે?
આઉટપુટ PNG માં ટેક્સ્ટને પિક્સેલ તરીકે રાસ્ટરાઇઝ કરવામાં આવે છે. આઉટપુટ હવે શોધવા યોગ્ય અથવા પસંદ કરી શકાય તેવું નથી. જો તમારું SVG બ્રાઉઝરમાં ઉપલબ્ધ ન હોય તેવા ફોન્ટ્સનો ઉપયોગ કરે છે, તો ટેક્સ્ટ ફોલબેક ફોન્ટમાં રેન્ડર થઈ શકે છે; બાંયધરીકૃત દેખાવ માટે રેન્ડર કરતા પહેલા ટેક્સ્ટને SVG માં પાથમાં કન્વર્ટ કરો.
શું મારું SVG સર્વર પર અપલોડ થયેલું છે?
નંબર. SVG પાર્સિંગ અને રેન્ડરિંગ તમારા બ્રાઉઝરમાં થાય છે; PNG એન્કોડિંગ તમારા બ્રાઉઝરમાં થાય છે. ફાઇલ તમારા ઉપકરણને છોડતી નથી.
શા માટે મારું રૂપાંતરિત PNG ખાલી છે?
સામાન્ય કારણો: SVG એ બાહ્ય છબીઓનો સંદર્ભ આપે છે જે CORS ને કારણે લોડ કરવામાં નિષ્ફળ રહી હતી; SVG એવી સુવિધાઓનો ઉપયોગ કરે છે જે ઇમેજ-એલિમેન્ટ રેન્ડરિંગ પાથ (વિદેશી ઑબ્જેક્ટ, ચોક્કસ ફિલ્ટર્સ) દ્વારા સમર્થિત નથી; SVG પાસે શૂન્ય-પરિમાણીય વ્યુબોક્સ છે. SVG ને કન્વર્ટ કરતા પહેલા રેન્ડર થાય છે તેની ખાતરી કરવા માટે તેને સીધા બ્રાઉઝરમાં ખોલો.
શું હું સ્ક્રિપ્ટમાં SVG ને PNG માં કન્વર્ટ કરી શકું?
હા — બેચ જોબ માટે, શાર્પ અથવા પપેટિયરનો ઉપયોગ કરીને Node.js સેટઅપ બ્રાઉઝરની સમાન વફાદારી સાથે SVG ને PNG પર રેન્ડર કરે છે. આ ટૂલ કંઈપણ ઇન્સ્ટોલ કર્યા વિના બ્રાઉઝરમાં એક વખતના રૂપાંતરણ માટે છે.