Generator favicon HTML-a
Generirajte HTML oznake koje stranica trebala za svoju ikonu, ikonu dodira i boje teme.
Generator favicon HTML-a
Favicon nije samo jedna datoteka: kartična tabela želi .ico, početni ekran telefona želi apple-touch-icon od 180x180, Safarijev pripeti jezičak želi SVG masku jedne boje, a PWA upitnik čita ikone navedene u manifestu. Ovaj alat piše tačno <link> i <meta> oznake za sve njih iz bazne putanje i skupa veličina ikona, tako da kopirujete jedan blok u <head> umjesto da ga sastavite iz pet različitih specifikacija.
Postavite baznu putanju gdje će se datoteke ikona nalaziti — korijen ili poddirektorijum kao /ikone/ — i svaka href se gradi prema njoj. Prebacite ICO, PNG i SVG nezavisno: PNG također dodaje apple-touch-icon na fiksnu veličinu od 180x180 koju Apple očekuje, a SVG dodaje mask-icon čija boja dolazi iz vaše lake theme-color boje (ili tamne, ako je to jedina postavljena). Svaka lake i tamna theme-color postaju odvojena <meta name="theme-color"> oznaka sa prefers-color-scheme upitom, tako da se boja pregledača poklapa sa stranicom u bilo kojem režimu. Odvojena sklopka dodaje starije msapplication oznake koje neki Windows scenariji pločica još uvijek čitaju.
Polje veličine prima lista odvojena zapetom ili novim redom — "16x16, 32x32, 192x192" — a goli broj kao "48" je kratica za kvadratnu ikonu; neprepoznate stavke se odbacuju umjesto da se odbace. Uključite popis datoteka i izlaz se završava sa komentarom koji navodi svaki referenciranu putanju, redom, što je lista koju trebate zapravo učitati.
Sve se izvršava u vašem pregledniku: ništa što tipkate nije poslano nigdje. Kopirajte rezultat u <head> stranice, preuzmite kao .txt datoteku ili ga pošalite na drugi alat koji će ga dalje prilagođavati.