Squishly Tools
Bez otpremanja fajlova · 100% besplatno

Konverzija PNG u ICO (favicon)

Favicon je mala ikona koju pretraživači prikazuju na kartici, traci obeleživača i u istoriji. Ovaj alat pretvara PNG u pravi .ico fajl sa više veličina, sa verzijama od 16, 32, 48 i 64 piksela, a sve se pravi na vašem uređaju bez otpremanja ičega.

Kako konvertovati PNG u ICO

  1. Prevucite svoju PNG sliku u alat ispod. Najbolje radi kvadratna slika.
  2. Izlazni format je već podešen na ICO (favicon).
  3. Kliknite Pokreni da napravite .ico sa više veličina.
  4. Preuzmite svoj favicon.ico i postavite ga u osnovnu fasciklu sajta.

Šta favicon treba da postigne

Favicon se prikazuje u veoma maloj veličini, često 16 piksela u kvadratu. Pri toj veličini sitni detalji nestaju, a tanke linije potpuno iščezavaju. Dobar favicon je debeo, jednostavan oblik sa jakim kontrastom: jedno slovo, pojednostavljena verzija znaka iz logotipa ili pun oblik u boji brenda. Ako vaš ceo logotip sadrži tekst, koristite samo znak ili samo početno slovo.

ICO fajlovi sadrže više veličina zato što uvećavanje ili smanjivanje jedne slike pri prikazu izgleda mutno. Kada ponudite verzije od 16, 32, 48 i 64 piksela, operativni sistem ili pretraživač može da prikaže sliku savršenu do piksela u svakom kontekstu: 16 px na kartici, 32 px u listi obeleživača na ekranu visoke rezolucije, 48 px u prečici na Windows traci zadataka i tako dalje.

Priprema izvornog PNG fajla

  • Neka bude kvadratan. Ako je vaš logotip širok, prvo ga postavite na kvadratno providno platno ili ga isecite na znak alatkom za isecanje.
  • Krenite od 256 piksela ili više. Smanjivanje iz velikog, čistog originala daje glađi rezultat od uvećavanja malog.
  • Zadržite providnu pozadinu ako je oblik pun, kako bi lepo izgledao i na svetloj i na tamnoj temi pretraživača. Ako je oblik tanak ili svetle boje, postavite ga na jednobojni kvadrat.
  • Izbegavajte tekst duži od jednog ili dva slova; na 16 piksela neće biti čitljiv.

Postavljanje favicona

Sačuvajte preuzeti fajl kao favicon.ico i stavite ga u glavni folder svog sajta. Zatim dodajte ovo u <head> svake stranice:

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

Većina platformi umesto toga ima posebno podešavanje: WordPress ga zove Site Icon u okviru Appearance, Shopify i Squarespace imaju polje Favicon u podešavanjima teme, a Webflow ga ima u Project Settings. Tamo otpremite .ico fajl. Za potpuno uputstvo pročitajte kako da napravite favicon.

Korak dalje

Za kompletan skup ikona koje savremeni uređaji traže, biće vam potreban i PNG od 180 piksela za prečice na početnom ekranu iOS uređaja (apple-touch-icon) i PNG fajlovi od 192 i 512 piksela za Android i manifest veb aplikacije. To su obični PNG fajlovi, pa ih napravite od iste glavne kopije pomoću alatke za promenu veličine. ICO sa ove stranice pokriva kartice pretraživača, obeleživače i Windows, gde većina ljudi primeti da favicon nedostaje.

Česta pitanja

Koje veličine treba da bude moj izvorni PNG?

Kvadratan i najmanje 64 sa 64 piksela. Kvadratni PNG od 256 piksela daje najčistiji rezultat posle smanjenja. Slike koje nisu kvadratne centriraju se i dopunjuju providnim prostorom.

Šta se nalazi u .ico fajlu?

Četiri slike kodirane kao PNG, veličine 16, 32, 48 i 64 piksela. Pretraživači i Windows biraju veličinu koja najbolje odgovara kontekstu, pa ikona izgleda oštro na kartici, u obeleživačima i na prečici na radnoj površini.

Kako da dodam favicon na svoj sajt?

Otpremite favicon.ico u osnovnu fasciklu sajta (da bude dostupan na vassajt.com/favicon.ico) i dodajte <link rel="icon" href="/favicon.ico"> u <head> svojih stranica. Pretraživači uporno keširaju favicon ikone, pa ćete možda morati da uradite potpuno osvežavanje da vidite promenu.

Da li mi .ico fajl i dalje treba 2026. godine?

Savremeni pretraživači podržavaju PNG i SVG favicon ikone, ali .ico je jedini format koji radi svuda, uključujući starije pretraživače, Windows prečice i neke čitače vesti. Većina sajtova nudi oba.

Vaši fajlovi nikada ne napuštaju vaš uređaj

Svaki alat na Squishly Tools je 100% besplatan i radi u potpunosti u vašem pretraživaču. Vaše slike i dokumenti se obrađuju na vašem računaru i nikada se ne otpremaju na server. Bez naloga, bez vodenih žigova i bez skrivene kvake.