Favicon generátor

Alakíts bármilyen logót vagy képet teljes faviconkészletté: többféle méretet tartalmazó favicon.ico, apple-touch-icon, Android-/webalkalmazás-ikonok és egy azonnal beilleszthető HTML-kódrészlet. Válassz négyzetes, lekerekített vagy kör alakot, adj hozzá kitöltést vagy háttérszínt, és töltsd le az egész csomagot ZIP-ként. Minden helyben, a böngésződben készül — a képed soha nem 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.

A PixelVault favicon generátora bármilyen képet weboldal- és alkalmazásikonok teljes készletévé alakít anélkül, hogy bármit feltöltene. A legtöbb „favicon generátor” oldal arra kér, hogy küldd el a logódat a szervereikre, mielőtt egyetlen ikont is visszakapnál. Itt minden fájl — a többfelbontású favicon.ico, a PNG-ikonok és a manifest — közvetlenül a böngésződben készül, így a márkagrafikád soha nem hagyja el az eszközödet.

Egy modern webhelynek egynél több ikonra van szüksége. A böngészők egy kis favicon.ico-t olvasnak a címsorhoz és a fülekhez, az iOS egy 180×180-as apple-touch-icon-t vár a kezdőképernyőhöz, az Android és a PWA-k pedig 192 és 512 px-es PNG-ket használnak, amelyekre egy webmanifest hivatkozik. A PixelVault mindet egyszerre építi fel egyetlen forrásképből, és egy azonnal beilleszthető HTML-kódrészletet ad, így a bekötésük másodpercekbe telik.

Te szabod meg, hogyan néz ki az ikon. Maradhat sima négyzet, lekerekítheted a sarkait, vagy körre vághatod; adhatsz hozzá kitöltést, hogy egy szólogó ne szoruljon a szélhez; és választhatsz átlátszó vagy tömör hátteret. Az élő előnézet valódi faviconméretekben mutatja az eredményt — beleértve egy imitált böngészőfület is —, így a letöltés előtt pontosan tudod, mit fognak látni a látogatók.

Hogyan működik

Amikor hozzáadsz egy képet, a böngésző dekódolja a memóriába, a PixelVault pedig újrarajzolja négyzetes vásznakra minden ikonméretben, alkalmazva a választott alakmaszkodat, kitöltésedet és hátteredet. Minden vászon PNG-be kódolódik a böngésző beépített kódolójával, a 16, 32 és 48 px-es PNG-k pedig egyetlen favicon.ico-ba kerülnek (a széles körben támogatott PNG-in-ICO konténerbe). Az SVG logók előbb helyben, nagy felbontáson kerülnek raszterizálásra, így az ikonok élesek maradnak.

Miért fontos a helyi feldolgozás

Az ikonok helyi előállítása azt jelenti, hogy a logódat — gyakran még ki nem adott márkaelemet — soha nem továbbítja, tárolja vagy naplózza egy harmadik féltől származó szolgáltatás. Ráadásul azonnali: nincs feltöltés, nincs várakozási sor, nincs letöltési oda-vissza, és az oldal betöltése után offline is működik. Amit letöltesz, pontosan az, amit a böngésződ előállított, minden hozzáadás nélkül.

Támogatott formátumok

  • ICO — Többfelbontású favicon.ico (16/32/48 px) a fülekhez és a címsorhoz.
  • PNG — Apple-touch-icon (180 px) és Android-/PWA-ikonok (192 és 512 px).
  • SVG — Csak bemenet — a vektorlogók helyben kerülnek raszterizálásra a legélesebb ikonokért.
  • JPG / WebP — A PNG mellett forrásképként támogatott.

Gyakori felhasználások

  • Készíts favicon.ico-t és app-ikonokat egy új weboldalhoz vagy landing oldalhoz.
  • Alakíts át egy PNG vagy SVG logót rendes, többméretű ICO fájllá.
  • Generálj apple-touch-icon-t és webmanifest-ikonokat egy PWA-hoz.
  • Frissítsd egy márka faviconkészletét anélkül, hogy a logót átadnád egy online szolgáltatásnak.

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.