ICO átalakító

Alakíts át bármilyen képet — PNG, JPG, SVG vagy WebP — több felbontású ICO fájllá helyben, 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.

Bármilyen forrás, egyetlen ikonfájl

Irányítsd az átalakítót arra, amid van: egy PNG exportra, egy JPG-re, egy WebP-re, vagy egy SVG logóra, amely előbb helyben, nagy felbontásban raszterizálódik. Egy favicon.ico-t készít, amely 16, 32 és 48 px-es képeket tartalmaz — pontosan azokat a méreteket, amelyekért a böngészők és a Windows valójában nyúlnak —, így az ikon mindenhol éles marad, ahol megjelenik.

Alakzat és belső margó is jár hozzá

Kerekítsd le a sarkokat vagy vágj körre, adj hozzá belső margót, és állíts be átlátszó vagy tömör hátteret az export előtt — élő előnézettel, valós ikonméretekben. Minden a böngésződben fut, így még egy bizalmas márkajelet is az eszközöd elhagyása nélkül alakíthatsz át.

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.