મફત કન્વર્ટર

PNG થી SVG વેક્ટરાઇઝર

રાસ્ટર PNG/JPG ઇમેજને સ્કેલેબલ વેક્ટર SVG ગ્રાફિક્સમાં કન્વર્ટ કરો. તમારા બ્રાઉઝરમાં સુરક્ષિત, ઝડપી અને સંપૂર્ણ રીતે પ્રક્રિયા કરવામાં આવે છે.

PNG/JPG અહીં ખેંચો અને છોડો

50MB સુધી સપોર્ટ કરે છે

અથવા

આ ટૂલ વિશે

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

આ કન્વર્ટર imagetracerjs લાઇબ્રેરીનો ઉપયોગ કરે છે, જે પોટ્રેસની જેમ વેક્ટર-ટ્રેસિંગ અલ્ગોરિધમ્સનું JavaScript પોર્ટ છે. PNG ને RGBA બીટમેપમાં ડીકોડ કરવામાં આવે છે, બીટમેપને રૂપરેખાંકિત પેલેટનો ઉપયોગ કરીને રંગ પ્રદેશોમાં વિભાજિત કરવામાં આવે છે, દરેક પ્રદેશની સીમા પાથમાં ટ્રેસ કરવામાં આવે છે, બેઝિયર અંદાજનો ઉપયોગ કરીને પાથને સરળ બનાવવામાં આવે છે, અને પરિણામી પાથ SVG પાથ તત્વો તરીકે બહાર કાઢવામાં આવે છે. આખી પાઇપલાઇન તમારા બ્રાઉઝરમાં કોઈપણ સર્વર અપલોડ વિના ચાલે છે.

ટ્રેસિંગ પરિમાણો વફાદારી અને ફાઇલ કદ વચ્ચેના વેપારને નિયંત્રિત કરે છે. વધુ રંગો અને ઝીણવટભરી વિગતો એક વિશાળ SVG ઉત્પન્ન કરે છે જે સ્ત્રોત સાથે વધુ નજીકથી મેળ ખાય છે; ઓછા રંગો અને બરછટ ટ્રેસિંગ વધુ શૈલીયુક્ત લાગણી સાથે નાની SVG પેદા કરે છે. લોગો અને ચિહ્નો માટે ડિફોલ્ટ ટ્યુન કરવામાં આવે છે; જટિલ છબીઓને સમાયોજિત સેટિંગ્સ સાથે ટ્રેસિંગ પાસથી ફાયદો થઈ શકે છે, અથવા વેક્ટરાઇઝેશન માટે ફક્ત સારા ઉમેદવારો ન હોઈ શકે.

શા માટે PNG ને SVG માં કન્વર્ટ કરો

જ્યારે તમારે ઇમેજને તેના મૂળ રિઝોલ્યુશનની બહાર માપવાની જરૂર હોય ત્યારે PNGને વેક્ટરાઇઝ કરવાનું સૌથી વધુ ઉપયોગી છે. લોગો ખાસ કરીને PNG તરીકે સામાન્ય કદમાં આવે છે અને બિલબોર્ડ, રેટિના ડિસ્પ્લે અને મોટા ફોર્મેટ પ્રિન્ટ્સ પર ચપળ દેખાવાની જરૂર છે. વેક્ટર ટ્રેસ એક SVG ઉત્પન્ન કરે છે જે ગુણવત્તાના નુકશાન વિના સ્કેલ કરે છે; ટ્રેડઓફ એ મૂળ પિક્સેલ પ્રત્યે વફાદારી છે.

થોડા રંગો અને મોટા સપાટ પ્રદેશો સાથેના ગ્રાફિક્સ માટે SVG PNG કરતાં પણ નોંધપાત્ર રીતે વધુ કોમ્પેક્ટ છે. 256×256 પર PNG ચિહ્ન 8 KB હોઈ શકે છે; બે અથવા ત્રણ રંગો સાથેની સમકક્ષ SVG ઘણીવાર 1 KB થી ઓછી હોય છે. વેબ ફ્રન્ટએન્ડ પર વિતરિત કરાયેલ UI આઇકન લાઇબ્રેરીઓ માટે, વેક્ટર સંસ્કરણો બંડલનું કદ ઘટાડે છે અને તમામ ડિસ્પ્લે ઘનતા પર શાર્પનેસ સુધારે છે.

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

PNG છોડો, ટ્રેસિંગ સેટિંગ્સ પસંદ કરો, SVG જનરેટ કરો.

  1. તમારું PNG અપલોડ કરો: ફાઇલને અપલોડ વિસ્તારમાં ખેંચો અથવા બ્રાઉઝ કરવા માટે ક્લિક કરો. શ્રેષ્ઠ પરિણામો તીક્ષ્ણ કિનારીઓ અને થોડી સંખ્યામાં અલગ-અલગ રંગો - લોગો, ચિહ્નો, રેખા કલા, સરળ ચિત્રો સાથે PNGsમાંથી આવે છે. ફોટોગ્રાફ્સ ખરાબ રીતે ટ્રેસ કરે છે અને વિશાળ SVG પેદા કરે છે.
  2. જો જરૂરી હોય તો ટ્રેસીંગ વિકલ્પોને સમાયોજિત કરો: રંગ ગણતરી આઉટપુટમાં કેટલા અલગ રંગો દેખાય છે તેનું નિયંત્રણ કરે છે. પાથ સરળીકરણ (જેને ltres અથવા qtres પણ કહેવાય છે) અલ્ગોરિધમ ખૂણાઓને કેટલી આક્રમક રીતે સુંવાળી કરે છે તે નિયંત્રિત કરે છે. ઉચ્ચ ચોકસાઇ સ્ત્રોતની નજીક SVG ઉત્પન્ન કરે છે પરંતુ વધુ પાથ ડેટા સાથે.
  3. ટ્રેસ અને પૂર્વાવલોકન: imagetracerjs અલ્ગોરિધમ કલર ક્વોન્ટાઇઝેશન, એજ ડિટેક્શન, કોન્ટૂર ટ્રેસિંગ અને બેઝિયર ફિટિંગ દ્વારા ચાલે છે. ઇમેજ સાઈઝ અને રંગોની સંખ્યા સાથે ટ્રેસીંગ ટાઈમ સ્કેલ. 256×256 લોગો જેમાં એક સેકન્ડની અંદર 4 રંગોના નિશાન છે; 16 રંગોવાળી 1024×1024 ઇમેજમાં ઘણી સેકન્ડ લાગી શકે છે.
  4. SVG ડાઉનલોડ કરો: તમારા ઉપકરણ પર SVG સાચવો. ફાઇલમાં પાથ તત્વો સાથે XML માર્કઅપ છે; તમે પરિણામનું નિરીક્ષણ કરવા અથવા હાથથી ટ્યુન કરવા માટે તેને કોઈપણ ટેક્સ્ટ એડિટરમાં ખોલી શકો છો.

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

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

imagetracerjs મલ્ટી-સ્ટેજ પાઇપલાઇનનો અમલ કરે છે: કલર ક્વોન્ટાઇઝેશન બીટમેપને k-મીન્સ ક્લસ્ટરિંગ અથવા મિડિયન કટનો ઉપયોગ કરીને રંગોની નિશ્ચિત સંખ્યામાં ઘટાડે છે; ધાર શોધ પ્રદેશો વચ્ચે પિક્સેલ સીમાઓ ઓળખે છે; બંધ બહુકોણ ઉત્પન્ન કરવા માટે સમોચ્ચ ટ્રેસીંગ સીમાઓને અનુસરે છે; રેખા-અને-વળાંક ફિટિંગ પાથ ડેટાને ઘટાડવા માટે બેઝિયર વણાંકો સાથે બહુકોણનું અનુમાન કરે છે.

એલ્ગોરિધમ પેરામીટર જે સૌથી વધુ મહત્વ ધરાવે છે તે રંગોની સંખ્યા છે (વિશિષ્ટ: 4-32), પાથોમિટ (આટલા પિક્સેલ્સ કરતાં ટૂંકા પાથ અવાજ તરીકે કાઢી નાખવામાં આવે છે), ltres (લાઇન સહિષ્ણુતા - એક નવા સેગમેન્ટમાં વિભાજિત થતાં પહેલાં ધાર કેટલી દૂરથી વિચલિત થઈ શકે છે), અને qtres (ચતુર્ભુજ વળાંક સહિષ્ણુતા — કેવી રીતે છે). ડિફોલ્ટ લોગો માટે સારી રીતે કામ કરે છે; જટિલ છબીઓને પ્રતિ-ઇમેજ ટ્યુનિંગથી ફાયદો થાય છે.

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

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

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

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