JPG átalakítása ICO-vá
Alakíts egy JPG-t rendes, több felbontású favicon.ico-vá — és mellé egy teljes modern ikonkészletté —, 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.
Fotóformátumú JPEG-ből ikonformátum
A JPG fényképekre készült, és nem ismer átlátszóságot; az ICO viszont egy konténer, amely több kis négyzetes bitképet tartalmaz egyszerre. A kettő közti átalakítás nem átnevezés — a képet 16, 32 és 48 pixelre kell újramintavételezni, és egyetlen fájlba csomagolni. Ez az eszköz pontosan ezt teszi: valódi, több felbontású favicon.ico-t ír, így a böngészők kiválaszthatják a lapokhoz, a könyvjelzősávhoz vagy egy asztali parancsikonhoz szükséges méretet.
Vágd a fotót olvasható méretűre
Egy JPEG általában fotó, és a fotók ritkán élik túl, hogy 16 pixelre zsugorodjanak. Használd a belső margó és az alakzat vezérlőit, hogy közelebb hozd a témát, adj hozzá tömör hátteret, hogy a szélek tiszták maradjanak, és nézd meg az élő előnézetet és a makett böngészőlapot, hogy lapméretben is olvasható-e még. A teljes készlet — favicon.ico, apple-touch-icon, PWA ikonok és egy HTML kódrészlet — zipként tölthető le.
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.