Kép átalakítása faviconná

Alakíts egy fotót vagy logót teljes favicon készletté — favicon.ico, apple-touch-icon és webalkalmazás-PNG-k —, közvetlenül a böngésződben, feltöltés nélkül.

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.

Egyetlen képből teljes készlet

Húzz be bármilyen képet, és kapd vissza az összes ikont, amire egy webhelynek szüksége van: több méretű favicon.ico a lapokhoz, 180 px-es apple-touch-icon az iOS-hez, 192 és 512 px-es PNG-k az Androidhoz és a PWA-khoz, egy webes manifest, és a HTML, amely mindezt összeköti. A nem négyzetes képek középre igazítva kerülnek levágásra, az alakzat, a belső margó és a háttér vezérlőivel pedig megkeretezheted az eredményt.

Tervezésénél fogva privát

A favicon oldalak általában feltöltik a grafikádat, mielőtt bármit visszaadnának. Itt az egész készlet az eszközödön készül a Canvas API-val, így a logód soha nem kerül továbbításra, tárolásra vagy naplózásra. Azonnali, betöltés után offline is működik, és amit letöltesz, pontosan az, amit a böngésződ előállított.

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.