SVG-ஐ ஐகானாக மாற்றும் கருவி

Q: இந்தப் பக்கத்துக்கும் SVG to ICO பக்கத்துக்கும் என்ன வேறுபாடு?

[SVG to ICO](/svg-to-ico) பக்கம் favicon மற்றும் Windows-க்கான ஒற்றை .ico கோப்பில் கவனம் செலுத்துகிறது. இந்தப் பக்கம் macOS ICNS, Android, iOS மற்றும் ஆப் ஸ்டோர்கள் கேட்கும் நிலையான அளவு PNG-கள் உட்பட ஐகான் செல்லும் எல்லா இடங்களையும் உள்ளடக்கும்.

ஒரே வெக்டர் லோகோ உங்களுக்குத் தேவையான எல்லா ஐகான் இடங்களுக்கும் போதும்: favicon, Windows ஷார்ட்கட், Mac ஆப், போன்களின் லாஞ்சர் ஐகான்கள். இந்தப் பக்கம் பல அளவு ICO-வில் தொடங்குகிறது; மற்ற தளங்களுக்கு ICNS அல்லது PNG-க்கு மாற்றிக்கொள்ளலாம்.

அல்லது JPG, JPEG, JPE … கோப்புகள் இங்கே இழுத்து விடவும் ·

ஒரு கோப்புக்கு அதிகபட்சம் 95 MB· அதிகபட்சம் 20 கோப்புகள்· 30 நிமிடங்களுக்குப் பிறகு நீக்கப்படும்

வெளியீடு

இதற்கு மாற்று

கோப்புகள் எங்கள் சேவையகங்களில் செயலாக்கப்பட்டு 30 நிமிடங்களுக்குப் பிறகு நீக்கப்படும்.

தரம் & நிறம்

அனிமேஷன் உள்ளீடு

இந்த வடிவம் ஒரே படத்தை மட்டும் வைத்திருக்கும். அனிமேஷனை வைத்திருக்க GIF அல்லது WebP வெளியீட்டைத் தேர்ந்தெடுக்கவும்.

ஐகான் அளவுகள்

பல அளவு ஐகான் ஒரே கோப்பில் பல தெளிவுத்திறன்களைக் கொண்டிருக்கும்; உலாவிகளும் இயக்க முறைமைகளும் தேவையானதைத் தேர்ந்தெடுக்கும்.

வெளியீட்டின் அளவை மாற்று

வெளியீட்டுப் படத்தின் அளவை மாற்று

அசல் பரிமாணங்களை வைத்திருக்கலாம், அல்லது ஒரு பக்கத்தை உள்ளிட்டால் விகிதம் பாதுகாக்கப்படும்.

மெட்டாடேட்டா & கலர் புரொஃபைல்

தானியங்கி திசையமைவு

EXIF-இல் உள்ள திசையமைப்பைப் பயன்படுத்தி படத்தைச் சுழற்றுங்கள்; அதனால் எங்கும் நேராகத் தெரியும்.

மெட்டாடேட்டாவை நீக்கு

GPS இடம், கேமரா தரவு, கருத்துகளை நீக்கவும். நிறச் சுயவிவரத்தை கீழே தனியாக வைத்திருக்கலாம்.

கலர் புரொஃபைலை வைத்திரு

மாற்றத்துக்குப் பிறகும் நிறங்கள் துல்லியமாக இருக்க உட்பொதிந்த ICC சுயவிவரத்தைப் பாதுகாக்கவும்.

கலர் ஸ்பேஸ்

திரைகளுக்கும் வலைக்கும் sRGB சரியானது. அச்சுப் பணிகளுக்கு அசலை வைத்திருங்கள்; கிரேஸ்கேல் நிறத்தை நீக்கும்.

DPI டேக்

dpi

மெட்டாடேட்டா மட்டும்; 0 அசல் மதிப்பை வைத்திருக்கும். அச்சுப்பொறிகளும் சில தளங்களும் இந்த எண்ணைப் படிக்கும்; பிக்சல் பரிமாணங்களை மாற்றாது.

இந்தக் கருவியை எப்படிப் பயன்படுத்துவது

1
சதுர வடிவ SVG-ஐப் பதிவேற்றுங்கள்
உங்கள் லோகோவின் SVG-ஐச் சேர்க்கவும்; சதுர viewBox இருந்தால் சிறந்தது. ஒரே நேரத்தில் 20 கோப்புகள் வரை சேர்க்கலாம், எடுத்துக்காட்டாக ஒளி மற்றும் இருண்ட வகைகள்.
2
ஐகான் வடிவத்தைத் தேர்ந்தெடுங்கள்
ஐகான் அளவுகள் என்பதில் அனைத்து அளவுகள் (16–256) தேர்வுடன் ICO முன்கூட்டியே தேர்ந்தெடுக்கப்பட்டிருக்கும். macOS-க்கு இதற்கு மாற்று என்பதில் ICNS-ஐத் தேர்ந்தெடுக்கவும்; போன் அல்லது ஸ்டோர் ஐகானுக்கு PNG-ஐத் தேர்ந்தெடுத்து வெளியீட்டுப் படத்தின் அளவை மாற்று என்பதில் அகலத்தை அமைக்கவும்.
3
மாற்றி, கோப்புகளை உரிய இடத்தில் வையுங்கள்
ICO ஆக மாற்று → என்பதை அழுத்தவும் (பெயர் நீங்கள் தேர்ந்த வடிவத்தைப் பொறுத்து மாறும்), பதிவிறக்கவும், ஒவ்வொரு கோப்பையும் அந்த தளம் எதிர்பார்க்கும் இடத்தில் வைக்கவும்.

ஒரே ஐகான் வடிவம் என்று எதுவும் இல்லை. Windows மற்றும் உலாவிகள் ICO-வையும், macOS ICNS-ஐயும், போன்கள் PNG தொகுப்புகளையும் பயன்படுத்துகின்றன. SVG-யிலிருந்து தொடங்கினால் ஒவ்வொன்றும் வெக்டரிலிருந்து புதிதாக வரையப்பட்டு, எல்லா அளவிலும் தெளிவாக இருக்கும்.

SVG-ஐ ஐகானாக மாற்ற: ஒரே வெக்டர், மூன்று வகை ஐகான் கோப்புகள்

ஐகான் கோப்பு என்பது சிறிய பிட்மேப்களின் கொள்கலன், வெக்டர் அல்ல. இயக்க முறைமை தனக்குத் தேவையான அளவுக்கு மிக நெருக்கமான பிட்மேப்பைத் தேர்ந்தெடுக்கும்; எனவே நல்ல ஐகானில் பல இருக்கும், ஒவ்வொன்றும் அதன் சொந்த கிரிட்டுக்கு வரையப்பட்டிருக்கும்.

இந்தப் பக்கத்தில் உள்ள ICO preset 16 முதல் 256 px வரை எல்லா அளவுகளையும் கொண்ட ஒரு கோப்பை எழுதும்; இது favicon.ico மற்றும் Windows shortcut-களுக்குப் போதும். Apple ஐகான் கொள்கலனுக்கு இதற்கு மாற்று என்பதை ICNS ஆகவும், Android, iOS மற்றும் ஆப் ஸ்டோர்கள் கேட்கும் தனி அளவுகளுக்கு PNG ஆகவும் மாற்றவும்.

முக்கிய தளங்கள் தங்கள் ஐகான் இடங்களுக்கு வெளியிட்டுள்ள தேவைகளை அட்டவணை பட்டியலிடுகிறது.

ஒவ்வொரு தளமும் எதிர்பார்க்கும் ஐகான் கோப்புகள்
அமைப்பு	தேவை	மூலம்
Windows டெஸ்க்டாப் மற்றும் டாஸ்க்பார்	16, 32, 48 மற்றும் 256 px உட்பட பல அளவுகள் கொண்ட ICO	—
இணையதள favicon	தளத்தின் root-இல் 16, 32 மற்றும் 48 px கொண்ட favicon.ico; apple-touch-icon-க்கு 180 × 180 px PNG	—
macOS ஆப் ஐகான்	ICNS அல்லது Xcode asset catalog, 1024 × 1024 px வரையிலான அளவுகள்	—
Google Play ஸ்டோர் பட்டியல்	512 × 512 px 32-bit PNG, 1,024 KB வரை	—
Apple App Store	ஒளி ஊடுருவல் இல்லாத 1024 × 1024 px PNG	—

SVG

Scalable Vector Graphics

SVG என்பது 2001-இல் W3C தரப்படுத்திய XML அடிப்படையிலான வெக்டர் வடிவம். பிக்சல்களுக்குப் பதிலாக வடிவங்கள், பாதைகள், உரையை விவரிப்பதால் எந்த அளவிலும் தெளிவாக இருக்கும்; லோகோ, ஐகான்களுக்கு பொதுவாக மிகச் சிறியது. இது ஒளிஊடுருவல், CSS பாணி, ஸ்கிரிப்ட், அனிமேஷனை ஆதரிக்கிறது; எல்லா உலாவிகளும் இயல்பாகக் காட்டும். புகைப்படங்களுக்கு SVG பொருந்தாது; சிக்கலான விளக்கப்படங்கள் காட்ட மெதுவாகலாம். Illustrator, Inkscape, Figma, உலாவிகளில் திறந்து திருத்தலாம்.

சுருக்கம்: –
ஒளி ஊடுருவும் தன்மை: ஆம்
அனிமேஷன்: ஆம்
அறிமுகமான ஆண்டு: 2001 · W3C

SVG மாற்றி

ICO

Windows ஐகான்

ICO என்பது Windows நிரல் ஐகான்கள் மற்றும் இணையதள favicon-களுக்குப் பயன்படும் Microsoft ஐகான் வடிவம். ஒரு .ico கோப்பில் 16×16, 32×32, 48×48, 256×256 பிக்சல் போன்ற பல அளவுப் படங்கள் இருக்கலாம்; கணினி பொருத்தமானதைத் தேர்ந்தெடுக்கும். ஒவ்வொரு படமும் பிட்மேப் அல்லது PNG தரவாகச் சேமிக்கப்பட்டு முழு ஆல்பா ஒளிபுகுதலை ஆதரிக்கும். ICO புகைப்படங்கள் அல்லது பெரிய ஓவியங்களுக்கு ஏற்றதல்ல. உலாவிகள், Windows மற்றும் பெரும்பாலான ஐகான் எடிட்டர்கள் இதைப் படிக்கும்.

சுருக்கம்: இழப்பின்றி (Lossless)
ஒளி ஊடுருவும் தன்மை: ஆம்
அனிமேஷன்: இல்லை
அறிமுகமான ஆண்டு: Microsoft

ICO மாற்றி

ஒரு வெக்டர் லோகோவும், ஒவ்வொன்றுக்கும் தனி ஐகான் கொள்கலன் தேவைப்படும் பல தளங்களும் இருக்கும்போது மக்கள் SVG to icon எனத் தேடுகிறார்கள்; இணையதளத்தின் favicon.ico முதல் Mac-இல் ICNS மற்றும் ஆப் ஸ்டோர்களில் அளவுள்ள PNG-கள் வரை.

Windows, Mac, Android, iOS-க்கு SVG-ஐ ஐகான் கோப்புகளாக மாற்றுங்கள்

ICO-வையும் ஐகான் அளவுகள் என்பதில் அனைத்து அளவுகளையும் வைத்திருங்கள். இணையதள root-க்கு முடிவை favicon.ico என மறுபெயரிடவும், அல்லது Windows shortcut-இன் Change Icon உரையாடலில் அதைச் சுட்டிக்காட்டவும்.

ஒரே .ico டேப்கள், புக்மார்க்குகள் மற்றும் டாஸ்க்பாருக்குப் பயன்படும்
iPhone முகப்புத் திரை புக்மார்க்குகளுக்கு 180 px PNG-ஐச் சேர்க்கவும்

16 px-லும் தெளிவாகத் தெரியும் SVG-ஐ வடிவமைப்பது

16 × 16 px ஐகானில் மொத்தம் 256 பிக்சல்கள் மட்டுமே. பெரும்பாலான பிராண்டுகள் தடிமனான வடிவங்களும் குறைந்த நிறங்களும் கொண்ட, பெரும்பாலும் சின்னம் அல்லது ஒரு எழுத்து மட்டுமான தனி ஐகான் குறியை வைத்திருக்கும்; உங்களிடம் இல்லையெனில், ஐகான்களுக்காக SVG-யின் எளிமைப்படுத்திய நகலை உருவாக்கவும்.

மாற்றும் முன் viewBox-ஐச் சரிபார்க்கவும். அகலமான viewBox குறியின் மேலும் கீழும் வெற்றுப் பட்டைகளுடன் ஐகானை உருவாக்கும்; எனவே முதலில் அதைச் சதுரமாக வெட்டவும். படத்தை விகிதத்தில் க்ராப் செய்வது வழிகாட்டி சதுர க்ராப்களை விளக்கும்; வடிவமைப்பை மதிப்பிட SVG to PNG விரைவான பெரிய முன்னோட்டத்தைத் தரும்.

SVG-ஐ ஐகானாக மாற்றுவது: அடிக்கடி கேட்கப்படும் கேள்விகள்

இந்தப் பக்கத்துக்கும் SVG to ICO பக்கத்துக்கும் என்ன வேறுபாடு?

SVG to ICO பக்கம் favicon மற்றும் Windows-க்கான ஒற்றை .ico கோப்பில் கவனம் செலுத்துகிறது. இந்தப் பக்கம் macOS ICNS, Android, iOS மற்றும் ஆப் ஸ்டோர்கள் கேட்கும் நிலையான அளவு PNG-கள் உட்பட ஐகான் செல்லும் எல்லா இடங்களையும் உள்ளடக்கும்.

ஒவ்வொரு இயங்குதளமும் எந்த ஐகான் வடிவத்தைப் பயன்படுத்துகிறது?

Windows ICO-வைப் படிக்கும்; macOS ICNS அல்லது Xcode-இல் உருவாக்கிய asset catalog-ஐப் படிக்கும்; Android மற்றும் iOS நிலையான பிக்சல் அளவுகளில் வழங்கப்பட்ட PNG படங்களை ஏற்கும்.

என் ஆப்புக்குத் தேவையான எல்லா PNG அளவுகளையும் ஒரே மாற்றத்தில் பெற முடியுமா?

இல்லை. ஒரு PNG ஒரே அளவைக் கொண்டிருக்கும், எனவே ஒவ்வொரு மாற்றமும் ஒரு அகலத்தை எழுதும். வெளியீட்டுப் படத்தின் அளவை மாற்று என்பதில் ஒரு அளவை அமைத்து மாற்றவும், பிறகு எண்ணை மாற்றி மீண்டும் மாற்றவும்; ஒவ்வொரு அளவும் வெக்டரிலிருந்து தெளிவாக வரையப்படும்.

இந்தப் பக்கம் தரும் ICNS, Retina Mac ஐகான்களுக்கும் பொருந்துமா?

அதில் 16 முதல் 256 px வரையிலான அளவுகள் இருக்கும். தற்போதைய macOS ஆப் ஐகான்களில் Retina திரைகளுக்கான 512 px மற்றும் 1024 px உள்ளீடுகளும் இருக்கும்; அவற்றை Xcode அல்லது Apple-இன் iconutil PNG-களிலிருந்து உருவாக்கும். அந்த இரண்டையும் இங்கே PNG ஆக ஏற்றுமதி செய்து தொகுப்பில் சேர்க்கவும்.

ஐகானின் பின்னணி வெளிப்படையாக (transparent) இருக்க வேண்டுமா?

ICO, ICNS மற்றும் Android launcher அடுக்குகளுக்கு ஆம்: ஒளி ஊடுருவல் இருந்தால் சிஸ்டம் தனது பின்னணியை வரையும். iOS App Store ஐகான் விதிவிலக்கு; alpha channel உள்ள 1024 px marketing ஐகானை Apple நிராகரிக்கும், எனவே அந்த PNG-க்கு SVG-யில் திடமான பின்னணி கொடுக்கவும்.

விவரங்கள் நிறைந்த என் லோகோ சிறிய ஐகானாகும்போது ஏன் ஒரு கறை போலத் தெரிகிறது?

16 அல்லது 32 px-இல் மெல்லிய கோடுகளுக்கோ சிறிய எழுத்துக்கோ இடமில்லை. மிகச் சிறிய அளவிலும் குறைந்தது ஒரு முழு பிக்சலை மூடும்படி கோடுகளைத் தடிமனாக்கவும், பெயர் எழுத்தை நீக்கவும்.