Ingyenes · Vízjel nélkül · 52 nyelv

Favicon generátor minden eszközre

Alakíts át bármilyen képet favicon.ico fájllá, Apple touch ikonokká, Android és PWA ikonokká, valamint beillesztésre kész HTML kóddá. Vagy rajzold meg saját ikonodat pixelről pixelre.

A favicon-csomagod elkészült

Töltsd fel a fájlokat a ZIP-ből, és illeszd be ezt a kódot a <head> szakaszba

Hogyan készíts favicont 3 lépésben

Bármilyen logóból vagy képből egy percen belül teljes, szabványoknak megfelelő favicon csomag.

Töltsd fel a képedet

Húzz egy PNG, JPG, WebP, AVIF, GIF, SVG vagy ICO fájlt a generátorba, vagy rajzolj ikont a pixelszerkesztőben.

Állítsd be a vágást és a színeket

Húzd és nagyítsd a képet, állítsd be a belső margót, a lekerekített sarkokat, a hátteret és a témaszínt.

Töltsd le és telepítsd

Töltsd le a ZIP fájlt, töltsd fel a fájlokat a weboldaladra, és illeszd be a HTML kódot a <head> részbe.

Minden, amire a weboldal ikonjának szüksége van

Egyetlen feltöltéssel elkészül minden ikon, amit a modern böngészők, telefonok, táblagépek és operációs rendszerek kérnek.

Böngésző faviconok

Többméretű favicon.ico, valamint 16, 32 és 96 px-es PNG ikonok Chrome, Firefox, Safari és Edge böngészőkhöz.

Apple touch ikonok

Minden iPhone és iPad kezdőképernyő-méret 57-től 180 px-ig, egyszínű háttérrel.

Android és PWA

Akár 512 px-es ikonok, egy maszkolható ikon és kész manifest.json telepíthető webalkalmazásokhoz.

Windows csempék

Csempeképek és browserconfig.xml a csempe színével.

Pixelszerkesztő

Rajzolj éles 16×16-os ikont a nulláról, vagy finomhangold a feltöltött kép minden pixelét.

HTML kóddal együtt

Másolható és beilleszthető <head> kód a letöltési oldalon és minden csomag readme fájljában.

REST API

Automatizáld a favicon generálását személyes API-kulcsokkal és kész kódpéldákkal.

Privát és biztonságos

Nincs hotlinkelés, nincsenek nyilvános galériák. Az ikonjaid a tieid maradnak – a saját szervereden tárolva.

Favicon méretek a csomagban

Fájl	Méret	Felhasználási hely
`favicon.ico`	16, 32, 48	Minden böngésző, Windows, keresőrobotok
`favicon-16x16.png`, `favicon-32x32.png`	16, 32	Böngészőlapok, könyvjelzők
`favicon-96x96.png`	96	Google keresési találatok, asztali parancsikonok
`apple-icon-*.png`, `apple-touch-icon.png`	57 – 180	iPhone, iPad kezdőképernyő
`android-icon-.png`, `web-app-manifest-.png`	36 – 512	Android kezdőképernyő, PWA
`maskable-icon-512x512.png`	512	Android adaptív ikonok
`ms-icon-*.png`	70 – 310	Windows Start csempék
`manifest.json`, `site.webmanifest`, `browserconfig.xml`	—	PWA telepítés, Windows konfiguráció

Gyakran ismételt kérdések

Mi az a favicon?

A favicon az a kis ikon, amely a böngészőfüleken, könyvjelzőkben, az előzményekben és a keresési találatokban jelenik meg a webhelyed neve mellett. A modern webhelyeknek nagyobb változatokra is szükségük van iPhone és Android kezdőképernyőkhöz, Windows csempékhez és progresszív webalkalmazásokhoz (PWA).

Milyen képformátumokat tölthetek fel?

Feltölthetsz PNG, JPG, WebP, AVIF, GIF, BMP, SVG vagy meglévő ICO fájlt. A legélesebb eredményhez használj legalább 512 × 512 pixeles, négyzet alakú, átlátszó hátterű képet.

Mit tartalmaz a favicon csomag?

Többméretű favicon.ico (16, 32 és 48 px), PNG favicon-ok, az összes Apple touch ikon, Android- és PWA-ikonok maszkolható (maskable) ikonnal együtt, Windows csempekép-fájlok, manifest.json, site.webmanifest, browserconfig.xml, valamint egy readme fájl telepítési lépésekkel és a beillesztésre kész HTML-kóddal.

Ingyenes a MakeFav?

Igen. A favicon készítése, szerkesztése és letöltése teljesen ingyenes. Csak egy ingyenes fiókra van szükséged megerősített e-mail-címmel; az ingyenes fiókok tartalmazzák a hírlevelünket, amelyet legfeljebb hetente egyszer küldünk.

Miért kell fiók a letöltéshez?

A fiókok védik a szolgáltatást a visszaélések és a hotlinkelés ellen, megőrzik a favicon csomagjaid előzményeit, és személyes API-kulcsokat adnak. A generált ikonokat soha nem tesszük közzé, és nem hotlinkelhetők a szervereinkről – te magad tárolod őket.

Hogyan telepíthetem a favicont a webhelyemre?

Csomagold ki a csomagot, töltsd fel az összes fájlt a weboldalad gyökérmappájába, majd illeszd be a HTML-részletet minden oldal <head> szakaszába. Ugyanez a kód a csomagban található readme-makefav.txt fájl végén is megtalálható.

2026-ban is szükség van favicon.ico fájlra?

Igen. Sok eszköz, crawler és régebbi böngésző még mindig automatikusan lekéri a /favicon.ico fájlt. A legjobb lefedettségért kombináld PNG és SVG ikonokkal, valamint webmanifesttel.

Generálhatok favicont automatikusan?

Igen. Használd a MakeFav REST API-t a személyes API-kulcsoddal, hogy teljes favicon csomagokat generálj a build folyamatodból, CMS-edből vagy alkalmazásodból. Kódpéldákat az API-dokumentációban találsz.

Készítsd el a faviconodat most

Hirdetés