Generator favicona
Pretvorite jednostavnu sliku u ikonu kartice web stranice (favicon) i paket ikona web stranice. Provjerite da je dizajn i dalje prepoznatljiv u malim veličinama, preuzmite datoteke i slijedite uključeni primjer instalacije.
Prije nego što počnete
- ulaznica
- Jedan JPG, PNG ili statski WebP slika.
- Izlazak
- ZIP s ICO, PNG ikone, manifest i HTML primjer.
Uređaj za punjenje...
Kako koristiti ovaj alat
- Izaberite JPG, PNG ili statski WebP sliku.
- Uzgajati na kvadrat ili dodati padding i provjeriti ikonu predviđanja.
- Preuzmite ZIP i prilagodite primjerne staze vašem web-mjestu.
Razumijevanje rezultata
Ikon stranice (favicon) često se pojavljuje u vrlo maloj veličini. Jasni simbol ili pisma obično rade bolje od detaljnog umjetničkog djela ili malih tekstova. Generirane datoteke još uvijek moraju biti prenesene i upućene vašim web stranicama.
Zašto je ikona stranice (Favicon) izgledala blurna ili previše mala?
Širok znak riječi ili detaljna slika može postati nečitan u malom pregledniku kartice. Počnite s jednostavnim kvadratnim simbolom i provjerite stvarne 16-pixel i 32-pixel predviđanja. Padding čuva pun izvor, ali može ostaviti širok logotip vrlo mali; kvadratni krumpir ispunjava ikonu i može izrezati njezine krajeve. Provjerite obje opcije prije nego što instalirate rezultat.
Koje web stranice ikona (favicon) datoteke trebam prenijeti na moju web stranicu?
ZIP uključuje favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Na primjer link tags. Prvo izvadite arhiv; samo preuzimanje ZIP-a ne instalira ikonu. Primjer putova pretpostavlja da su datoteke na korijenu web stranice. Prilagodite te staze za drugu mapu, ili koristite postavku ikone stranice platforme, a zatim provjerite objavljenu stranicu i njezinu cache.
Pokušajte uzorak
Pokušajte originalni uzorak kako biste provjerili podržani radni protok. Uspješna uzorka nije jamstvo za svaki ulazak.
Originalni primjerak slike ↓Ako rezultat nije ono što ste očekivali
Stranica još uvijek prikazuje staru ikonu.
Generiranje datoteka ih ne instalira. Provjerite URL-ove ikone i označavanje stranice, zatim očistite cache stranice i testirajte svježu sjednicu pretraživača. Browsers i ikone rezultata pretraživanja mogu se ažurirati u različite vrijeme.
Sljedeći korisni alat: SVG u PNG →Važne granice
- Uvod slike samo; prvo pretvoriti SVG u PNG.
- Ovaj alat ne mijenja konfiguraciju vaše web stranice.
- Provjerite vlastitu web stranicu nakon instaliranja ikona jer se ponašanje caching-a i platforme može razlikovati.
- Maksimalno 10 MB 12 milijuna piksela. Izlazak uključuje ICO, PNG ikone, webmanifest i primjer HTML u ZIP-u.
Često postavljana pitanja
Hoće li to instalirati ikonu kartice web stranice (favicon) na mojoj stranici?
No ne. Pripremaju datoteke i primjer. Preuzmite datoteke i ažurirajte staze ili postavke vaše web stranice.
Hoće li ovaj paket učiniti moju web stranicu PWA?
No ne. Ikonske datoteke i osnovni webmanifest su samo dio web aplikacije postavke.
Zašto je logotip teško pročitati na 16 piksela?
Lijepe detalje mogu nestati u toj veličini. Pokušajte jednostavniji simbol, jači oblik ili više prostora oko oznake.
Povezani vodiči
Pitanja ili korekcija? mrkcal@mrkcal.com