Favicon HTML generátor
Egy webhely <head> tagjainak generálása a favicon, touch ikon és témaszínekhez.
Favicon HTML generátor
A favicon nem csak egy fájl: a böngésző lapja egy .ico-t szeretne, a telefon kezdőképernyője egy 180x180 apple-touch-icont, a Safari kitűzött lapja egy egyszínű SVG maszkot, és a PWA telepítési kérés a manifestban felsorolt ikonokat olvassa. Ez az eszköz az összes <link> és <meta> taget generálja az alapútvonalból és az ikon méreteiből, így egyetlen blokkot másol be a <head>-be ahelyett, hogy öt különböző specifikációból összerakná.
Az alapútvonalat arra a helyre állítsd be, ahol az ikonfájlok élnek — a gyökerhez vagy egy almappához, például /icons/ — és minden href ellene épül. Az ICO, PNG és SVG independenten váltható: a PNG az apple-touch-icont is hozzáadja az Apple által várt rögzített 180x180 méretben, és az SVG mask-icont ad hozzá, amelynek színe a világos témaszínedből (vagy a sötétből, ha azt hagytad üresen). A világos és sötét témaszín mindegyike külön <meta name="theme-color"> tagot generál egy prefers-color-scheme lekérdezéssel, így a böngészőchrome a laphoz igazodik mindkét módban. Egy külön kapcsoló hozzáadja a régebbi msapplication tagokat, amelyeket egyes Windows csempe forgatókönyvek még mindig olvasnak.
A sizes mező vesszővel vagy sorral elválasztott listát vesz fel — "16x16, 32x32, 192x192" — és egy csupasz szám, például "48" egy négyzet alakú ikon rövidítése; az ismeretlen bejegyzések elvetésre kerülnek, nem pedig elutasításra. Kapcsold be a fájl ellenőrzőlistáját, és a kimenet a végén egy megjegyzéssel végződik, amely felsorolja az összes hivatkozott útvonalat sorrendben, amely a ténylegesen feltöltendő lista.
Mindezt a böngészőben futtatja: semmi, amit begépelsz, sehova nem kerül. Másold be az eredményt a lap <head>-ébe, töltsd le .txt fájlként, vagy küldd el egy másik eszköznek a bemenetébe, hogy folytasd az igazítást.