Hogyan készíthetek favicont a logómból?

Húzzon be egy PNG, JPEG, WebP vagy SVG fájlt, állítsa be az Alakzat, Kitöltés és Alkalmazás neve beállításokat, majd kattintson a Favicon-csomag létrehozása (.zip) gombra. Másolja ki a Illessze be a head-be alatt látható HTML-részletet.

Milyen fájlok vannak a favicon ZIP-ben?

A favicon-package.zip tartalmazza a favicon.ico-t, a PNG ikonokat (16, 32, 180, 192 és 512 pixel), az alkalmazás nevével ellátott site.webmanifest fájlt, valamint a link címkéket tartalmazó favicon-snippet.html-t.

Milyen méretű és formátumú képet töltsek fel?

PNG, JPEG, WebP és SVG fogadható el, egyszerre egy fájl. A legélesebb eredményhez használjon legalább 512x512-es négyzetes képet; az átlátszó PNG vagy SVG működik a legjobban.

Hogyan kaphatok kerek vagy lekerekített favicont?

Feltöltés után válassza a Négyzet, Lekerekített vagy Kör lehetőséget az Alakzat alatt. A Kitöltést 0 és 25 százalék között állíthatja, az eredményt pedig a Böngészőfül előnézetben nézheti meg.

Feltöltődik a képem, és miért nem sikerül a létrehozás?

Az ikonok a böngésző Canvas elemével készülnek, és a JSZip csomagolja őket az eszközén. Ha a Nem sikerült betölteni ezt a képet üzenetet látja, a fájl sérült lehet; próbáljon másik képet vagy böngészőt.

Igen. Minden eszköz ingyenesen használható, fiók és bankkártya nélkül. A munka a szervereink helyett a te eszközödön fut, ezért maradhat ingyenes a használata.

Feltöltődnek a fájljaim?

Nem. A fájlokat a böngészője nyitja meg és dolgozza fel, és nem kerülnek el a LibraToolhoz. Néhány eszköz előbb letölt a böngészőbe egy feldolgozómotort vagy MI-modellt; ez a letöltés semmilyen adatát nem tartalmazza.

Igen. Az iOS és Android jelenlegi mobilböngészőiben fut, telepítés nélkül. A nagyon nagy fájlok lassúak lehetnek, vagy elfogyhat a memória a telefonon, ezekhez használjon számítógépet.

🌟

Ingyenes Favicon generátor

Alakíts bármely képet teljes favicon-csomaggá: többméretes favicon.ico, Apple touch ikon, Android/PWA ikonok, webmanifest és a beillesztésre kész HTML-kódrészlet — mind tömörítve, a böngésződben.

A fájlméret az eszközödtől függA fájlok privátok maradnakNem szükséges bejelentkezésÖrökre ingyenes

Húzza ide a fájlt, vagy kattintson a tallózáshoz

PNG, JPG, WebP, SVG, HEIC, HEIF · az eszközödön dolgozza fel

vagy nyomjon Ctrl+V-t a vágólapról való beillesztéshez

Fájlok tallózása

Az Ön fájljai soha nem hagyják el az eszközét. Minden feldolgozás helyileg történik a böngészőjében.

💡 A legjobb eredményhez töltsön fel legalább 512×512-es négyzet alapú képet. Átlátszó PNG vagy SVG a legjobb.

Gyakori felhasználások

Hozzon létre egy webhely-favicontHozza létre az összes böngésző és eszköz által várt teljes favicon-készletet.
PWA és Manifest ikonok generálásaKapjon 192px és 512px ikonokat és webalkalmazás-manifestot, amely a PWA-nak szüksége van.
Apple Touch Icon létrehozásaHozza létre a 180×180-as ikont, amelyet az iOS használ, ha egy webhely az kezdőképernyőre kerül.
Logo átalakítása faviconnáAlakítsa át márkájának logóját tiszta, felismerhető favicongá.
Favicon létrehozása bármely keretrendszerhezKapjon beépíthető favicon-fájlokat a React, Next.js, WordPress és még sok máshoz.

Hogyan működik

Ez az eszköz bármely PNG-t, JPEG-et, WebP-t vagy SVG-t egy teljes favicon-csomaggá alakít — többméretű .ico, Apple touch icon, Android/PWA ikonok, egy web manifest és egy beillesztésre kész HTML-részlet — teljesen a böngészőjében a Canvas API és a JSZip használatával. Semmi nem kerül feltöltésre; minden renderelés és fájlösszeállítás helyben történik.

1
A Canvas újraméretezi a képét
A böngésző a forráskép mindegyik szükséges méretben (16, 32, 48, 180, 192 és 512 px) rajzolja ki egy képernyőn kívüli HTML Canvas elemre. A width/height attribútumokkal nem rendelkező SVG-k előbb DOMParser és XMLSerializer segítségével normalizálódnak, így a Firefox és a Chrome azonos pixel-kimenetet ad üres platno helyett.
2
Kézzel írt ICO kódoló pakolja be az .ico fájlt
A kis ICO bejegyzések (16, 32, 48 px) nyers 32-bites BGRA DIB bitmapekké kódolódnak — a BITMAPINFOHEADER plusz alulról felfelé XOR sorok és egy 1bpp AND maszk —, mert a Windows shell komponensek tömörítetlen DIB formátumot igényelnek ezeknél a méreteknél. Az eszköz megírja az ICO könyvtár-fejlécet, és teljesen DataView-val és Uint8Array-jel fűzi össze a bejegyzéseket, külső ICO könyvtár bevonása nélkül.
3
A PNG kimenetek a canvas.toBlob-on keresztül készülnek
Minden PNG-változatot (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) a canvas.toBlob 'image/png'-vel való meghívása rögzíti, veszteségmentes kódolást delegálva a böngésző beépített képmotorjának. Opcionális térköz, háttérszín és alakvágás (négyzet, lekerekített vagy kör) kerül alkalmazásra a canvas kontextusra rögzítés előtt.
4
A JSZip mindent egyetlen letöltésbe csomagol
A JSZip összeállítja az összes generált fájlt — favicon.ico, az öt PNG, egy site.webmanifest az Ön alkalmazásnevével és egy favicon-snippet.html a helyes <link> tagekkel — egyetlen .zip blob-ba, amely automatikusan letöltődik az eszközére.

Képe közvetlenül a böngésző Canvas API-jába kerül betöltésre, és soha nem hagyja el eszközét — a fájladatok soha nem kerülnek átvitelre semmilyen szerverre semmikor.

Kapcsolódó eszközök

🖼️

PNG–ICO favicon konvertáló

Alakíts PNG, JPG, WebP vagy SVG képeket többméretes .ico favicon fájlokká. Válaszd ki a csomagolni kívánt méreteket (16, 32, 48, 64, 128, 256), és tölts le egyetlen .ico fájlt.

Próbálja kiA fájlok helyi maradnak

🎞️