Kubadilisha SVG kuwa ICO
Kutengeneza favicon kutoka SVG ndiyo njia bora zaidi: kila ukubwa wa ikoni huchorwa upya kutoka vekta badala ya kupunguzwa kutoka picha kubwa ya pikseli, hivyo toleo la 16 px hubaki angavu kadiri gridi ya pikseli inavyoruhusu.
Kibadilishaji cha Picha
au buruta Faili za JPG, JPEG, JPE … hapa ·
Hadi MB 95 kwa faili· Hadi faili 20· Hufutwa baada ya dakika 30
Faili huchakatwa kwenye seva zetu na kufutwa baada ya dakika 30.
85 huweka picha zionekane sawa na asili. Ipunguze tu unapohitaji faili ndogo.
JPG, BMP na EPS hazina uwazi. Pikseli zenye uwazi hujazwa rangi hii.
Rangi ya hex inayotumika nyuma ya pikseli zenye uwazi, mfano #FFFFFF.
Umbizo hili hubeba picha moja. Chagua towe la GIF au WebP ukitaka kuhifadhi uhuishaji.
Aikoni ya ukubwa mwingi ina azimio kadhaa kwenye faili moja; vivinjari na mifumo ya uendeshaji huchagua inayohitaji.
Weka vipimo asili, au weka upande mmoja na uwiano utahifadhiwa.
Pikseli za upande uliouchagua hapo juu.
Asilimia ya vipimo asili.
sRGB inafaa kwa skrini na wavuti. Weka asili kwa uchapishaji; kijivu huondoa rangi.
Metadata pekee, 0 huweka thamani asili. Printa na tovuti zingine husoma nambari hii; haibadilishi vipimo vya pikseli.
Jinsi ya kutumia zana hii
- 1
Pakia nembo ya SVG
Tumia alama au herufi za mwanzo (monogram), si jina kamili la chapa. viewBox ya mraba hutoa matokeo safi zaidi.
- 2
Acha ukubwa wote wa ikoni
Ukubwa wa aikoni huanza na Ukubwa wote (16–256), ambao huweka kila azimio kwenye .ico moja. Chagua ukubwa mmoja tu programu inapohitaji ukubwa mmoja kamili.
- 3
Bonyeza Badilisha kuwa ICO
Hifadhi faili kama favicon.ico kwenye folda kuu ya tovuti yako, au elekeza njia ya mkato ya Windows kwenye faili hiyo.
Ninawezaje kubadilisha SVG kuwa ICO kwa ajili ya favicon?
Pakia SVG, acha Ukubwa wa aikoni kwenye Ukubwa wote (16–256) kisha bonyeza Badilisha kuwa ICO. Utapata .ico moja yenye kila azimio lililochorwa kutoka kwenye vekta, uwazi ukiwa salama.
Kubadilisha SVG kuwa ICO: kwa nini vekta ndiyo chanzo sahihi
Muundo wa .ico unatokana na matoleo ya awali ya Windows, na utaratibu wa favicon.ico unatokana na Internet Explorer 5 mwaka 1999, ambao ulitafuta faili ya jina hilo kwenye mzizi wa kila tovuti uliyoiwekea alamisho. ICO ni kontena dogo: orodha ya vipengee, kila kimoja bitmap ya mraba iliyotengana, hivyo faili moja inaweza kushikilia aikoni ya kichupo ya 16 px na aikoni ya eneo-kazi ya 256 px kando kwa kando. Windows Vista iliongeza kiwango cha juu hadi 256 × 256 na kuruhusu vipengee vikubwa kuhifadhiwa kama PNG.
Kwa kuwa kila kipengee ni bitmap yake, ubora wa aikoni hutegemea jinsi kila ukubwa ulivyotengenezwa. Kutoka PNG, kila ukubwa ni upunguzaji wa pikseli zile zile. Kutoka SVG, kila ukubwa ni uchoraji mpya wa njia, na anti-aliasing iliyokokotolewa kwa gridi hiyo hasa. Kwa 16 × 16 px, ambapo nembo ina pikseli 256 tu za kutumia, tofauti hiyo huonekana.
16 × 16 px
16 × 16
Vichupo vya kivinjari, alamisho na orodha za historia.
32 × 32 px
32 × 32
Vichupo kwenye skrini zenye msongamano mkubwa, njia za mkato za upau wa kazi wa Windows.
64 × 64 px
64 × 64
Mionekano ya eneo-kazi iliyopimwa na vipengee vilivyobandikwa.
128 × 128 px
128 × 128
Hakiki kubwa kwenye wasimamizi wa faili.
256 × 256 px
256 × 256
Kipengee kikubwa zaidi cha ICO; aikoni kubwa zaidi za Explorer.
SVG
Scalable Vector Graphics
SVG ni muundo wa vekta unaotegemea XML uliosanifishwa na W3C mwaka 2001. Badala ya pikseli, unaeleza maumbo, njia na maandishi, kwa hiyo hubaki mkali kwa ukubwa wowote na kwa kawaida ni mdogo sana kwa nembo na aikoni. Unaunga mkono uwazi, mtindo wa CSS, hati za programu na uhuishaji, na kila kivinjari huuonyesha asili. SVG haifai kwa picha za kamera, na michoro tata inaweza kuchelewa kuonyeshwa. Illustrator, Inkscape, Figma na vivinjari vinaweza kuufungua na kuuhariri.
- Ubanaji
- –
- Uwazi
- Ndiyo
- Uhuishaji
- Ndiyo
- Mwaka ulioanzishwa
- 2001 · W3C
ICO
Ikoni ya Windows
ICO ni umbizo la ikoni la Microsoft linalotumika kwa ikoni za programu za Windows na favicon za tovuti. Faili moja ya .ico inaweza kuwa na picha kadhaa za ukubwa tofauti, kama pikseli 16×16, 32×32, 48×48 na 256×256, ili mfumo uchague inayofaa zaidi. Kila picha inaweza kuhifadhiwa kama bitmap au data ya PNG na inaunga mkono uwazi kamili wa alpha. ICO haikusudiwi kwa picha za kawaida au michoro mikubwa. Vivinjari, Windows na vihariri vingi vya ikoni vinaweza kuisoma.
- Ubanaji
- Bila upotevu
- Uwazi
- Ndiyo
- Uhuishaji
- Hapana
- Mwaka ulioanzishwa
- Microsoft
Watu hubadilisha SVG kuwa ICO kwa sababu nembo yao ipo kama vekta, na mzizi wa tovuti, njia ya mkato ya Windows au programu ya kompyuta bado hutarajia faili moja ya .ico yenye ukubwa kadhaa wa bitmap.
Andaa SVG kabla ya kubadilisha SVG kuwa ICO
| Fanya | Usifanye |
|---|---|
Weka viewBox kuwa mraba, kama 0 0 512 512. | Usitegemee mistari myembamba sana inayopotea chini ya 32 px. |
| Acha pembezoni ndogo ili alama isiguse ukingo wa aikoni. | Usibakize jina pana la chapa linalogeuka kuwa doa jembamba. |
| Badilisha maandishi kuwa mistari ya umbo (outlines) ili fonti isibadilike. | Usirejelee picha za nje au fonti za wavuti ndani ya SVG. |
| Tumia alama au herufi za mwanzo, si jina kamili. | Usiongeze mstatili mweupe nyuma ya nembo isipokuwa unautaka pia kwenye vichupo vyeusi. |
Kibadilishaji huchora kile SVG inachoeleza tu na si kingine, kwa hiyo rasilimali zilizounganishwa na fonti ambazo hazijajumuishwa haziwezi kupatikana. Zana za usanifu kama Figma, Illustrator na Inkscape zinaweza kusafirisha maandishi kama njia; fanya hivyo na herufi zitalingana na chapa yako kila mahali.
Ukishapata .ico, ongeza PNG ya 180 px kwa aikoni za Apple touch na SVG yenyewe kwa vivinjari vinavyounga mkono favicon za vekta; SVG kuwa PNG hutoa PNG kwa ukubwa wowote. Ikiwa chanzo chako ni nembo ya bitmap, PNG kuwa ICO hufanya kazi hiyo hiyo kutoka kwenye pikseli.
Kubadilisha SVG kuwa ICO: maswali
Kwa nini nibadilishe SVG kuwa ICO badala ya kuanza na PNG?
PNG lazima ipunguzwe kwa kila ukubwa wa aikoni, na kupunguza hufifisha kingo. SVG huchorwa moja kwa moja kwa 16, 32, 64, 128 na 256 px, kwa hiyo kila ukubwa hupata kingo kali zinazolingana na gridi yake ya pikseli.
Je, vivinjari bado vinahitaji favicon.ico ikiwa tovuti yangu ina ikoni ya SVG?
Chrome na Firefox husoma favicon ya SVG iliyotangazwa kwa tagi ya link, lakini vivinjari vingi, visomaji vya mipasho na vitambazaji bado huomba /favicon.ico kutoka mzizi wa tovuti kwa chaguo-msingi. Kutoa zote mbili hufunika kila hali.
Nini hutokea ikiwa SVG yangu si mraba?
Nafasi za aikoni ni za mraba, kwa hiyo nembo pana hupata pembezoni tupu au huonekana ndogo sana. Hariri viewBox ili upana na urefu viwe sawa kwanza, au kata toleo la mraba kwa zana ya kata picha baada ya kusafirisha PNG.
Je, mandharinyuma yenye uwazi hubaki kwenye ICO?
Ndiyo. ICO huhifadhi chaneli ya alfa, kwa hiyo sehemu zisizo na rangi kwenye SVG hubaki wazi na aikoni huonekana vizuri kwenye vichupo vya kivinjari vyenye mandhari nyepesi na nyeusi.
Je, naweza kubadilisha SVG kuwa ICO kwa ikoni ya programu au folda ya Windows?
Ndiyo, faili ile ile inafaa. Windows husoma picha ya 256 px kwa mionekano mikubwa na mikubwa zaidi ya Explorer, na sehemu ndogo kwa orodha na upau wa kazi.
Kwa nini ikoni yangu inaonekana tupu kwenye 16 px?
Mistari myembamba na maandishi madogo hupotea kwa ukubwa huo. Mstari wa vipimo 2 kwenye ubao wa vipimo 512 huchorwa chini sana ya pikseli moja kwenye aikoni ya 16 px. Nenepesha mistari au tumia alama rahisi zaidi kwa favicon.
Vibadilishaji vingine vya ikoni
- Kibadilishaji PNG kuwa ICOBadilisha PNG kuwa ICO mtandaoni: .ico moja yenye ukubwa wote 16–256 px, uwazi unabaki. Kwa favicon na njia za mkato za Windows. Bure, bila akaunti.
- Kibadilishaji JPG kuwa ICOBadilisha JPG au JPEG kuwa faili ya .ico yenye 16, 32, 64, 128 na 256 px, kwa favicon ya tovuti au njia ya mkato ya Windows. Bila akaunti.
- Badilisha ICO kuwa PNGBadilisha faili za .ico kuwa PNG huku mandharinyuma angavu yakibaki. Hutoa picha kubwa zaidi ndani ya ikoni, hivyo favicon na ikoni za Windows hubaki kali.
- Kibadilishaji SVG kuwa PNGBadilisha nembo na aikoni za SVG kuwa PNG kwa upana unaochagua, 1024 px kwa chaguo-msingi, mandharinyuma angavu ikibaki. Jifunze DPI na pikseli.
- Kibadilishaji PNG kuwa ICO 256x256Tengeneza ICO ya 256 × 256 kutoka PNG kwa ikoni kubwa za Windows, visakinishi na Electron. Uwazi unabaki, ukubwa mmoja kwa faili, bila akaunti.
- Kubadilisha picha kuwa ICOGeuza picha yoyote kuwa .ico yenye ukubwa kadhaa kwa favicon au njia ya mkato ya Windows. PNG, JPG, SVG, WebP, HEIC na zaidi; 16 hadi 256 px.