PNG ஆக மாற்றும்போது எனது SVG தரத்தை இழக்குமா?

வெக்டார்-டு-ராஸ்டர் கன்வெர்ஷன் என்றால் படம் பிக்சல்-அடிப்படையாக மாறுகிறது, மேலும் முடிவில்லாமல் அளவிட முடியாது. நீங்கள் உத்தேசித்துள்ள காட்சி அளவில் PNG துல்லியமாக இருப்பதை உறுதிசெய்ய உயர் தெளிவுத்திறனைத் தேர்வு செய்யவும்.

PNG வடிவம் எதற்காகப் பயன்படுத்தப்படுகிறது?

PNG (போர்ட்டபிள் நெட்வொர்க் கிராபிக்ஸ்) முதன்மையாக வெளிப்படைத்தன்மை, ஸ்கிரீன்ஷாட்கள், லோகோக்கள், ஐகான்கள் கொண்ட கிராபிக்ஸ் பயன்படுத்தப்படுகிறது.

தெரிந்து கொள்ள ஏதேனும் வரம்புகள் உள்ளதா?

50MB வரையிலான கோப்புகள் ஆதரிக்கப்படுகின்றன. மிகப் பெரிய அல்லது சிக்கலான கோப்புகள் செயலாக்க அதிக நேரம் எடுக்கலாம். எல்லா மாற்றங்களும் உங்கள் உலாவியில் நடக்கும், எனவே செயலாக்க வேகம் உங்கள் சாதனத்தைப் பொறுத்தது.

மாற்றத்தின் போது எனது படங்கள் தனிப்பட்டதாக வைக்கப்படுகிறதா?

ஆம். உங்கள் SVG கோப்புகள் Canvas API மற்றும் JavaScript ஐப் பயன்படுத்தி உங்கள் உலாவியில் முழுமையாக செயலாக்கப்படும். எந்த சேவையகத்திலும் எதுவும் பதிவேற்றப்படவில்லை - கோப்பு நேரடியாக உங்கள் சாதனத்திலிருந்து மாற்றி மற்றும் உங்கள் சாதனத்திற்குத் திரும்பும்.

உரை உரையாக அல்லது பாதைகளாக வழங்கப்படுகிறதா?

PNG வெளியீட்டில் உரை பிக்சல்களாக மதிப்பிடப்படுகிறது. வெளியீட்டை இனி தேட முடியாது அல்லது தேர்ந்தெடுக்க முடியாது. உலாவியில் கிடைக்காத எழுத்துருக்களை உங்கள் SVG பயன்படுத்தினால், உரையானது ஃபால்பேக் எழுத்துருவில் வழங்கப்படலாம்; உத்தரவாதமான தோற்றத்திற்கு வழங்குவதற்கு முன் உரையை SVG இல் பாதைகளாக மாற்றவும்.

எனது SVG சர்வரில் பதிவேற்றப்பட்டதா?

இல்லை. SVG பாகுபடுத்துதல் மற்றும் ரெண்டரிங் உங்கள் உலாவியில் நடக்கும்; PNG குறியாக்கம் உங்கள் உலாவியில் நடக்கும். கோப்பு உங்கள் சாதனத்தை விட்டு வெளியேறாது.

நான் மாற்றப்பட்ட PNG ஏன் காலியாக உள்ளது?

பொதுவான காரணங்கள்: CORS காரணமாக ஏற்றத் தவறிய வெளிப்புறப் படங்களை SVG குறிப்பிடுகிறது; SVG ஆனது பட-உறுப்பு ரெண்டரிங் பாதையால் ஆதரிக்கப்படாத அம்சங்களைப் பயன்படுத்துகிறது (foreignObject, சில வடிப்பான்கள்); SVG பூஜ்ஜிய பரிமாண காட்சிப்பெட்டியைக் கொண்டுள்ளது. SVG ஐ நேரடியாக உலாவியில் திறக்கவும், மாற்றுவதற்கு முன் அது வழங்குவதை உறுதிப்படுத்தவும்.

SVG ஐ PNGக்கு ஸ்கிரிப்ட்டில் மாற்ற முடியுமா?

ஆம் — தொகுதி வேலைகளுக்கு, ஷார்ப் அல்லது பப்பீட்டீரைப் பயன்படுத்தும் Node.js அமைப்பு, உலாவிக்கு ஒத்த நம்பகத்தன்மையுடன் SVG க்கு PNGக்கு ரெண்டர் செய்கிறது. இந்த கருவி எதையும் நிறுவாமல் உலாவியில் ஒரு முறை மாற்றுவதற்கானது.

இலவச மாற்றி

SVG முதல் PNG வரை மாற்றி

வெக்டர் எஸ்விஜி கோப்புகளை உயர்தர ராஸ்டர் பிஎன்ஜி படங்களாக மாற்றவும். உங்கள் உலாவியில் வெளியீட்டு அளவையும் பின்னணி நிறத்தையும் எளிதாகத் தனிப்பயனாக்கவும்.

SVG ஐ இங்கே இழுத்து விடுங்கள்

50MB வரை ஆதரிக்கிறது

அல்லது

இந்த கருவி பற்றி

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-யை கவர்ச்சிகரமானதாக மாற்றும் தீர்மான-சுதந்திரத்தை இழந்தாலும் கூட.

பயன்படுத்துவது எப்படி

உங்கள் இலக்கு அளவை தேர்வு செய்யவும், வழங்கவும். உலாவி ராஸ்டரைசேஷன் செய்கிறது.

SVG கோப்பைப் பதிவேற்றவும்: பதிவேற்ற பகுதிக்கு SVGஐ இழுக்கவும் அல்லது உலாவ கிளிக் செய்யவும். வழக்கமான SVGகள் 1 MBக்குக் குறைவாக இருந்தாலும், 50 MB வரையிலான கோப்புகள் ஆதரிக்கப்படுகின்றன. தன்னிறைவான SVGகள் சிறப்பாகச் செயல்படுகின்றன; xlink:href வழியாக ரிமோட் URLகளுக்கு வெளிப்புறப் படங்களைக் குறிப்பிடும் SVGகள் முழுமையடையாது.
வெளியீட்டு அளவைத் தேர்ந்தெடுக்கவும்: இயல்புநிலை என்பது SVG இன் நேட்டிவ் வியூபாக்ஸ் பரிமாணங்கள், ஆனால் நீங்கள் எந்த பிக்சல் அளவிற்கும் மேலெழுதலாம். உங்கள் உண்மையான பயன்பாட்டுடன் பொருந்தக்கூடிய அளவைத் தேர்ந்தெடுக்கவும் - 32×32 இல் காண்பிக்கப்படும் ஐகான்களுக்கு 4K PNGகளை உருவாக்குவதைத் தவிர்க்கவும்.
விடாது: உலாவி SVGஐ அலசுகிறது, கோரப்பட்ட பரிமாணங்களில் அதை ஒரு கேன்வாஸில் வரைந்து, கேன்வாஸை PNG ஆக ஏற்றுமதி செய்கிறது. வடிப்பான்கள் அல்லது பெரிய பாதை எண்ணிக்கையுடன் கூடிய சிக்கலான SVGகள் சிறிது நேரம் ஆகலாம்; எளிய சின்னங்கள் உடனடியாக வழங்குகின்றன.
PNG ஐப் பதிவிறக்கவும்: கோப்பை சேமிக்கவும். SVG இல் உள்ள வெளிப்படைத்தன்மை (வரையப்பட்ட வடிவங்களுக்கு வெளியே எதுவும்) PNG இல் ஆல்பா சேனலாகப் பாதுகாக்கப்படுகிறது.

பொதுவான பயன்பாட்டு வழக்குகள்

முதன்மை SVG இலிருந்து பயன்பாட்டு ஐகான்களை உருவாக்குகிறது — மொபைல் பயன்பாடுகளுக்கு பல அளவுகளில் ஐகான்கள் தேவை (iOSக்கு 29×29, 60×60, 120×120, 1024×1024). தேவையான ஒவ்வொரு அளவிலும் ஒரு SVG மாஸ்டரை வழங்குவது கைமுறையாக மறு வரைதல் இல்லாமல் சீரான ஐகான்களை உருவாக்குகிறது.
அலுவலக ஆவணங்களில் லோகோக்களை உட்பொதித்தல் — Word மற்றும் PowerPoint PNG செருகலை நம்பகத்தன்மையுடன் கையாளுகின்றன. SVG ஆதரவு மாறுபடும். PNG என்பது தெரியாத பெறுநர்களால் திறக்கப்படும் ஆவணங்களுக்கான பாதுகாப்பான தேர்வாகும்.
மின்னஞ்சல் செய்திமடல்களுக்கு கிராபிக்ஸ் தயாரித்தல் — பெரும்பாலான மின்னஞ்சல் வாடிக்கையாளர்கள் பாதுகாப்பு காரணங்களுக்காக SVG ஐத் தடுக்கின்றனர். PNG க்கு மாற்றுவது, அவுட்லுக், ஜிமெயில், ஆப்பிள் மெயில் மற்றும் பிறவற்றில் கிராஃபிக் காட்சிகளை ஃபால்பேக் வம்பு இல்லாமல் உறுதி செய்கிறது.
SVG சொத்து நூலகங்களுக்கான ராஸ்டர் மாதிரிக்காட்சிகளை உருவாக்குகிறது — சொத்து மேலாண்மை அமைப்புகள் பெரும்பாலும் அசல் SVG மாஸ்டர்களுடன் PNG சிறுபடங்களைக் காண்பிக்கும், இது SVG திறன் கொண்ட பார்வையாளர் இல்லாமல் உலாவ அனுமதிக்கிறது.
அச்சு-தயாரான லோகோக்களை உருவாக்குகிறது — அச்சு கடைகள் பொதுவாக குறிப்பிட்ட DPI இல் ராஸ்டர் கோப்புகளை எதிர்பார்க்கின்றன. 300 DPI இல் SVG லோகோவை PNGக்கு வழங்குவது ஆஃப்செட் அல்லது டிஜிட்டல் பிரிண்டிங்கிற்குத் தயாராக இருக்கும் கோப்பை உருவாக்குகிறது.

தொழில்நுட்ப விவரங்கள்

SVG (W3C Recommendation) என்பது XML அடிப்படையிலான வெக்டார் வடிவமாகும் உலாவி XML ஐ பாகுபடுத்துகிறது, DOM ஐ உருவாக்குகிறது, CSS ஐப் பயன்படுத்துகிறது மற்றும் பக்க ரெண்டரிங்கின் போது முடிவை ராஸ்டரைஸ் செய்கிறது.

இந்த மாற்றி SVG ஐ ஒரு HTMLImageElement இல் ஏற்றுகிறது (இது உலாவியின் இயல்பான SVG-இமேஜ் ரெண்டரிங் பாதையைத் தூண்டுகிறது), பின்னர் அதை drawImage வழியாக ஒரு கேன்வாஸுக்கு இழுக்கிறது. canvas.toBlob('image/png') ஐப் பயன்படுத்தி கேன்வாஸ் PNG ஆக ஏற்றுமதி செய்யப்படுகிறது. வெளியீட்டில் உள்ள துல்லியமான பிக்சல்கள், உலாவி தாவலில் SVG அதே அளவில் வழங்கும்.

எட்ஜ் கேஸ்கள்: இமேஜ் எலிமென்ட் வழியாகப் பயன்படுத்தும் போது, ForeignObject ஐப் பயன்படுத்தும் SVG எப்போதும் ஆதரிக்கப்படாது. வெளிப்புற ஆதாரங்களைக் குறிப்பிடும் SVG (xlink:href வேறொரு டொமைனுக்கு) CORS காரணமாக ஏற்றப்படாமல் போகலாம். SMIL அனிமேஷன்கள் மற்றும் ஜாவாஸ்கிரிப்ட்-உந்துதல் அனிமேஷன்கள் ஆரம்ப சட்டமாக மட்டுமே வழங்குகின்றன.

சிறந்த நடைமுறைகள்

விவேகமான இலக்கு அளவைத் தேர்ந்தெடுக்கவும் — SVG தீர்மானம்-சுயாதீனமானது, ஆனால் PNG அல்ல. நீங்கள் உண்மையில் பயன்படுத்தும் அளவில் ரெண்டர் செய்யவும், மேலும் விழித்திரை காட்சிகளுக்கு 2×. சிறிய ஐகான்களுக்கு அபத்தமான உயர் தெளிவுத்திறன் கொண்ட PNGகளை உருவாக்குவதைத் தவிர்க்கவும்.
மாற்றுவதற்கு முன் வெளிப்புற ஆதாரங்களை இன்லைன் செய்யவும் — உங்கள் SVG வெளிப்புறப் படங்கள் அல்லது எழுத்துருக்களை URL வழியாகக் குறிப்பிடினால், மாற்றும் போது அந்த குறிப்புகள் தோல்வியடையும். ரெண்டரிங் செய்வதற்கு முன் ஆதாரங்களை (base64 தரவு URLகள் வழியாக அல்லது உரையை பாதைகள் மூலம் மாற்றுவதன் மூலம்) இன்லைன் செய்யவும்.
வெளியீட்டை சோதிக்கவும் — உலாவி SVG ரெண்டரிங் விற்பனையாளர்களிடையே நுட்பமாக வேறுபடலாம். இதன் விளைவாக வரும் PNG ஐத் திறந்து, அது உங்கள் எதிர்பார்ப்புகளுடன் பொருந்துகிறது என்பதை உறுதிப்படுத்தவும், குறிப்பாக சிக்கலான வடிப்பான்கள் அல்லது உரைக்கு.
SVG மாஸ்டரை வைத்திருங்கள் — PNG நிலையான அளவு; SVG பின்னர் எந்த அளவிலும் PNGகளை உருவாக்க முடியும். மங்கலான முடிவுகளை உருவாக்கும், ஏற்கனவே உள்ள PNGகளை உயர்த்துவதை விட, SVG மூலத்தை எப்போதும் வைத்திருங்கள்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

PNG ஆக மாற்றும்போது எனது SVG தரத்தை இழக்குமா?: வெக்டார்-டு-ராஸ்டர் கன்வெர்ஷன் என்றால் படம் பிக்சல்-அடிப்படையாக மாறுகிறது, மேலும் முடிவில்லாமல் அளவிட முடியாது. நீங்கள் உத்தேசித்துள்ள காட்சி அளவில் PNG துல்லியமாக இருப்பதை உறுதிசெய்ய உயர் தெளிவுத்திறனைத் தேர்வு செய்யவும்.
PNG வடிவம் எதற்காகப் பயன்படுத்தப்படுகிறது?: PNG (போர்ட்டபிள் நெட்வொர்க் கிராபிக்ஸ்) முதன்மையாக வெளிப்படைத்தன்மை, ஸ்கிரீன்ஷாட்கள், லோகோக்கள், ஐகான்கள் கொண்ட கிராபிக்ஸ் பயன்படுத்தப்படுகிறது.
தெரிந்து கொள்ள ஏதேனும் வரம்புகள் உள்ளதா?: 50MB வரையிலான கோப்புகள் ஆதரிக்கப்படுகின்றன. மிகப் பெரிய அல்லது சிக்கலான கோப்புகள் செயலாக்க அதிக நேரம் எடுக்கலாம். எல்லா மாற்றங்களும் உங்கள் உலாவியில் நடக்கும், எனவே செயலாக்க வேகம் உங்கள் சாதனத்தைப் பொறுத்தது.
மாற்றத்தின் போது எனது படங்கள் தனிப்பட்டதாக வைக்கப்படுகிறதா?: ஆம். உங்கள் SVG கோப்புகள் Canvas API மற்றும் JavaScript ஐப் பயன்படுத்தி உங்கள் உலாவியில் முழுமையாக செயலாக்கப்படும். எந்த சேவையகத்திலும் எதுவும் பதிவேற்றப்படவில்லை - கோப்பு நேரடியாக உங்கள் சாதனத்திலிருந்து மாற்றி மற்றும் உங்கள் சாதனத்திற்குத் திரும்பும்.
உரை உரையாக அல்லது பாதைகளாக வழங்கப்படுகிறதா?: PNG வெளியீட்டில் உரை பிக்சல்களாக மதிப்பிடப்படுகிறது. வெளியீட்டை இனி தேட முடியாது அல்லது தேர்ந்தெடுக்க முடியாது. உலாவியில் கிடைக்காத எழுத்துருக்களை உங்கள் SVG பயன்படுத்தினால், உரையானது ஃபால்பேக் எழுத்துருவில் வழங்கப்படலாம்; உத்தரவாதமான தோற்றத்திற்கு வழங்குவதற்கு முன் உரையை SVG இல் பாதைகளாக மாற்றவும்.
எனது SVG சர்வரில் பதிவேற்றப்பட்டதா?: இல்லை. SVG பாகுபடுத்துதல் மற்றும் ரெண்டரிங் உங்கள் உலாவியில் நடக்கும்; PNG குறியாக்கம் உங்கள் உலாவியில் நடக்கும். கோப்பு உங்கள் சாதனத்தை விட்டு வெளியேறாது.
நான் மாற்றப்பட்ட PNG ஏன் காலியாக உள்ளது?: பொதுவான காரணங்கள்: CORS காரணமாக ஏற்றத் தவறிய வெளிப்புறப் படங்களை SVG குறிப்பிடுகிறது; SVG ஆனது பட-உறுப்பு ரெண்டரிங் பாதையால் ஆதரிக்கப்படாத அம்சங்களைப் பயன்படுத்துகிறது (foreignObject, சில வடிப்பான்கள்); SVG பூஜ்ஜிய பரிமாண காட்சிப்பெட்டியைக் கொண்டுள்ளது. SVG ஐ நேரடியாக உலாவியில் திறக்கவும், மாற்றுவதற்கு முன் அது வழங்குவதை உறுதிப்படுத்தவும்.
SVG ஐ PNGக்கு ஸ்கிரிப்ட்டில் மாற்ற முடியுமா?: ஆம் — தொகுதி வேலைகளுக்கு, ஷார்ப் அல்லது பப்பீட்டீரைப் பயன்படுத்தும் Node.js அமைப்பு, உலாவிக்கு ஒத்த நம்பகத்தன்மையுடன் SVG க்கு PNGக்கு ரெண்டர் செய்கிறது. இந்த கருவி எதையும் நிறுவாமல் உலாவியில் ஒரு முறை மாற்றுவதற்கானது.

SVG முதல் PNG வரை மாற்றி

SVG ஐ இங்கே இழுத்து விடுங்கள்

தொடர்புடைய கருவிகள்

PNG க்கு எஸ்விஜி வெக்டரைசர்

PDF முதல் PNG வரை மாற்றி

PNG முதல் PDF வரை மாற்றி

JPG முதல் PNG வரை மாற்றி

இந்த கருவி பற்றி

ஏன் SVG ஐ PNG ஆக மாற்ற வேண்டும்

பயன்படுத்துவது எப்படி

பொதுவான பயன்பாட்டு வழக்குகள்

தொழில்நுட்ப விவரங்கள்

சிறந்த நடைமுறைகள்

அடிக்கடி கேட்கப்படும் கேள்விகள்

Related Articles

Image Format Guide: JPG vs PNG vs WebP vs SVG Explained

The Complete Guide to PDF Conversion: Methods, Tools, and Best Practices

Document Formats Explained: Word, PDF, TXT, and When to Use Each

Audio and Video Formats Explained: MP3, MP4, WAV, WebM, and Beyond

How to Convert Files Online Safely: Privacy and Security Guide

Why Browser-Based Tools Are the Future: No Installs, No Uploads, No Risk