Generator faviconov
Ena slika noter, vse ikone, ki jih spletno mesto potrebuje, ven, skupaj s HTML-jem.
- Privzeto zasebnoIzbris v eni uri
- Zelo hitroObdelava v sekundah
- Brez prijaveZačnite takoj
Kako deluje
Dodajte slike
Povlecite in spustite, prilepite ali izberite datoteke. Naložijo se prek šifrirane povezave.
Izberite kakovost ali ciljno velikost
Uporabite drsnik kakovosti ali povejte natančno, koliko KB ali MB potrebujete.
Prenesite
Shranite posamezne datoteke ali vse naenkrat kot ZIP.
Favicon je bil nekoč ena majhna datoteka. Danes spletno mesto, ki želi biti videti prav v zavihku brskalnika, med zaznamki, na začetnem zaslonu iPhona in kot nameščena aplikacija na Androidu, potrebuje približno osem datotek in nekaj vrstic HTML, ki kažejo nanje. To orodje iz ene slike izdela ves komplet. Dodajte logotip, preverite predoglede in prenesite ZIP.
Paket vsebuje favicon.ico z različicami 16, 32 in 48 slikovnih pik, ločene ikone PNG v velikostih 16, 32 in 48 slikovnih pik, Applovo ikono s 180 slikovnimi pikami, ikoni s 192 in 512 slikovnimi pikami za Android, maskirno ikono s 512 slikovnimi pikami, spletni manifest in datoteko favicon.html z vrsticami za vašo stran. Vsaka ikona je narisana iz izvirnika s kakovostnim filtrom za prevzorčenje in ne iz manjše kopije.
Logotip, ki ni kvadraten, se postavi na sredino s praznim prostorom okoli sebe. Nikoli se ne obreže ali raztegne. Ikone za brskalnik ohranijo prosojnost, zato logotip s prosojnim ozadjem naravno sedi na svetli ali temni vrstici zavihkov. Applova in maskirna ikona ne moreta biti prosojni in se narišeta na barvi ozadja, ki jo izberete.
Čemu je namenjena posamezna datoteka
favicon.ico je najstarejši format in še vedno tisti, ki ga brskalnik zahteva privzeto: če ne najde navodil, vpraša za /favicon.ico. Ikoni PNG s 16 in 32 slikovnimi pikami služita sodobnim zavihkom na običajnih zaslonih in zaslonih z visoko gostoto. Ikona apple-touch-icon s 180 slikovnimi pikami se uporabi, ko nekdo spletno mesto doda na začetni zaslon iPhona ali iPada.
Ikoni s 192 in 512 slikovnimi pikami sta navedeni v datoteki site.webmanifest, majhni datoteki JSON, ki jo Android in namizni Chrome prebereta, ko je spletno mesto nameščeno kot aplikacija. Tista s 512 slikovnimi pikami se uporabi tudi za zagonski zaslon. Maskirna ikona je druga različica s 512 slikovnimi pikami za Androidove oblikovane ikone, pojasnjena spodaj.
Maskirne ikone in varno območje
Androidovi zaganjalniki vsako ikono aplikacije izrežejo v eno obliko, na enem telefonu v krog, na drugem v zaobljen kvadrat. Navadna ikona se pomanjša na belo ploščico, da se prilega, kar je videti kot naknadna rešitev. Maskirna ikona ves kvadrat zapolni z barvo, logotip pa ostane v srednjih 80 odstotkih, v varnem območju, ki ga nobena maska ne odreže. Ta paket jo izdela za vas: vaš logotip, na vsaki strani odmaknjen za desetino, na vaši barvi ozadja.
Izbira izvorne slike
Začnite z največjo in najčistejšo različico logotipa. Najboljši je SVG, saj mu slikovnih pik ne more zmanjkati. Sicer uporabite PNG z vsaj 512 slikovnimi pikami in prosojnim ozadjem. Če je slika manjša, je treba velike ikone povečati, na kar vas opozori opomba pod predogledi. Izogibajte se datoteki JPG z belim okvirjem okoli logotipa: okvir postane del vsake ikone.
Podrobnosti, ki so pri 512 slikovnih pikah lepo berljive, se pri 16 lahko zlijejo. Poglejte najmanjši predogled. Če celoten logotip tam ni berljiv, za favicon uporabite le njegov simbol ali prvo črko.
Namestitev paketa
Datoteke razpakirajte v korensko mapo spletnega mesta, tako da je favicon.ico dosegljiv na vasastran.si/favicon.ico. Vrstice iz favicon.html prilepite v element head svojih strani ali predloge. Če morajo biti datoteke v drugi mapi, ustrezno spremenite poti v teh vrsticah in v site.webmanifest. Brskalniki favicone trdovratno hranijo v predpomnilniku, zato spletno mesto odprite v zasebnem oknu, da vidite novega.
Pogosta vprašanja
Katere velikosti so v paketu?
16, 32 in 48 slikovnih pik v favicon.ico in kot datoteke PNG, 180 slikovnih pik za Apple, 192 in 512 slikovnih pik za Android ter maskirna ikona s 512 slikovnimi pikami.
Ali lahko uporabim logotip SVG?
Da, in da najostrejši rezultat v vsaki velikosti. Delujejo tudi PNG, JPG, WebP in številni drugi formati.
Zakaj ima moja ikona na iPhonu belo ozadje?
Apple v ikonah na začetnem zaslonu ne podpira prosojnosti, zato se slika nariše na barvi ozadja, nastavljeni na plošči. Barvo spremenite tako, da ustreza logotipu.
Ali potrebujem vse te datoteke?
Za preprosto spletno mesto zadoščajo favicon.ico in majhni ikoni PNG. Applova ikona in manifest sta pomembna, ko obiskovalci spletno mesto shranijo na telefon.
Kaj spremenita polji z imenom?
Zapišeta se v site.webmanifest in se prikažeta kot napis pod ikono, ko je spletno mesto nameščeno na telefonu. Na slike ne vplivata.
Ali se moj logotip shrani?
Ne. Obdela se na naših strežnikih in izbriše, ko vam je ZIP poslan nazaj.
Sorodna orodja
- Pretvorite PNG v ICOIz katere koli slike naredite ikono spletne strani ali ikono za Windows, z vsemi velikostmi v eni datoteki.
- Pretvorite SVG v PNGVektorska risba kot slika, ki jo sprejme vsak program.
- Spremenite velikost slikeNastavite velikost v slikovnih točkah ali odstotkih in si pred prenosom oglejte izhodne mere.
- Stisnite PNG slikoZmanjšajte velikost PNG datoteke, obenem pa ohranite ostre robove in prosojnost.