PNG-ஐ SVG ஆக மாற்றுவது எப்படி: லோகோ, ஐகான் ட்ரேசிங்

PNG என்பது ராஸ்டர் படம்: ஒவ்வொன்றுக்கும் ஒரு நிறமும், விருப்பமாக ஒளிபுகும் தன்மை மதிப்பும் கொண்ட பிக்சல்களின் நிலையான கட்டம். 500 × 500 px லோகோவில் சரியாக 250,000 சதுரங்கள் மட்டுமே உள்ளன. அதை போஸ்டர் அளவுக்குப் பெரிதாக்கினால் ஒவ்வொரு சதுரமும் பெரிதாகும் அல்லது அவற்றுக்கிடையிலான இடைவெளி மங்கலாகும். SVG என்பது வெக்டர் படம்; <path>, <circle>, <rect> போன்ற வடிவங்களை ஆயத்தொலைவுகளுடனும் நிரப்பு நிறங்களுடனும் பட்டியலிடும் உரைக் கோப்பு. உலாவியோ கட்டிங் மெஷினோ தேவையான அளவில் அந்த வடிவங்களை மீண்டும் வரைகிறது. அதனால்தான் வெக்டர் லோகோ போன் திரையிலும் பெரிய பேனரிலும் தெளிவாக இருக்கும்.

வெக்டரிலிருந்து ராஸ்டருக்கு மாற்றுவது எளிது; ரெண்டரர் வடிவங்களை பிக்சல்களாக வரைந்தால் போதும். SVG to PNG ஒரு நொடியில் இதைச் செய்கிறது. எதிர்த்திசையில் இழப்பில்லா குறுக்குவழி இல்லை; பிக்சல் கட்டத்தில் அதை உருவாக்கிய வடிவங்களின் பதிவு இல்லை. பிக்சல்களைப் பார்த்து ஒவ்வொரு வடிவமும் எங்கே தொடங்கி முடிகிறது என்று ஊகிக்க வேண்டும். இந்த ஊகிக்கும் படி ட்ரேஸிங் அல்லது வெக்டரைசிங் எனப்படும். Illustrator முதல் கமாண்ட்-லைன் நிரல் வரை நேர்மையான ஒவ்வொரு PNG to SVG மாற்றியும் உள்ளுக்குள் ஒரு ட்ரேசர்தான்.

சில மாற்றிகள் கடினமான பகுதியைத் தவிர்க்கின்றன. அவை அசல் PNG-ஐ base64 உரையாக உட்பொதித்த ஒரு <image> உறுப்பு மட்டுமே உள்ள செல்லுபடியாகும் SVG கோப்பை எழுதுகின்றன; இதனால் கோப்பு PNG-ஐ விட சுமார் மூன்றில் ஒரு பங்கு பெரிதாகும். இது SVG ஆகத் திறக்கும், கோப்பு வகைச் சோதனையிலும் தேறும், ஆனாலும் வெக்டர் உறைக்குள் இருக்கும் பிக்சல் படம்தான். பெரிதாக்கினால் அதே கரடுமுரடான ஓரங்கள் தெரியும்; கட்டிங் மெஷினுக்கு பின்தொடர பாத்கள் கிடைக்காது. எந்த SVG-யையும் டெக்ஸ்ட் எடிட்டரில் திறந்து data:image/png என்று தேடுங்கள்; அது இருந்தால் எதுவும் வெக்டரைஸ் ஆகவில்லை.

முதலிலேயே வடிவங்களாக வரையப்பட்ட படங்களுக்கே ட்ரேசிங் நன்றாக வேலை செய்யும். டிசைன் செயலியிலிருந்து ஏற்றுமதி செய்த லோகோ, தட்டையான ஐகான், கருப்பு அவுட்லைன் கொண்ட கார்ட்டூன், ஸ்கேன் செய்த கையொப்பம், ஸ்டென்சில் ஆகிய அனைத்தும் தெளிவான ஓரங்களால் பிரிக்கப்பட்ட சில திடமான நிறங்களைக் கொண்டவை. ட்ரேசர் ஒவ்வொரு நிறத்தையும் பகுதிகளாகத் தொகுத்து, எல்லைகளைப் பின்தொடர்ந்து மென்மையான வளைவுகளைப் பொருத்தும்; அதனால் SVG டிசைனர் வரைந்த வடிவங்களுக்கு நெருக்கமாக அமையும். வேர்ட்மார்க்கில் உள்ள தடித்த எழுத்துகளும் நன்றாக ட்ரேஸ் ஆகும்; பெரிய எழுத்தும் நிரப்பப்பட்ட ஒரு வடிவம்தான். ஒவ்வொரு எழுத்தும் அவுட்லைன் ஆகும்; நிறம் மாற்றலாம், அளவு மாற்றலாம், ஆனால் மீண்டும் தட்டச்சு செய்ய முடியாது.

புகைப்படங்கள் இதற்கு நேர்மாறு. போர்ட்ரெய்ட் அல்லது பொருள் படத்தில் நுட்பமாக வேறுபடும் ஆயிரக்கணக்கான நிறத் தொனிகள் கலந்திருக்கும்; வெக்டர் வடிவம் அதைத் திறமையாக விவரிக்க முடியாது. 16 நிறங்கள் கேட்டால் தெரியும் பட்டைகளுடன் போஸ்டரைஸ் செய்த ஓவியம் கிடைக்கும்; 64 கேட்டால் PNG-ஐ விட மிகப் பெரிய கோப்பில் பல்லாயிரம் சிறு வடிவங்கள் கிடைக்கும், அப்படியும் அது புகைப்படம் போலத் தெரியாது. மென்மையான கிரேடியன்ட்கள், டிராப் ஷேடோக்கள், ஒளிர்வுகள் ஆகியவையும் இதேபோல மெல்லிய பட்டைகளின் அடுக்காக மாறும். சிறிய உரை மூன்றாவது சிக்கல்: 10–12 px அளவில் ஆன்டி-அலியாசிங் ஒவ்வொரு எழுத்தையும் பின்னணியுடன் கலந்துவிடும்; "e"-யையும் "o"-வையும் ட்ரேசரால் பிரித்தறிய முடியாது.

எந்த அமைப்பையும் விடத் தெளிவுத்திறனே முக்கியம். ஓரத்தில் உள்ள பிக்சல் படிக்கட்டுக்கு ட்ரேசர் ஒவ்வொரு வளைவையும் பொருத்துகிறது; அந்தப் படிக்கட்டு நுண்ணியதாக இருந்தால் வளைவு துல்லியமாக இருக்கும். Figma, Canva, Photoshop அல்லது ஸ்லைடு டெக்கிலிருந்து PNG-ஐ நீங்களே ஏற்றுமதி செய்திருந்தால், காட்சி அளவை விட இரண்டு அல்லது மூன்று மடங்கு அளவில் மீண்டும் ஏற்றுமதி செய்யுங்கள்; 1500–2000 px அகலமுள்ள லோகோ ட்ரேசருக்கு போதுமான தகவல் தரும். சிறிய PNG-ஐ AI என்லார்ஜரால் முதலில் பெரிதாக்காதீர்கள்; 100 % ஜூமில் முடிவு சுத்தமாகத் தெரிந்தால் மட்டும் செய்யலாம். ஏனெனில் உருவாக்கப்பட்ட போலி ஓர அமைப்பும் உண்மையான ஓரங்களைப் போலவே துல்லியமாக ட்ரேஸ் ஆகும்.

அடுத்து, பின்னணியை எளிமையாக்குங்கள். PNG முழு ஒளிபுகும் தன்மையை ஆதரிக்கிறது; ஒளிபுகும் பின்னணியே எளிதான நிலை. முழுவதும் ஒளிபுகும் ஒவ்வொரு பிக்சலும் வெற்றிடமாகக் கருதப்படும், அதனால் SVG-யில் கலைப்படைப்புக்குப் பின்னால் வெள்ளைப் பெட்டி இருக்காது. PNG-யில் திடமான பின்னணி இருந்தால், முதலில் கலைப்படைப்பைச் சுற்றி இறுக்கமாக க்ராப் செய்யுங்கள்; சரியான ஃப்ரேமிங்கை படத்தை விகிதத்தில் க்ராப் செய்வது எப்படி வழிகாட்டி விளக்குகிறது. டி-ஷர்ட்டில் படம்பிடித்த லோகோ போன்ற சிக்கலான பின்னணியை ட்ரேஸ் செய்யும் முன் நீக்க வேண்டும் அல்லது ஒரே தட்டை நிறத்தால் மூட வேண்டும்.

கடைசியாக, ட்ரேசர் செய்வதற்கு முன் நிறங்களின் எண்ணிக்கையை நீங்களே குறையுங்கள். மூலக் கோப்பில் ஷேடோக்கள், ஒளிர்வுகள், கிரேடியன்ட் மேலடுக்குகளை மறையுங்கள்; வெக்டர் பதிப்புக்கு கிரேடியன்ட் தேவையில்லை என்றால் அதை அதன் நடு நிறத்தால் மாற்றுங்கள். அவுட்லைன் நிறம் உட்பட மீதமுள்ள திடமான நிறங்களை எண்ணி அந்த எண்ணைக் குறித்து வைக்கவும்; அடுத்த படியில் நீங்கள் உள்ளிடும் மிகப் பயனுள்ள எண் அதுவே. ஒரே லோகோவின் JPEG, PNG இரண்டில் தேர்வு செய்வதானால் PNG-ஐ எடுங்கள்; JPG vs JPEG vs PNG கட்டுரையில் விளக்கியபடி JPEG சுருக்கம் ஒவ்வொரு ஓரத்திலும் இரைச்சலைச் சேர்க்கும்.

பெயர்கள் வேறுபட்டாலும் ஒவ்வொரு ட்ரேசரும் ஒரே மூன்று கேள்விகளைக் கேட்கிறது. முதலாவது, எத்தனை நிறங்களை வைத்துக்கொள்வது. PNG to SVG மாற்றியில் நிற முறை என்பது வண்ணம், சாம்பல் நிற அளவு, கருப்பு வெள்ளை ஆகியவற்றில் ஒன்றைத் தேர்ந்தெடுக்கிறது; நிறங்களின் எண்ணிக்கை பிக்சல்கள் 2 முதல் 64 வரை எத்தனை தொகுப்புகளாகப் பிரிக்கப்படும் என்பதை அமைக்கிறது. நீங்கள் குறித்து வைத்த எண்ணுக்கு அதைப் பொருத்துங்கள். மிக அதிகமாக வைத்தால் ட்ரேசர் ஆன்டி-அலியாஸ் ஓரப் பிக்சல்களைத் தனித்தனி மெல்லிய நிறங்களாகப் பிரிக்கும்; ஒவ்வொரு வடிவத்தைச் சுற்றியும் மங்கலான ஒளிவட்டம் தெரியும். மிகக் குறைவாக வைத்தால் இரண்டு பிராண்ட் நிறங்கள் ஒன்றாகக் கலந்துவிடும்.

இரண்டாவது கேள்வி, ஓரங்களை எப்படிக் கையாள்வது. மென்மையாக்கல் பிக்சல்கள் விட்டுச் செல்லும் படிக்கட்டு போன்ற ஓரங்களை வளைத்து மென்மையாக்கும்; நுணுக்கம் எவ்வளவு சிறிய புள்ளி வடிவமாக மாறலாம் என்பதை முடிவு செய்யும். PNG பக்கம் நுணுக்கம் 70, மென்மையாக்கல் 40 ஆகத் தொடங்குகிறது; சுத்தமான ஏற்றுமதியில் சிறிய மூலைகளைத் தக்கவைக்க இது உதவும். தூசும் தேவையற்ற புள்ளிகளும் தோன்றினால் நுணுக்கம் குறையுங்கள்; வளைவுகள் ஆடினால் மென்மையாக்கல் உயர்த்துங்கள். நேரான ஓரங்களால் ஆன வடிவியல் லோகோக்களுக்கு வளைவுகள் அமைப்பை நேர்கோடுகள் ஆகவும், கட்டம் கட்டமாகவே இருக்க வேண்டிய பிக்சல் ஆர்ட்டுக்கு பிக்சல் ஓரங்கள் ஆகவும் அமையுங்கள்.

மூன்றாவது கேள்வி கருப்பு வெள்ளை ட்ரேசிங்குக்கு மட்டும்: மைக்கும் தாளுக்கும் இடையே எங்கே எல்லை வரைவது. வரம்பு மதிப்பு 1 முதல் 254 வரை; இயல்புநிலை 128. வரம்பை விட இருண்ட பிக்சல்கள் கருப்பாகும், வெளிர்ந்தவை வெற்றிடமாகும். மெல்லிய நீல பால்பாயிண்டில் எழுதிய கையொப்பத்துக்கு மங்கிய கோடுகள் தப்பிக்க 160–180 நோக்கி உயர்த்துங்கள்; சற்றே சாம்பல் தாளில் தடித்த மார்க்கர் ஓவியத்துக்குத் தாளின் அமைப்பு புள்ளிகளாக மாறாமல் இருக்க 100 நோக்கிக் குறையுங்கள். அமைப்புகள் ஒன்றோடொன்று தொடர்புடையவை என்பதால் ஒரு நேரத்தில் ஒன்றை மட்டும் மாற்றி ஒப்பிடுங்கள்.

சிறுபடத்தை மட்டும் பார்த்து நிறுத்திவிடாதீர்கள். SVG-ஐ உலாவியில் திறந்து, மிகக் கூர்மையான வளைவு, அதாவது எழுத்தின் வளைவு அல்லது முனையின் நுனி ஆகியவற்றை 400–800 % வரை பெரிதாக்குங்கள். நல்ல ட்ரேஸில் வளைவுகள் மென்மையாகவும், வடிவமைப்பில் மூலைகள் உள்ள இடங்களில் கூர்மையான மூலைகளும் இருக்கும்; மோசமான ட்ரேஸில் நெளிவுகள், குழிவுகள், வட்டமான முனைகள் தெரியும். பிறகு Inkscape, Illustrator அல்லது Figma போன்ற வெக்டர் எடிட்டரில் கோப்பைத் திறந்து அவுட்லைன் அல்லது நோட் காட்சியை இயக்குங்கள். எளிய இரு நிற லோகோவுக்கு பொதுவாக சில நூறு நோட்கள் போதும்; உங்களுடையதில் பல ஆயிரம் இருந்தால், ட்ரேசர் இரைச்சலைப் பின்தொடர்ந்துள்ளது, அந்தப் பாதைகளைத் திருத்தவும் வெட்டவும் சிரமமாக இருக்கும்.

கோப்பு அளவு விரைவான சரிபார்ப்பு. தட்டையான லோகோவின் மேம்படுத்தப்பட்ட SVG பொதுவாக சில KB முதல் சில பத்து KB வரை இருக்கும்; பெரும்பாலும் அது உருவான PNG-ஐ விடச் சிறியது. மூல PNG-ஐ விடப் பல மடங்கு பெரிய ட்ரேஸ் கோப்பு என்றால் பொதுவாக நிறங்கள் அதிகம், நுணுக்கம் அதிகம், அல்லது ட்ரேஸ் செய்யத் தகாத புகைப்படம் என்று பொருள். SVG-ஐ மேம்படுத்து விருப்பத்தை இயக்கியே வையுங்கள்; அது தெரியும் மாற்றம் இல்லாமல் ஆயத்தொலைவுகளை முழுமையாக்கி பாதைகளை இணைக்கிறது. இறுதியாக, படைப்பை போஸ்டர் அளவுக்கும் ஃபேவிகான் அளவுக்கும் மாற்றி இரண்டிலும் தெளிவாக உள்ளதா எனப் பாருங்கள்.

இலவச டெஸ்க்டாப் தேர்வு Inkscape. PNG-ஐ இறக்குமதி செய்து, தேர்ந்தெடுத்து Path > Trace Bitmap (Shift+Alt+B) திறக்கவும். Brightness cutoff போன்ற ஒற்றை-ஸ்கேன் முறைகள் ஒரே கருப்புப் பாதையை உருவாக்கும், இது லைன் ஆர்ட்டுக்குப் பொருந்தும்; பல-ஸ்கேன் முறைகள் குறிப்பிட்ட எண்ணிக்கை நிறங்கள் அல்லது சாம்பல் நிறங்களை அடுக்கு லேயர்களாக ட்ரேஸ் செய்யும். Inkscape-இன் கருப்பு வெள்ளை ட்ரேசிங் Potrace அடிப்படையிலானது; இது Peter Selinger 2001-இல் வெளியிட்ட ட்ரேசிங் நூலகம். Potrace தானே கட்டளை வரி நிரல்; PNG அல்ல, PBM, PGM, PPM அல்லது BMP படிக்கும், இரு-தொனி படங்களை மட்டுமே கையாளும், SVG, PDF, EPS அல்லது DXF எழுதும். எனவே ஸ்கேன்களின் பெரிய தொகுதிகளை ஸ்கிரிப்ட் மூலம் செய்ய இது நல்ல தேர்வு.

Adobe Illustrator-இல், Illustrator CS6 முதல் Image Trace பழைய Live Trace-ஐ மாற்றியது. PNG-ஐ இடுங்கள், Window > Image Trace திறந்து Black and White Logo, 3 Colors அல்லது 16 Colors போன்ற முன்னமைவில் தொடங்குங்கள்; பிறகு மேம்பட்ட பகுதியில் Paths, Corners, Noise ஆகியவற்றை சரிசெய்யுங்கள். Expand கிளிக் செய்யும் வரை ட்ரேஸ் நேரடியாகவே இருக்கும்; அதன் பின் அது சாதாரண திருத்தக்கூடிய பாதைகளாக மாறும். இவை இரண்டும் இல்லையெனில், உலாவி மாற்றியும் அதே நிறக் குறைப்பு, விளிம்பு கண்டறிதல், வளைவு பொருத்துதல் செயல்முறையை இயக்கும்; படத்தை SVG ஆக மாற்றும் கருவி JPG, WebP, HEIC ஆகியவற்றையும் ஏற்கும், SVG-க்கு பதிலாக EPS, PDF அல்லது DXF-ஐயும் எழுதும்.

இணையத்தில் SVG 2001 முதல் W3C பரிந்துரையாக உள்ளது; இன்றைய எல்லா உலாவிகளும் அதை <img> குறிச்சொல்லில், CSS பின்னணியாக அல்லது HTML-இல் நேரடியாக ரெண்டர் செய்கின்றன, அங்கு hover-இல் நிறங்களையும் மாற்றலாம். ட்ரேஸ் செய்த லோகோ, ரெட்டினா திரைகளுக்கான பல PNG அளவுகளுக்குப் பதிலாக ஒரு சிறிய கோப்பாக அமையும். வெட்டும் இயந்திரங்களுக்கு Cricut Design Space, Silhouette Studio எதிர்பார்க்கும் வடிவம் SVG: ஒவ்வொரு ட்ரேஸ் வடிவமும் வெட்டுப் பாதையாகும்; பல நிற ட்ரேஸ் தனித்தனி லேயர்களாக வரும், அவற்றை வெவ்வேறு வினைல் நிறங்களில் வெட்டலாம். லேசர் கட்டர், CNC மென்பொருள் பொதுவாக DXF-ஐ விரும்பும்; அதே ட்ரேசிங் அமைப்புகளிலிருந்து PNG to DXF அதை உருவாக்கும்.

அச்சகங்கள் வெக்டர் படைப்பைக் கேட்கின்றன, ஏனெனில் அச்சு இயந்திரம், எம்பிராய்டரி டிஜிடைசர் அல்லது சைன் கட்டருக்குப் பிக்சல் அல்ல, விளிம்புகள் தேவை; ஸ்டிக்கர், டி-ஷர்ட், பேனருக்கு ட்ரேஸ் செய்த SVG பெரும்பாலும் போதும். ஆனால் இது ஒரு தோராயம்தான்: வளைவுகள் பொருத்தப்பட்ட யூகங்கள், நிறங்கள் பிக்சல்களின் சராசரி, எழுத்துகள் outline ஆக்கப்பட்டவை. எனவே நிறுவன லோகோவை ட்ரேஸ் செய்யும் முன் அதை உருவாக்கியவரிடம் கேளுங்கள். டிசைனர் அல்லது ஏஜென்சியிடம் துல்லியமான வளைவுகள், பெயரிட்ட நிறங்கள், எழுத்துருக்களுடன் மூல AI, EPS, PDF அல்லது SVG கிட்டத்தட்ட எப்போதும் இருக்கும்; அனுப்ப அவர்களுக்கு ஒரு நிமிடம் போதும். அந்த மூலக் கோப்பு தொலைந்தபோது, ஸ்கேன் செய்த லெட்டர்ஹெட்டில் மட்டும் லோகோ இருக்கும்போது, அல்லது படைப்பு உங்கள் சொந்த ஓவியமாக இருக்கும்போது ட்ரேசிங் சரியான கருவி.