Generator favicon ikone
Pretvorite jednostavnu sliku u ikonu kartice web stranice (favicon) i paket ikona web stranice. Provjerite da li dizajn ostaje prepoznatljiv u malim veličinama, preuzmite datoteke i slijedite uključeni primjer instalacije.
Pre nego što počnete
- ulaznica
- Jedan JPG, PNG ili statski WebP slika.
- Izlazak
- ZIP sa ICO, PNG ikona, manifest i HTML primjer.
Uređaj za punjenje...
Kako koristiti ovaj alat
- Izaberite JPG, PNG ili statsku WebP sliku.
- Uzgajati na kvadrat ili dodati padding i provjeriti ikonu predviđanja.
- Preuzmite ZIP i prilagodite primjerne staze vašem web-mjestu.
Saznajte rezultat
Ikon stranica (favicon) često se pojavljuje u vrlo maloj veličini. Jasni simbol ili pisma obično rade bolje od detaljnog umjetničkog dela ili malih tekstova. Generirane datoteke još uvek moraju biti prenesene i upućene vašim web stranicama.
Zašto moj ikona stranice (favicon) izgleda blurno ili previše malo?
Širok znak ili detaljna slika može postati nečitan u malom pregledniku. Počnite jednostavnim kvadratnim simbolom i provjerite stvarne 16-pixel i 32-pixel predviđanja. Padding čuva pun izvor, ali može ostaviti široki logotip vrlo mali; kvadratni kopanje ispunjava ikonu i može izrezati krajeve. Provjerite obe opcije pre nego što instalirate rezultat.
Koje ikone (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. Primarni putevi pretpostavljaju da su datoteke na korenu web stranice. Prilagodite te staze za drugu mapu, ili koristite postavku ikone lokacije platforme, a zatim provjerite objavljenu stranicu i njezinu cache.
Pokušajte uzorak
Pokušajte originalni uzorak da biste provjerili podržani radni tok. Uspješna uzorka nije jamstvo za svaki ulazak.
Originalna slika uzorak ↓Ako rezultat nije ono što ste očekivali
Stranica još uvek prikazuje staru ikonu.
Generiranje datoteka ih ne instalira. Provjerite URL adrese ikone i označavanje stranice, zatim očistite cache stranice i testirajte svježu sesiju pretraživača. Ikonima pretraživača i rezultata pretraživanja mogu se ažurirati u različite vremenske prilike.
Sledeći korisni alat: SVG u PNG →Važne granice
- Uvod slike samo; pretvorite SVG u PNG prvo.
- Ovaj alat ne mijenja konfiguraciju vaše web stranice.
- Provjerite svoju web stranicu nakon što instalirate ikone jer se ponašanje caching-a i platforme može razlikovati.
- Maksimalni 10 MB 12 milijuna piksela. Izlazak uključuje ICO, PNG ikone, webmanifest i primjer HTML u ZIP-u.
Često postavljana pitanja
Da li je na mojoj stranici postavljena ikona kartice (favicon)?
No ne. Pripremaju datoteke i jedan primjer. Preuzmite datoteke i ažurirajte staze ili postavke vaše web stranice.
Da li paket pretvara moju web stranicu u PWA?
No ne. Ikonske datoteke i osnovni webmanifest su samo dio web aplikacije.
Zašto je logotip teško pročitati na 16 piksela?
Lepi detalji 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