Jak vytvořím favicon ze svého loga?

Přetáhněte soubor PNG, JPEG, WebP nebo SVG, nastavte možnosti jako Tvar, Odsazení a Název aplikace a klikněte na Vytvořit balíček favicon (.zip). Zkopírujte HTML úryvek zobrazený pod Vložte do head.

Jaké soubory obsahuje ZIP s faviconem?

favicon-package.zip obsahuje favicon.ico, ikony PNG (16, 32, 180, 192 a 512 pixelů), site.webmanifest s názvem vaší aplikace a favicon-snippet.html se značkami link.

Jakou velikost a formát obrázku mám nahrát?

Přijímají se PNG, JPEG, WebP a SVG, vždy jeden soubor. Pro nejostřejší výsledek použijte čtvercový obrázek alespoň 512x512; nejlépe funguje průhledný PNG nebo SVG.

Jak získám kulatý nebo zaoblený favicon?

Po nahrání vyberte v části Tvar Čtverec, Zaoblený nebo Kruh. Můžete také upravit Odsazení od 0 do 25 procent a výsledek zobrazit v náhledu Karta prohlížeče.

Nahrává se můj obrázek a proč generování selže?

Ikony se kreslí pomocí Canvasu prohlížeče a zabalují se pomocí JSZip ve vašem zařízení. Pokud se zobrazí Tento obrázek se nepodařilo načíst, soubor může být poškozený; zkuste jiný obrázek nebo prohlížeč.

Je to opravdu zdarma?

Ano. Každý nástroj je zdarma, bez účtu a bez platební karty. Práce probíhá na vašem zařízení, nikoli na našich serverech, což umožňuje jeho bezplatné používání.

Nahrávají se moje soubory?

Ne. Vaše soubory se otevírají a zpracovávají přímo v prohlížeči a neodesílají se do LibraTool. Některé nástroje si nejdřív do prohlížeče stáhnou zpracovávací modul nebo model AI; toto stahování neobsahuje žádná vaše data.

Funguje to na mobilu?

Ano. Funguje v aktuálních mobilních prohlížečích na iOS a Androidu a nic se neinstaluje. Velmi velké soubory mohou být v telefonu pomalé nebo mohou vyčerpat paměť, na ně použijte počítač.

🌟

Generátor faviconu zdarma

Přeměňte libovolný obrázek na kompletní balíček faviconu: favicon.ico s více velikostmi, ikona Apple touch, ikony Android/PWA, webový manifest a hotový HTML úryvek k vložení — vše zazipované, ve vašem prohlížeči.

Velikost souboru závisí na vašem zařízeníSoubory zůstávají soukroméNení nutné přihlášeníZdarma navždy

Přetáhněte soubor sem nebo klikněte pro výběr

PNG, JPG, WebP, SVG, HEIC, HEIF · zpracováno na vašem zařízení

nebo stiskněte Ctrl+V pro vložení ze schránky

Procházet soubory

Vaše soubory nikdy neopustí vaše zařízení. Veškeré zpracování probíhá lokálně ve vašem prohlížeči.

💡 Pro nejlepší výsledek nahrajte čtvercový obrázek alespoň 512×512. Nejlépe funguje průhledný PNG nebo SVG.

Běžná použití

Vytvořte ikonu webuGenerujte kompletní sadu favikonů, kterou očekává každý prohlížeč a zařízení.
Generujte ikony PWA a ManifestZískejte ikony 192px a 512px a webový manifest, které PWA potřebuje.
Vytvořte ikonu Apple TouchGenerujte ikonu 180×180, kterou iOS používá, když je lokalita uložena na domovskou obrazovku.
Změňte logo na favikonPřeveďte logo své značky na čisté, rozpoznatelné favikon.
Generujte favikony pro jakýkoli rámecZískejte soubory favikonů typu plug-and-play pro React, Next.js, WordPress a další.

Jak to funguje

Tento nástroj převádí jakýkoli PNG, JPEG, WebP nebo SVG na kompletní balíček favikon — vícevelikostní .ico, ikonu Apple touch, ikony Android/PWA, webový manifest a úryvek HTML připravený ke vložení — zcela ve vašem prohlížeči pomocí Canvas API a JSZip. Nic se nenahrává; veškeré vykreslování a sestavování souborů probíhá lokálně.

1
Canvas přeškáluje váš obrázek
Prohlížeč vykreslí váš zdrojový obrázek na skryté prvky HTML Canvas v každé požadované velikosti (16, 32, 48, 180, 192 a 512 px). SVG bez explicitních atributů width/height se nejprve normalizuje přes DOMParser a XMLSerializer, takže Firefox a Chrome vytvářejí identický pixelový výstup místo prázdného plátna.
2
Ručně napsaný kodér ICO sbalí soubor .ico
Malé položky ICO (16, 32, 48 px) se kódují jako surové 32bitové rastrové bitmapy BGRA DIB — BITMAPINFOHEADER plus zdola nahoru řazené XOR řádky a 1bitová maska AND —, protože komponenty Windows shellu vyžadují nekomprimovaný formát DIB v těchto velikostech. Nástroj zapisuje adresářovou hlavičku ICO a spojuje položky zcela pomocí DataView a Uint8Array, bez zapojení externí knihovny ICO.
3
Výstupy PNG se produkují přes canvas.toBlob
Každá varianta PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) se zachycuje voláním canvas.toBlob s 'image/png', čímž se bezztrátové kódování deleguje na vestavěný obrazový engine prohlížeče. Volitelné odsazení, barva pozadí a ořez tvaru (čtverec, zaoblený nebo kruh) se aplikují na kontext plátna před zachycením.
4
JSZip sbalí vše do jednoho stažení
JSZip sestaví všechny vygenerované soubory — favicon.ico, pět souborů PNG, site.webmanifest s názvem vaší aplikace a favicon-snippet.html se správnými tagy <link> — do jediného blobu .zip, který se automaticky stáhne do vašeho zařízení.

Váš obrázek se načítá přímo do Canvas API prohlížeče a nikdy neopustí vaše zařízení — v žádném okamžiku se neodesílají žádná data souboru na žádný server.

Související nástroje

🖼️

Převodník PNG na favicon ICO

Převeďte obrázky PNG, JPG, WebP nebo SVG na soubory .ico s více velikostmi faviconu. Vyberte požadované velikosti (16, 32, 48, 64, 128, 256) a stáhněte jediný soubor .ico.

VyzkoušetSoubory zůstávají lokální

🎞️

Tvůrce animovaných GIF

Kombinujte více obrázků do animovaného GIF. Nastavitelné zpoždění snímků, výstupní šířka, opakování a kvalita. Kóduje se zcela ve vašem prohlížeči.

VyzkoušetSoubory zůstávají lokální

Trendy

✍️

Tvůrce podpisu

Nakreslete podpis myší, prstem nebo stylusem, nebo napište své jméno v písmu napodobujícím rukopis, a poté jej exportujte jako průhledné PNG nebo SVG.

Vyzkoušet