Generator favicona: sve ikone koje treba vaša web-stranica
Izradite favicon.ico, Apple i Android ikone i HTML kôd iz slike, slova ili emojija.
ili ih povucite ovamo, ili zalijepite tipkama Ctrl+V / ⌘V
Podržano: JPG, PNG, WebP, HEIC, SVG, AVIF, GIF, BMP, ICO, TIFF
Vaše se slike obrađuju u vašem pregledniku i ne prenose se. Pojedinosti o privatnosti
Kako koristiti: Generator favicona
- 1 Odaberite sliku ili logotip ili prebacite na „tekst ili emoji” i upišite jedan do četiri znaka.
- 2 Odaberite pozadinu (boju ili prozirnu), oblik i unutarnji razmak.
- 3 Provjerite pregled na 16, 32, 48 i 180 piksela.
- 4 Preuzmite ZIP, prenesite datoteke u korijensku mapu web-stranice i zalijepite HTML retke u svoje stranice.
O ovom alatu
Favicon je mala ikona u karticama preglednika, oznakama i na početnom zaslonu mobitela. Svako mjesto traži drugu veličinu: preglednici koriste 16 i 32 piksela, Windows do 48, iPhone 180, a Android 192 i 512.
Ovaj generator izrađuje sve iz jednog izvora: favicon.ico sa slikama od 16, 32 i 48 piksela, PNG favicone, Apple touch ikonu (uvijek s pozadinom, kako zahtijeva iOS), Android ikone, web-manifest i HTML za lijepljenje. Ako krenete od SVG logotipa, SVG se dodaje i kao moderni, skalabilni favicon.
Male veličine smanjuju se u nekoliko koraka kako bi rubovi ostali oštri. Sve se izrađuje u vašem pregledniku; vaš se logotip ne prenosi na poslužitelj.
Česta pitanja
Koje datoteke trebam?
favicon.ico radi u svakom pregledniku. PNG datoteke i Apple touch ikona daju oštru ikonu na zaslonima visoke rezolucije i početnim zaslonima mobitela, a manifest s Android ikonama koristi se kad netko doda vašu stranicu na početni zaslon Androida.
Gdje stavljam datoteke?
U korijensku mapu web-stranice, tako da https://vasastranica.hr/favicon.ico radi. Zatim zalijepite HTML retke u <head> dio svojih stranica (većina alata za izradu stranica ima polje za to).
Što čini dobar favicon?
Jednostavan oblik ili jedno do dva slova s jakim kontrastom. Sitni detalji i dugi tekst na 16 piksela postaju nečitljivi, pa provjerite pregled od 16 px.
Zašto Apple ikona ima pozadinu?
iOS prozirne touch ikone prikazuje na crnoj pozadini, što često izgleda loše. Zato generator Apple ikonu uvijek ispuni vašom bojom pozadine, ili bijelom ako ste odabrali prozirnu.
Prenosi li se moj logotip?
Ne. Sve ikone iscrtava vaš preglednik, a ZIP se izrađuje na vašem uređaju.
Povezani alati
-
PNG u ICO
Pretvorite PNG datoteke u ICO, jednu po jednu ili mnogo odjednom.
-
SVG u ICO
Pretvorite SVG datoteke u ICO, jednu po jednu ili mnogo odjednom.
-
Slika u Base64
Pretvorite sliku u Base64 data URI za HTML ili CSS ili Base64 tekst natrag u sliku.
-
Promjena veličine slike
Promijenite širinu i visinu slike u pikselima ili postotku, po želji uz zadržavanje omjera stranica.