Generator favicona
Pretvorite bilo koju sliku u kompletan skup favicona: .ico, PNG veličine, Apple touch icon i web manifest, generirano u vašem pregledniku.
Kako koristiti Generator favicona
- 01
Učitaj kvadratnu sliku. Jednostavan logo ili ikona funkcioniraju najbolje, a obrada se vrši u pregledniku.
- 02
Po želji odaberite pozadinu i unesite naziv stranice za web manifest.
- 03
Preuzmite ZIP i umetnite HTML isječak u head svoje stranice.
Što je favicon
Favicon je mala ikona prikazana u karticama preglednika, oznakama i na početnim zaslonima telefona. To je sitan detalj koji web-mjestu daje dovršen i prepoznatljiv izgled, a moderni preglednici očekuju nekoliko njegovih verzija.
Zašto jedna slika nije dovoljna
U tome je kvaka: jedna slika više nije dovoljna. Trebate .ico s više veličina za klasične preglednike, zasebne PNG veličine, Apple touch ikonu za iOS početne zaslone, veće PNG-ove za Android i web manifest ako web-mjesto treba biti moguće instalirati.
Ovaj generator izgrađuje cijeli skup iz jedne slike, uključujući pravi .ico s više veličina, i daje vam točan HTML isječak za ubacivanje u zaglavlje stranice, pa ne morate ništa od toga sastavljati ni pisati ručno.
Koju sliku učitati
Za najbolji rezultat, učitajte kvadratnu sliku od najmanje 512 px, idealno jednostavan logotip ili oznaku, a ne detaljnu fotografiju, jer se ikona često prikazuje vrlo malena. Nekvadratna slika centrira se i ispunjava do kvadrata, pa detalji blizu rubova mogu završiti u marginama.
Boja pozadine i naziv web-mjesta
Po želji možete postaviti boju pozadine i naziv svojeg web-mjesta. Naziv web-mjesta ide u web manifest koji se koristi kada netko doda web-mjesto na svoj početni zaslon.
Izvodi se u vašem pregledniku
Sve se izvodi lokalno u vašem pregledniku pomoću Canvas API-ja, pa se vaša slika nikada ne učitava. Preuzimate ZIP sa svim datotekama i isječkom za lijepljenje.
Često postavljana pitanja
Što se nalazi u paketu favicona?
Favicon.ico s 16, 32 i 48 px, zasebni 16 i 32 px PNG, 180 px Apple touch icon, 192 i 512 px PNG za Android, site.webmanifest i HTML isječak za umetanje u head stranice.
Koju sliku trebam učitati?
Kvadratna slika od najmanje 512 px funkcionira najbolje, idealno jednostavan logo ili simbol. Slika koja nije kvadratna centrira se i dopunjava do kvadrata, pa detalji blizu rubova mogu završiti unutar margina.
Šalju li se moje slike na server?
Ne. Ikone se generiraju u pregledniku pomoću Canvas API-ja, pa vaša slika nikada ne napušta vaš uređaj.