Favicon-generátor
Alakítson egy logót, SVG-t, betűt vagy emojit teljes favicon-készletté böngészőkhöz, a Google-höz, iPhone-hoz és Androidhoz – élő előnézettel és kész telepítési kóddal.
Használati útmutató: Favicon-generátor
- 1
Válasszon forrást
Töltsön fel egy PNG, JPG, WebP vagy SVG formátumú logót, és vágja négyzetre, vagy írjon be egy betűt vagy emojit, és válasszon betűtípust és színeket.
- 2
Hangolja az egyes platformokra
Állítsa be a hátteret, a sarkokat és a margót a böngészőkhöz, az iOS-hez és az Androidhoz, tegye maszkolhatóvá az Android-ikont, és nézze meg élőben a böngészőlap, a keresési találat és a kezdőképernyő előnézetét.
- 3
Töltse le és telepítse
Töltse le egyetlen ZIP-ben a favicon.ico, a favicon.svg, a PNG-ikonok és a site.webmanifest fájlt, majd kövesse a HTML-, Next.js-, Vite- vagy WordPress-útmutatót.
Mit tartalmaz egy modern favicon-készlet
A favicon az a kis ikon, amely a böngészőlapokon, a könyvjelzők között és a Google találati listájában látható, telefonon pedig a webhely ikonja lesz a kezdőképernyőn. Minden platform saját fájlokat kér, ezért a modern favicon nem egyetlen kép, hanem néhány képből és egy webalkalmazás-manifestből álló kis készlet.
Töltsön fel egy PNG, JPG, WebP vagy SVG formátumú logót, és vágja négyzetre, vagy készítsen ikont egy betűből vagy emojiból. Ezután hangolja külön az egyes platformokra: hátteret és sarkokat az asztali böngészőkhöz és a Google-höz, egyszínű hátteret és margót az iPhone kezdőképernyőjéhez, az Androidhoz pedig maszkolható ikont, amely a logót a biztonságos zónán belül tartja. Az élő előnézetek mutatják a böngészőlapokat világos és sötét módban, a könyvjelzősávot, egy Google-találatot, valamint az iOS és az Android kezdőképernyőjét kör, squircle és lekerekített négyzet maszkkal.
A ZIP a mai bevált gyakorlatot követi: favicon.ico 16, 32 és 48 px-es mérettel, favicon.svg, ha a forrás SVG (igény szerint sötét módhoz igazodva), favicon-96x96.png, 180×180-as apple-touch-icon.png, 192 és 512 px-es manifest-ikonok és site.webmanifest. Másolja ki a HTML-kódot, vagy kövesse a Next.js, React/Vite vagy WordPress lépéseit, majd tesztelje az eredményt favicon-ellenőrzőnkkel. Minden a böngészőjében készül.
Minden helyben, a böngészőjében fut — a képeit soha nem töltjük fel szerverre.