Generator de HTML pentru favicon
Generează etichetele <head> necesare pentru favicon-ul, iconul tactil și culorile temei unui site.
Generator de HTML pentru favicon
Un favicon este mai mult decât un fișier: o filă de browser are nevoie de .ico, o pagină de início a telefonului are nevoie de o apple-touch-icon 180x180, fila fixată a Safari are nevoie de o mască SVG monocromă, iar o solicitare de instalare PWA citește pictogramele enumerate în manifest. Acest instrument scrie etichetele exacte <link> și <meta> pentru toate acestea dintr-o cale de bază și un set de dimensiuni de icoane, astfel încât să copiați un singur bloc în <head> în loc să o asamblați din cinci specificații diferite.
Setați calea de bază pe locul unde vor fi fișierele de icoane — rădăcina sau un folder precum /icoane/ — și fiecare href este construit în raport cu aceasta. Alternați ICO, PNG și SVG independent: PNG adaugă de asemenea apple-touch-icon la dimensiunea fixă 180x180 pe care o așteaptă Apple, iar SVG adaugă o mask-icon a cărei culoare provine din culoarea temei luminoase (sau întunecat, dacă aceasta este singura setată). O culoare de temă luminoasă și una întunecată devin fiecare o etichetă <meta name="theme-color"> separată cu o interogare prefers-color-scheme, astfel încât cromația browser-ului să se potrivească cu pagina în orice mod. Un comutator separat adaugă etichetele msapplication mai vechi pe care unele scenarii de plăcuță Windows le mai citesc.
Câmpul de dimensiuni acceptă o listă separată prin virgulă sau linii — "16x16, 32x32, 192x192" — și un număr simplu ca "48" este o prescurtare pentru o pictogramă pătrată; intrările nerecunoscute sunt șterse mai degrabă decât respinse. Activați lista de verificare a fișierelor și ieșirea se termină cu un comentariu care listează fiecare cale referințiată, în ordine, care este lista de efectiv încărcat.
Tot ce se întâmplă în browser-ul dvs.: nimic din ceea ce scrieți nu este trimis nicăieri. Copiați rezultatul în secțiunea <head> a paginii, descărcați-l ca fișier .txt sau trimiteți-l intrării unui alt instrument pentru a continua ajustarea.