Ustvarjanje ikone favicon
Preoblikujte preprosto sliko v ikono zavihka spletnega mesta (favicon) in paket ikone spletnega mesta. Preverite, ali je zasnova še vedno prepoznavna v majhnih velikostih, prenesite datoteke in sledite vključenemu primeru namestitve.
Preden začnete
- Vstop
- Ena JPG, PNG ali statična WebP slika.
- Izhod
- ZIP z ICO, PNG ikoni, manifesto in HTML primer.
Naprava za polnjenje ...
Kako uporabljati to orodje
- Izberite JPG, PNG ali statično WebP sliko.
- Zelišča na kvadrat ali dodajanje padding in preverite ikono predogledov.
- Prenesite ZIP in prilagodite vzorčne poti na vašo spletno stran.
Razumeti rezultat
Ikona zavihka spletne strani (favicon) se pogosto prikaže v zelo majhni velikosti. Jasen simbol ali črka ponavadi deluje bolje kot podrobno umetniško delo ali majhen besedilo. Generirane datoteke še vedno potrebujejo, da jih prenese in se nanaša na vašo spletno stran.
Zakaj je ikona zavihka na mojem spletnem mestu (favicon) videti blurna ali preveč majhna?
Široka besedna oznaka ali podrobna fotografija se lahko v majhni zavihki brskalnika naredi nečisto. Začnite z enostavno kvadratno simbol in preverite dejanske 16-pixel in 32-pixel predogledov. Padding ohranja polno vir, vendar lahko pusti široko logotip zelo majhen; kvadratni kropljenje napolni ikono in lahko odrezuje njene robove. Preverite obe možnosti, preden namestite rezultat.
Katere spletne strani tab ikona (favicon) datoteke naj prenesem na svojo spletno stran?
ZIP vključuje favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Na primer link tags. Najprej izvleček arhiva; prenos samo ZIP ne namesti ikone. Primer poti predvideva, da so datoteke na korenu spletnega mesta. Prilagodite te poti za drugo mape ali uporabite nastavitev ikone mesta na platformi, nato pa preverite objavljeno stran in njeno cache.
Poskusite vzorec
Poskusite izvirni vzorec za preverjanje podprtega delovnega toka. Uspešna vzorec ni garancija za vsak vnos.
Izvirni vzorec slike ↓Če rezultat ni tisto, kar ste pričakovali
Spletna stran še vedno prikazuje staro ikono.
Ustvarjanje datotek jih ne namesti. Oglejte si ikono URL-jev in označevanje strani, nato odstranite cache mesta in preizkusite svežo sejo brskalnika. Ikoni brskalnika in iskalnih rezultatov lahko posodabljajo v različnih časih.
Naslednja uporabna orodja: SVG v PNG →Pomembne omejitve
- Samo vnos slike; najprej pretvorite SVG v PNG.
- Orodje ne spremeni konfiguracije vaše spletne strani.
- Preverite svojo spletno stran po namestitvi ikone, ker se lahko vedenje caching in platforme razlikuje.
- Maksimalno 10 MB 12 milijonov slikovnih pik. Izhod vključuje ICO, PNG ikone, webmanifest in primer HTML v ZIP.
Pogosto postavljena vprašanja
Ali to namesti ikono zavihka spletnega mesta (favicon) na moji spletni strani?
pa ne. Pripravlja datoteke in primer. Naložite datoteke in posodobite poti ali nastavitve vaše spletne strani.
Ali paket naredi mojo spletno stran PWA?
pa ne. Ikonske datoteke in osnovni webmanifest so le del namestitve spletne aplikacije.
Zakaj je logotip težko prebrati pri 16 pikselih?
Lepo podrobnost lahko izgine v tej velikosti. Poskusite enostavnejši simbol, močnejšo obliko ali več prostora okoli oznake.
Povezani vodniki
Vprašanja ali korekcija? mrkcal@mrkcal.com