Generator ikon Favicon

Pretvorite eno sliko PNG, JPG ali SVG v favicon.ico in vse velikosti ikon, ki jih potrebuje vaše spletno mesto, zapakirane v datoteko ZIP.

Nekvadratna slika

Celotna slika ostane vidna, centrirana z odmiki okoli nje.

Ozadje

Prosojno ozadje je primerno za zavihke brskalnika; za ikone na domačem zaslonu naprav iPhone pa je varnejša izbira barvno ozadje.

Vaš paket ikon

Tukaj se bosta prikazala vaša ikona favicon in paket ikon.

Pripravljeno. Za začetek dodajte sliko PNG, JPG ali SVG.

Vaša slika se pretvori v ikone neposredno v vašem brskalniku. Nič se ne prenaša na BroBroGo.

Pogosta vprašanja

Katere datoteke so v paketu ikon?

Datoteka favicon.ico z različicami velikosti 16, 32 in 48 pikslov, ikone PNG v velikostih 16, 32, 180, 192 in 512 pikslov ter datoteka site.webmanifest, ki navaja velike ikone. Če začnete z SVG, je vključena tudi sama vektorska slika. Vse skupaj je zapakirano v eni datoteki ZIP.

Kakšne velikosti naj bo moja izvorna slika?

Format SVG je idealen — vsaka ikona se izriše iz vektorja, zato ostane ostra tudi pri velikosti 16 pikslov. Za PNG ali JPG začnite z velikostjo vsaj 512 × 512; manjše slike se povečajo in lahko izgledajo zamegljeno.

Naj bo ozadje prosojno ali barvno?

Ikone zavihkov izgledajo odlično s prosojnim ozadjem. Vendar pa domači zasloni naprav iPhone in iPad prosojna območja obarvajo črno — če obstaja možnost, da bodo uporabniki dodali vaše spletno mesto na svoj domači zaslon, izberite barvo ozadja.

Kaj se zgodi s sliko, ki ni kvadratna?

Ikone so kvadratne, vendar vaša slika nikoli ne bo raztegnjena. Privzeto je centrirana z odmiki okoli nje; preklopite na možnost "Zapolni (obreži)", da namesto tega obrežete daljše robove.

Kam na svojem spletnem mestu moram naložiti datoteke?

Naložite jih v korensko mapo svojega spletnega mesta, tako da je favicon.ico dosegljiv na naslovu /favicon.ico, nato pa kopirajte ustvarjene vrstice v glavo <head> svojih strani. Brskalniki bodo sami izbrali pravo velikost.