UltKit
படம்11
PDF13
ஆவணங்கள் & தரவு7
வீடியோ6
ஆடியோ4
மேலும் கருவிகள்22

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

SVG-யிலிருந்து ஃபேவிகான் உருவாக்குவதே சிறந்த வழி: பெரிய பிட்மேப்பைச் சுருக்குவதற்குப் பதிலாக, ஒவ்வொரு ஐகான் அளவும் வெக்டரிலிருந்து புதிதாக வரையப்படுகிறது. இதனால் 16 px பதிப்பும் பிக்சல் கட்டம் அனுமதிக்கும் அளவுக்குக் கூர்மையாக இருக்கும்.

பட மாற்றி

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

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

வெளியீடு

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

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

  1. 1

    SVG லோகோவைப் பதிவேற்றுங்கள்

    முழு வார்த்தை லோகோவைப் பயன்படுத்தாமல், சின்னம் அல்லது மோனோகிராமைப் பயன்படுத்துங்கள். சதுர viewBox இருந்தால் முடிவு மிகத் தெளிவாக இருக்கும்.

  2. 2

    எல்லா ஐகான் அளவுகளையும் வைத்திருங்கள்

    ஐகான் அளவுகள் என்பதில் தொடக்கத்தில் அனைத்து அளவுகள் (16–256) தேர்வாகியிருக்கும்; இது எல்லாத் தெளிவுத்திறன்களையும் ஒரே .ico கோப்பில் சேர்க்கும். ஒரு நிரல் சரியாக ஒரே அளவைக் கேட்கும்போது மட்டும் தனி அளவைத் தேர்ந்தெடுங்கள்.

  3. 3

    ICO ஆக மாற்று என்பதை அழுத்துங்கள்

    கோப்பை favicon.ico என்ற பெயரில் உங்கள் தளத்தின் ரூட் ஃபோல்டரில் சேமியுங்கள், அல்லது Windows ஷார்ட்கட்டில் அதை ஐகானாக அமையுங்கள்.

பதில்

favicon-க்காக SVG-ஐ ICO ஆக மாற்றுவது எப்படி?

SVG-ஐப் பதிவேற்றி, ஐகான் அளவுகள் என்பதை அனைத்து அளவுகள் (16–256) என்றே வைத்து ICO ஆக மாற்று அழுத்துங்கள். வெக்டரிலிருந்து வரையப்பட்ட எல்லாத் தெளிவுத்திறன்களும், ஒளிஊடுருவும் தன்மையும் கொண்ட ஒரே .ico கிடைக்கும்.

SVG-ஐ ICO ஆக மாற்ற: வெக்டர் ஏன் சரியான மூலம்

.ico வடிவம் Windows-இன் ஆரம்பப் பதிப்புகளிலிருந்தும், favicon.ico மரபு 1999-இல் Internet Explorer 5-இலிருந்தும் வந்தவை; புக்மார்க் செய்த ஒவ்வொரு தளத்தின் ரூட்டிலும் அந்தப் பெயரிலான கோப்பை அது தேடியது. ICO ஒரு சிறிய கொள்கலன்: பதிவுகளின் அடைவு, ஒவ்வொன்றும் தனி சதுர பிட்மேப். அதனால் ஒரே கோப்பில் 16 px டேப் ஐகானும் 256 px டெஸ்க்டாப் ஐகானும் இருக்க முடியும். Windows Vista அதிகபட்சத்தை 256 × 256 ஆக உயர்த்தி, அந்தப் பெரிய பதிவுகளை PNG ஆகச் சேமிக்க அனுமதித்தது.

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

1:1

16 × 16 px

16 × 16

உலாவி டேப்கள், புக்மார்க்குகள், வரலாற்றுப் பட்டியல்கள்.

1:1

32 × 32 px

32 × 32

அதிக அடர்த்தித் திரைகளில் டேப்கள், Windows டாஸ்க்பார் ஷார்ட்கட்கள்.

1:1

64 × 64 px

64 × 64

பெரிதாக்கிய டெஸ்க்டாப் காட்சிகள், பின் செய்த உருப்படிகள்.

1:1

128 × 128 px

128 × 128

ஃபைல் மேனேஜர்களில் பெரிய முன்னோட்டங்கள்.

1:1

256 × 256 px

256 × 256

ICO-வின் மிகப் பெரிய பதிவு; Explorer-இன் மிகப் பெரிய ஐகான்கள்.

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 மாற்றி

லோகோ வெக்டராக இருக்கும்போது, தள ரூட், Windows ஷார்ட்கட் அல்லது டெஸ்க்டாப் ஆப் பல பிட்மேப் அளவுகளைக் கொண்ட ஒரே .ico கோப்பைக் கேட்பதால் மக்கள் SVG-ஐ ICO ஆக மாற்றுகிறார்கள்.

SVG-ஐ ICO ஆக மாற்றுவதற்கு முன் SVG-ஐத் தயார் செய்யுங்கள்

செய்யவும்செய்யாதீர்கள்
viewBox-ஐ 0 0 512 512 போன்ற சதுரமாக அமையுங்கள்.32 px-க்குக் கீழ் மறைந்துவிடும் மிக மெல்லிய கோடுகளை நம்ப வேண்டாம்.
சின்னம் ஐகான் விளிம்பைத் தொடாதபடி சிறிய ஓரம் விடுங்கள்.மெல்லிய கறையாகிவிடும் அகலமான வார்த்தை லோகோவை வைத்திருக்க வேண்டாம்.
எழுத்துரு மாறாதபடி உரையை அவுட்லைன்களாக மாற்றுங்கள்.SVG-க்குள் வெளிப்புறப் படங்களையோ வெப் ஃபாண்ட்களையோ குறிப்பிட வேண்டாம்.
முழுப் பெயரை அல்லாமல் சின்னம் அல்லது முதல் எழுத்துகளைப் பயன்படுத்துங்கள்.அடர் டேப்களிலும் அது வேண்டுமென்றால் தவிர, லோகோவுக்குப் பின்னால் வெள்ளைச் செவ்வகத்தைச் சேர்க்க வேண்டாம்.

மாற்றி SVG விவரிப்பதை மட்டுமே வரையும்; இணைக்கப்பட்ட சொத்துகளையும் உட்பொதிக்கப்படாத ஃபாண்ட்களையும் பெற முடியாது. Figma, Illustrator, Inkscape போன்ற வடிவமைப்புக் கருவிகள் உரையைப் பாதைகளாக ஏற்றுமதி செய்யும்; அப்படிச் செய்தால் எழுத்துகள் எங்கும் உங்கள் பிராண்டுக்கு ஏற்ப இருக்கும்.

.ico தயாரானதும், Apple touch ஐகான்களுக்கு 180 px PNG-யையும், வெக்டர் favicon-களை ஆதரிக்கும் உலாவிகளுக்கு SVG-யையும் சேர்க்கவும்; எந்த அளவிலும் PNG-ஐ SVG to PNG உருவாக்கும். உங்கள் மூலம் பிட்மேப் லோகோ என்றால், அதே வேலையைப் பிக்சல்களிலிருந்து PNG to ICO செய்யும்.

SVG-ஐ ICO ஆக மாற்றுதல்: கேள்விகள்

PNG-யிலிருந்து தொடங்குவதை விட SVG-ஐ ICO ஆக மாற்றுவது ஏன் சிறந்தது?

PNG-ஐ ஒவ்வோர் ஐகான் அளவுக்கும் சிறிதாக்க வேண்டும்; அப்படிச் சிறிதாக்கும்போது விளிம்புகள் மங்கும். SVG நேரடியாக 16, 32, 64, 128, 256 px அளவுகளில் வரையப்படுவதால், ஒவ்வோர் அளவும் தனது பிக்சல் கட்டத்துக்கு ஏற்ற கூர்மையான விளிம்புகளைப் பெறும்.

என் தளத்தில் SVG ஐகான் இருந்தால், உலாவிகளுக்கு இன்னும் favicon.ico தேவையா?

Chrome, Firefox ஆகியவை link டேக்கில் குறிப்பிட்ட SVG favicon-ஐப் படிக்கும். ஆனால் பல உலாவிகள், ஃபீட் ரீடர்கள், கிராலர்கள் இன்னும் இயல்பாகத் தள ரூட்டிலிருந்து /favicon.ico-வையே கேட்கின்றன. இரண்டையும் வழங்கினால் எல்லாவற்றிலும் வேலை செய்யும்.

என் SVG சதுரமாக இல்லையென்றால் என்ன ஆகும்?

ஐகான் இடங்கள் சதுரமானவை; அகலமான லோகோவுக்கு வெற்று ஓரங்கள் வரும் அல்லது அது மிகச் சிறியதாகத் தெரியும். முதலில் viewBox-ஐ நீளமும் அகலமும் சமமாகத் திருத்துங்கள், அல்லது PNG ஆக ஏற்றுமதி செய்த பிறகு படத்தை க்ராப் செய்ய கருவியில் சதுரப் பதிப்பை வெட்டுங்கள்.

ICO கோப்பில் வெளிப்படையான பின்னணி தக்கவைக்கப்படுமா?

ஆம். ICO ஆல்பா சேனலைச் சேமிப்பதால், SVG-யில் நிரப்பப்படாத பகுதிகள் ஒளிஊடுருவும் நிலையிலேயே இருக்கும்; ஐகான் வெளிர், அடர் உலாவி டேப்களில் சுத்தமாகத் தெரியும்.

Windows நிரல் அல்லது ஃபோல்டர் ஐகானுக்காக SVG-ஐ ICO ஆக மாற்றலாமா?

ஆம், அதே கோப்பு வேலை செய்யும். பெரிய, மிகப் பெரிய Explorer காட்சிகளுக்கு Windows 256 px படத்தையும், பட்டியல்கள், டாஸ்க்பாருக்குச் சிறிய பதிவுகளையும் பயன்படுத்தும்.

16 px அளவில் என் ஐகான் ஏன் வெறுமையாகத் தெரிகிறது?

அந்த அளவில் மெல்லிய கோடுகளும் சிறிய எழுத்துகளும் மறைந்துவிடும். 512 அலகு ஆர்ட்போர்டில் 2 அலகு கோடு, 16 px ஐகானில் ஒரு பிக்சலுக்கும் மிகவும் குறைவாகவே வரையப்படும். favicon-க்குக் கோடுகளைத் தடிமனாக்குங்கள் அல்லது எளிய சின்னத்தைப் பயன்படுத்துங்கள்.