Generátor favicon
Premeňte jeden súbor PNG, JPG alebo SVG na favicon.ico a všetky veľkosti ikon, ktoré váš web potrebuje, zabalené v jednom archíve ZIP.
Celý obrázok zostane viditeľný, vycentrovaný s prázdnym okrajom okolo.
Priehľadné pozadie sa hodí pre karty prehliadača; pre ikony na domovskej obrazovke iPhonu je bezpečnejšia farba pozadia.
Tu sa zobrazí vaša favicon a balík ikon.
Umiestnite súbory do koreňového adresára svojho webu a potom pridajte tieto riadky na každú stránku.
Váš obrázok sa na ikony premieňa priamo v prehliadači. Na BroBroGo sa nič nenahráva.
Časté otázky
Aké súbory obsahuje balík ikon?
Súbor favicon.ico s verziami 16, 32 a 48 pixelov, ikony PNG vo veľkostiach 16, 32, 180, 192 a 512 pixelov a súbor site.webmanifest, ktorý obsahuje zoznam veľkých ikon. Ak začnete s formátom SVG, pribalí sa aj samotný vektor. Všetko je zabalené v jednom súbore ZIP.
Akú veľkosť by mal mať zdrojový obrázok?
Ideálny je formát SVG — každá ikona sa vykresľuje z vektora, takže aj pri veľkosti 16 pixelov zostáva ostrá. Pri formátoch PNG alebo JPG začnite s rozlíšením aspoň 512 × 512; menšie obrázky sa musia zväčšiť a môžu pôsobiť neostro.
Malo by byť pozadie priehľadné alebo farebné?
Ikony na kartách prehliadača vyzerajú dobre aj s priehľadným pozadím. Domovské obrazovky iPhonov a iPadov však priehľadné oblasti zobrazujú ako čierne — ak si používatelia môžu pridať váš web na domovskú obrazovku, zvoľte radšej farbu pozadia.
Čo sa stane s obrázkom, ktorý nie je štvorcový?
Ikony sú štvorcové, ale váš obrázok sa nikdy nedeformuje. Predvolene sa vycentruje s prázdnym okrajom okolo neho; prepnutím na možnosť „Vyplniť (orezať)“ namiesto toho orežete prečnievajúce okraje.
Kam mám tieto súbory na webe umiestniť?
Nahrajte ich do koreňového adresára svojho webu, aby bol súbor favicon.ico dostupný na adrese /favicon.ico, a potom vložte vygenerované riadky do sekcie <head> svojich stránok. Prehliadače si správnu veľkosť vyberú automaticky.