PNG teisendamine ICO-ks (favicon)

Favicon on väike ikoon, mida brauserid näitavad vahekaardil, järjehoidjaribal ja ajaloos. See tööriist muudab PNG korralikuks mitme suurusega .ico-failiks, mis sisaldab 16, 32, 48 ja 64 piksli versioone, ning teeb kõik sinu seadmes ilma midagi üles laadimata.

Kuidas PNG-faili ICO-ks teisendada

Lohista oma PNG-pilt allolevasse tööriista. Kõige paremini sobib ruudukujuline pilt.
Väljundvorming on juba seatud: ICO (favicon).
Klõpsa „Käivita“, et luua mitme suurusega .ico-fail.
Laadi alla oma favicon.ico ja pane see veebilehe juurkausta.

Mida favicon peab tegema

Faviconi näidatakse väga väikestes suurustes, sageli 16 × 16 pikslit. Sellises suuruses kaovad peened detailid ja õhukesed jooned haihtuvad täielikult. Hea favicon on julge ja lihtne tugeva kontrastiga kujund: üks täht, logomärgi lihtsustatud versioon või ühtlane kujund brändi värvis. Kui sinu täislogos on sõnamärk, kasuta ainult sümbolit või lihtsalt esimest tähte.

.ico-failid sisaldavad mitut suurust seepärast, et ühe pildi suurendamine või vähendamine kuvamise ajal näeb udune välja. Kui pakud 16, 32, 48 ja 64 piksli versioone, saab operatsioonisüsteem või brauser igas kontekstis näidata pikslitäpset pilti: 16 px vahekaardil, 32 px kõrge DPI-ga ekraani järjehoidjate loendis, 48 px Windowsi tegumiriba otseteel ja nii edasi.

Lähte-PNG ettevalmistamine

Tee see ruudukujuliseks. Kui sinu logo on lai, aseta see esmalt ruudukujulisele läbipaistvale lõuendile või kärbi sümbolini kärpimistööriistaga.
Alusta 256 pikslist või suuremast. Suurest ja puhtast lähtefailist vähendamine annab sujuvama tulemuse kui väikese suurendamine.
Hoia läbipaistev taust, kui kujund on täidetud, et see sobiks nii heledate kui ka tumedate brauseriteemadega. Kui kujund on õhuke või hele, aseta see hoopis ühtlase värviga ruudule.
Väldi teksti, mis on pikem kui üks või kaks tähemärki; 16 piksli juures on see loetamatu.

Faviconi paigaldamine

Salvesta allalaaditud fail nimega favicon.ico ja aseta see oma saidi juurkausta. Seejärel lisa see iga lehe <head> sisse:

<link rel="icon" href="/favicon.ico" sizes="any">

Enamikul platvormidel on selle asemel eraldi säte: WordPressis on see Site Icon jaotises Appearance, Shopifys ja Squarespace'is on teemasätetes väli Favicon ning Webflow's leiad selle jaotisest Project Settings. Laadi .ico üles sinna. Täieliku juhendi leiad lehelt kuidas teha faviconi.

Edasi minnes

Tänapäevaste seadmete nõutud ikoonide täiskomplekti jaoks on sul vaja ka 180 piksli PNG-d iOS-i avakuva otseteede jaoks (apple-touch-icon) ning 192 ja 512 piksli PNG-sid Androidi ja veebirakenduse manifesti jaoks. Need on tavalised PNG-failid, seega kasuta nende loomiseks samast originaalist suuruse muutmise tööriista. Sellelt lehelt saadud .ico katab brauseri vahekaardid, järjehoidjad ja Windowsi, kus enamik inimesi puuduvat faviconi märkab.

Korduma kippuvad küsimused

Kui suur peaks mu algne PNG olema?

Ruudukujuline ja vähemalt 64 × 64 pikslit. 256-piksline ruudukujuline PNG annab pärast vähendamist kõige puhtamad tulemused. Mitteruudukujulised pildid paigutatakse keskele ja täiendatakse läbipaistva äärisega.

Mis on .ico-faili sees?

Neli PNG-na kodeeritud pilti suurustes 16, 32, 48 ja 64 pikslit. Brauserid ja Windows valivad olukorrale sobivaima suuruse, nii et ikoon näeb terav välja nii vahekaardil, järjehoidjates kui ka töölaua otseteel.

Kuidas lisada favicon oma veebilehele?

Laadi favicon.ico veebilehe juurkausta (nii et see oleks aadressil sinusait.ee/favicon.ico) ja lisa lehtede <head> osasse <link rel="icon" href="/favicon.ico">. Brauserid hoiavad faviconi agressiivselt vahemälus, nii et muudatuse nägemiseks võib olla vaja lehte jõuga värskendada.

Kas mul on 2026. aastal ikka .ico-faili vaja?

Tänapäevased brauserid toetavad PNG- ja SVG-faviconi, kuid .ico on ainus vorming, mis töötab kõikjal, sealhulgas vanemates brauserites, Windowsi otseteedes ja mõnes uudistelugejas. Enamik saite pakub mõlemat.

Sinu failid ei lahku kunagi sinu seadmest

Iga Squishly Toolsi tööriist on 100% tasuta ja töötab täielikult sinu brauseris. Sinu pilte ja dokumente töödeldakse sinu enda arvutis ning neid ei laadita kunagi serverisse üles. Pole kontosid, vesimärke ega konksu.