Favicon generátor
Készíts teljes favicon készletet egyetlen képből — favicon.ico, apple-touch-icon, Android/PWA ikonok és a HTML kódrészlet —, teljes egészében a böngésződben. Semmi sem kerül feltöltésre.
Adatvédelem az első helyen: minden kép helyben, a böngésződben kerül feldolgozásra. Semmi sem kerül feltöltésre, tárolásra vagy elküldésre bármilyen szerverre.
Minden ikon, amire egy modern webhelynek szüksége van, egyszerre
A favicon már nem egyetlen fájl. A böngészők egy kis favicon.ico-t olvasnak a lapokhoz és a címsorhoz, az iOS egy 180×180-as apple-touch-icont vár a kezdőképernyőre, az Android és a telepíthető webalkalmazások pedig 192 és 512 px-es PNG-ket húznak be egy webes manifestből. Ez a generátor mindet felépíti egyetlen forrásképből, és ad egy beilleszthető HTML kódrészletet, így nem kell kézzel hat méretet exportálnod.
Úgy keretezve, ahogy szeretnéd, privát módon
Tartsd az ikont négyzetesnek, kerekítsd le a sarkait, vagy vágd körre; adj hozzá belső margót, hogy a logó ne szoruljon a szélhez; és válassz átlátszó vagy tömör hátteret. Az élő előnézet valós favicon méretekben mutatja az eredményt, egy makett böngészőlappal együtt. Mivel minden fájl az eszközödön készül, a logód — gyakran még ki nem adott arculat — soha nem kerül el szerverre.
Gyakran ismételt kérdések
- Feltöltésre kerül a képem a favicon elkészítéséhez?
- Nem. A favicon.ico, a PNG-ikonok és a manifest mind helyben, a böngésződben készülnek a Canvas API segítségével. A képed soha nem hagyja el az eszközödet.
- Milyen méreteket és fájlokat kapok?
- Egy többfelbontású favicon.ico-t (16, 32 és 48 px), PNG-ikonokat 16, 32, 48, 180 (apple-touch-icon), 192 és 512 px méretben, egy site.webmanifest fájlt, valamint egy HTML-kódrészletet, amelyet a <head> részbe illeszthetsz.
- Átalakíthatok egy PNG-t vagy SVG-t ICO-vá?
- Igen. Adj hozzá egy PNG, JPG, SVG vagy WebP fájlt, és tölts le egy valódi favicon.ico-t. Az SVG logók előbb helyben, nagy felbontáson kerülnek raszterizálásra.
- Melyik kép működik a legjobban?
- Egy négyzetes kép egyszerű, jó kontrasztú logóval. A nem négyzetes képek középre igazítva kerülnek levágásra; a kitöltés és az alak vezérlőivel úgy keretezheted, ahogy szeretnéd.
- Hogyan telepítem a favicont?
- Csomagold ki a csomagot a webhelyed gyökérmappájába, és illeszd be a mellékelt HTML-kódrészletet az oldalaid <head> részébe. A favicon.ico-t a legtöbb böngésző automatikusan felismeri.