Generujte súbory favicon vo viacerých veľkostiach (16x16 až 512x512) z ľubovoľného obrázka. Zadarmo, okamžite a úplne beží vo vašom prehliadači.
Podporuje PNG, JPG, SVG, WebP. Maximálne 10 MB.
Favicon je malá ikona, ktorá sa zobrazuje na kartách prehliadača, záložkách a zoznamoch histórie. Pôvodná favicon — súbor ICO 16×16 na stránke /favicon.ico — sa rozrástla na komplexnú sadu ikon v rôznych veľkostiach pre rôzne platformy: 16×16 a 32×32 pre karty prehliadača, 180×180 pre domovské obrazovky iOS, 192×192 a 512×512 pre dlaždice Windows a rôzne veľkosti pre dlaždice systému Windows. Vytváranie týchto všetkých obrázkov z jedného zdroja je to, čo robí moderný generátor favicon.
Tento nástroj vytvorí jeden zdrojový obrázok vo vysokom rozlíšení (zvyčajne štvorcové logo) a vygeneruje celú množinu prvkov favicon plus značky odkazov HTML, ktoré sú potrebné na to, aby na ne odkazovali. Výstup zahŕňa ICO, viacero súborov PNG a súbor manifest.json pre progresívne metadáta webovej aplikácie. Presuňte výsledné súbory do koreňového adresára vašej lokality a odkazujte na ne prostredníctvom vygenerovaného kódu HTML.
Všetko spracovanie prebieha vo vašom prehliadači. Žiadne nahrávanie, žiadne volanie API, žiadne obmedzenie sadzby. Výstup funguje na každom modernom prehliadači a operačnom systéme, ktorý zobrazuje ikony favicon.
Stránky bez favicon vyzerajú nedokončené. Karty prehliadača zobrazujú všeobecnú ikonu; záložky nemajú vizuálny identifikátor; stránka pôsobí menej profesionálne. Pridanie správnej sady favicon je krok leštenia s malým úsilím a vysokým dopadom, ktorý signalizuje pozornosť venovanú detailom.
Požiadavky moderných favicon presiahli /favicon.ico. Ikony na domovskej obrazovke iOS, ikony Android Chrome, ikony dlaždíc systému Windows a varianty tmavého režimu používajú rôzne súbory. Generovanie ich všetkých z jedného zdroja zaisťuje konzistentný branding bez ručnej správy každého súboru.
Nahrajte zdrojový obrázok a získajte celú sadu ikon favicon.
Kompletná súprava moderných favicon: favicon.ico (16+32+48 s viacerými rozlíšeniami), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-51chrome-512x mstile-150x150.png. Plus site.webmanifest pre PWA, browserconfig.xml pre Windows.
Každý PNG je generovaný prevzorkovaním na základe plátna zo zdroja. ICO je konštruované v JavaScripte kombináciou 16/32/48 verzií do formátu ICO s viacerými rozlíšením pomocou zápisov DataView.
Značky odkazov HTML odkazujú na každý súbor s príslušnými atribútmi rel a size. Generátor ich vytvorí ako útržok pripravený na kopírovanie a prilepenie pre <head> vašej lokality.