Pretvorba PNG v ICO (favicon)

Favicon je majhna ikona, ki jo brskalniki prikažejo na zavihku, v vrstici z zaznamki in v zgodovini. To orodje spremeni PNG v pravo datoteko .ico z več velikostmi, ki vsebuje različice s 16, 32, 48 in 64 slikovnimi pikami, vse ustvarjeno na vaši napravi brez nalaganja na strežnik.

Kako pretvoriti PNG v ICO

Spustite sliko PNG v orodje spodaj. Najbolje deluje kvadratna slika.
Izhodni format je že nastavljen na ICO (favicon).
Kliknite Zaženi, da ustvarite .ico z več velikostmi.
Prenesite favicon.ico in ga postavite v korensko mapo spletnega mesta.

Kaj mora favicon narediti

Favicon je prikazan v zelo majhni velikosti, pogosto le 16 krat 16 slikovnih pik. Pri tej velikosti drobne podrobnosti izginejo, tanke črte pa se povsem izgubijo. Dober favicon je debela, preprosta oblika z močnim kontrastom: ena črka, poenostavljena različica znaka logotipa ali polna oblika v barvi blagovne znamke. Če vaš celoten logotip vsebuje besedilo, uporabite samo znak ali samo začetnico.

Datoteke .ico vsebujejo več velikosti zato, ker je povečevanje ali pomanjševanje ene same slike ob prikazu videti zamegljeno. Z različicami 16, 32, 48 in 64 slikovnih pik lahko operacijski sistem ali brskalnik v vsakem okolju prikaže sliko, natančno do slikovne pike: 16 px na zavihku, 32 px v seznamu zaznamkov na zaslonu z visoko gostoto DPI, 48 px v bližnjici v opravilni vrstici sistema Windows in tako naprej.

Priprava izvornega PNG

Naj bo kvadraten. Če je vaš logotip širok, ga najprej postavite na kvadratno prosojno platno ali ga z orodjem za obrezovanje obrežite na znak.
Začnite z 256 slikovnimi pikami ali več. Pomanjšanje velikega in čistega izvirnika da gladkejši rezultat kot povečevanje majhnega.
Če je oblika polna, ohranite prosojno ozadje, da se lepo prilega svetlim in temnim temam brskalnika. Če je oblika tanka ali svetle barve, jo raje postavite na enobarven kvadrat.
Izogibajte se besedilu, daljšemu od ene ali dveh črk; pri 16 slikovnih pikah ne bo berljivo.

Namestitev favicona

Preneseno datoteko shranite kot favicon.ico in jo postavite v korensko mapo spletne strani. Nato v <head> vsake strani dodajte:

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

Večina platform ima namesto tega posebno nastavitev: WordPress jo imenuje Site Icon v razdelku Appearance, Shopify in Squarespace imata polje Favicon v nastavitvah teme, Webflow pa ga ima v Project Settings. Tja naložite .ico. Za celoten vodnik preberite kako izdelati favicon.

Še korak dlje

Za celoten nabor ikon, ki jih zahtevajo sodobne naprave, potrebujete tudi PNG velikosti 180 slikovnih pik za bližnjice na začetnem zaslonu iOS (apple-touch-icon) ter PNG velikosti 192 in 512 slikovnih pik za Android in manifest spletne aplikacije. To so navadne datoteke PNG, zato jih z orodjem za spreminjanje velikosti izdelajte iz iste glavne kopije. Datoteka .ico s te strani pokrije zavihke brskalnika, zaznamke in Windows, kjer večina ljudi opazi manjkajoči favicon.

Pogosta vprašanja

Kako velik naj bo izvirni PNG?

Kvadraten in vsaj 64 krat 64 slikovnih pik. Kvadratni PNG z 256 slikovnimi pikami da po pomanjšanju najčistejše rezultate. Nekvadratne slike se postavijo na sredino in dopolnijo s prosojnim robom.

Kaj je v datoteki .ico?

Štiri slike, kodirane kot PNG, s 16, 32, 48 in 64 slikovnimi pikami. Brskalniki in Windows izberejo velikost, ki najbolje ustreza okolju, zato je ikona ostra na zavihku, v zaznamku in v bližnjici na namizju.

Kako dodam favicon na svoje spletno mesto?

Naložite favicon.ico v korensko mapo spletnega mesta (da je dosegljiv na vasastran.si/favicon.ico) in v <head> svojih strani dodajte <link rel="icon" href="/favicon.ico">. Brskalniki favicon močno predpomnijo, zato boste za ogled spremembe morda morali stran trdo osvežiti.

Ali v letu 2026 še potrebujem datoteko .ico?

Sodobni brskalniki sprejmejo favicon v PNG in SVG, vendar je .ico edini format, ki deluje povsod, tudi v starejših brskalnikih, bližnjicah v Windows in nekaterih bralnikih virov. Večina spletnih mest ponuja oboje.

Vaše datoteke nikoli ne zapustijo vaše naprave

Vsako orodje na Squishly Tools je 100 % brezplačno in deluje v celoti v vašem brskalniku. Vaše slike in dokumenti se obdelajo v vašem lastnem računalniku in se nikoli ne naložijo na strežnik. Brez računov, brez vodnih žigov in brez skritih pasti.