Konvertuoti PNG į ICO (favicon)
Favicon yra maža piktograma, kurią naršyklės rodo skirtuke, žymių juostoje ir istorijoje. Šis įrankis paverčia PNG tinkamu kelių dydžių .ico failu su 16, 32, 48 ir 64 pikselių versijomis, o viskas sukuriama jūsų įrenginyje, nieko neįkeliant.
Vilkite failus čia arba spustelėkite ir pasirinkite
Rezultatai
Kaip konvertuoti PNG į ICO
- Įmeskite savo PNG vaizdą į toliau esantį įrankį. Geriausiai tinka kvadratinis vaizdas.
- Išvesties formatas jau nustatytas: ICO (favicon).
- Spustelėkite „Vykdyti“, kad būtų sukurtas kelių dydžių .ico.
- Atsisiųskite favicon.ico ir įkelkite jį į savo svetainės šakninį aplanką.
Ką turi atlikti favicon
Favicon rodoma labai mažu dydžiu, dažnai 16 pikselių kvadratu. Tokiu dydžiu smulkios detalės išnyksta, o plonos linijos visiškai pradingsta. Gera favicon yra stambi, paprasta, didelio kontrasto forma: viena raidė, supaprastinta logotipo ženklo versija ar vientisa forma prekės ženklo spalva. Jei jūsų pilname logotipe yra tekstas, naudokite tik ženklą arba tik pirmąją raidę.
.ico failuose yra keli dydžiai todėl, kad vieno vaizdo didinimas ar mažinimas rodymo metu atrodo neryškiai. Pateikus 16, 32, 48 ir 64 pikselių versijas, operacinė sistema ar naršyklė kiekvienoje situacijoje gali parodyti pikselio tikslumo vaizdą: 16 px skirtuke, 32 px žymių sąraše didelės DPI raiškos ekrane, 48 px Windows užduočių juostos nuorodoje ir t. t.
Pradinio PNG paruošimas
- Padarykite jį kvadratinį. Jei logotipas platus, pirmiausia padėkite jį ant skaidrios kvadratinės drobės arba apkirpkite iki ženklo apkirpimo įrankiu.
- Pradėkite nuo 256 pikselių ar daugiau. Mažinant iš didelio švaraus originalo gaunamas glotnesnis rezultatas nei didinant mažą.
- Palikite skaidrų foną, jei forma vientisa, kad ji gerai atrodytų ir šviesiose, ir tamsiose naršyklės temose. Jei forma plona ar šviesios spalvos, verčiau padėkite ją ant vienspalvio kvadrato.
- Venkite teksto, ilgesnio nei viena ar dvi raidės; 16 pikselių dydžiu jis nebus įskaitomas.
Favicon įdiegimas
Išsaugokite atsisiųstą failą kaip favicon.ico ir įdėkite jį į savo svetainės šakninį aplanką. Tada į kiekvieno puslapio <head> pridėkite:
<link rel="icon" href="/favicon.ico" sizes="any">
Daugelis platformų vietoj to turi atskirą nustatymą: WordPress jį vadina Site Icon skiltyje Appearance, Shopify ir Squarespace turi Favicon lauką temos nustatymuose, o Webflow jį turi Project Settings. Įkelkite .ico ten. Išsamų vadovą rasite kaip sukurti favicon.
Daugiau galimybių
Pilnam piktogramų rinkiniui, kurio prašo šiuolaikiniai įrenginiai, taip pat reikės 180 pikselių PNG iOS pradžios ekrano nuorodoms (apple-touch-icon) ir 192 bei 512 pikselių PNG Android ir žiniatinklio programos manifestui. Tai įprasti PNG failai, todėl sukurkite juos iš tos pačios pagrindinės kopijos dydžio keitimo įrankiu. Šiame puslapyje sukurtas .ico apima naršyklės skirtukus, žymes ir Windows, kur žmonės dažniausiai pastebi trūkstamą favicon.
Dažniausiai užduodami klausimai
Kokio dydžio turėtų būti mano pradinis PNG?
Kvadratinis ir bent 64 × 64 pikselių. 256 pikselių kvadratinis PNG po sumažinimo duoda švariausią rezultatą. Nekvadratiniai vaizdai centruojami ir papildomi permatoma erdve.
Kas yra .ico failo viduje?
Keturi PNG formatu užkoduoti vaizdai: 16, 32, 48 ir 64 pikselių. Naršyklės ir Windows pasirenka tinkamiausią dydį kiekvienai vietai, todėl piktograma atrodo ryški skirtuke, žymėse ir darbalaukio nuorodoje.
Kaip pridėti favicon prie savo svetainės?
Įkelkite favicon.ico į svetainės šakninį aplanką (kad jis būtų pasiekiamas adresu jususvetaine.lt/favicon.ico) ir į puslapių <head> dalį įrašykite <link rel="icon" href="/favicon.ico">. Naršyklės favicon talpina labai atkakliai, todėl pakeitimui pamatyti gali prireikti priverstinai atnaujinti puslapį.
Ar 2026 metais man dar reikia .ico failo?
Šiuolaikinės naršyklės palaiko PNG ir SVG favicon, tačiau .ico yra vienintelis formatas, veikiantis visur, įskaitant senesnes naršykles, Windows nuorodas ir kai kurias naujienų skaitykles. Daugelis svetainių pateikia abu.
Jūsų failai niekada nepalieka jūsų įrenginio
Kiekvienas Squishly Tools įrankis yra 100 % nemokamas ir visas veikia jūsų naršyklėje. Jūsų vaizdai ir dokumentai apdorojami jūsų pačių kompiuteryje ir niekada neįkeliami į serverį. Jokių paskyrų, jokių vandenženklių ir jokių gudrybių.