Ako vytvorím favicon z môjho loga?

Pretiahnite súbor PNG, JPEG, WebP alebo SVG, nastavte možnosti ako Tvar, Odsadenie a Názov aplikácie a kliknite na Vytvoriť balík favicon (.zip). Skopírujte HTML úryvok zobrazený pod Vložte do head.

Aké súbory sú v ZIP s favicon?

favicon-package.zip obsahuje favicon.ico, ikony PNG (16, 32, 180, 192 a 512 pixelov), site.webmanifest s názvom vašej aplikácie a favicon-snippet.html so značkami link.

Akú veľkosť a formát obrázka mám nahrať?

Akceptuje sa PNG, JPEG, WebP a SVG, vždy jeden súbor. Pre najostrejší výsledok použite štvorcový obrázok aspoň 512x512; najlepšie funguje priehľadný PNG alebo SVG.

Ako získam okrúhly alebo zaoblený favicon?

Po nahratí vyberte v časti Tvar Štvorec, Zaoblený alebo Kruh. Môžete tiež upraviť Odsadenie od 0 do 25 percent a zobraziť ukážku výsledku v náhľade Karta prehliadača.

Nahráva sa môj obrázok a prečo generovanie zlyhá?

Ikony sa kreslia pomocou Canvas prehliadača a zabalia sa pomocou JSZip na vašom zariadení. Ak sa zobrazí Tento obrázok sa nepodarilo načítať, súbor môže byť poškodený; skúste iný obrázok alebo prehliadač.

Je to naozaj zadarmo?

Áno. Každý nástroj je zadarmo, bez účtu a bez kreditnej karty. Práca prebieha vo vašom zariadení, nie na našich serveroch, vďaka čomu je jej prevádzka bezplatná.

Nahrávajú sa moje súbory?

Nie. Vaše súbory sa otvárajú a spracúvajú vo vašom prehliadači a neodosielajú sa do LibraTool. Niektoré nástroje najprv stiahnu do prehliadača spracovateľský engine alebo model AI; toto sťahovanie neobsahuje žiadne vaše údaje.

Funguje to na mobile?

Áno. Funguje v aktuálnych mobilných prehliadačoch na iOS a Androide, bez inštalácie. Veľmi veľké súbory môžu byť v telefóne pomalé alebo môže dôjsť pamäť, na tie použite počítač.

🌟

Generátor favikony zadarmo

Zmeňte ľubovoľný obrázok na kompletný balík favikony: favicon.ico s viacerými veľkosťami, dotykový ikon Apple, ikony Android/PWA, webový manifest a HTML úryvok pripravený na vloženie — všetko zazipované, vo vašom prehliadači.

Veľkosť súboru závisí od vášho zariadeniaSúbory zostávajú súkromnéPrihlásenie nie je potrebnéZadarmo navždy

Presuňte sem súbor alebo kliknutím vyberte

PNG, JPG, WebP, SVG, HEIC, HEIF · spracované vo vašom zariadení

alebo stlačte Ctrl+V na vloženie zo schránky

Prehľadávať súbory

Vaše súbory nikdy neopustia vaše zariadenie. Všetko spracovanie prebieha lokálne vo vašom prehliadači.

💡 Pre najostrejší výsledok nahrajte štvorcový obrázok aspoň 512×512. Najlepšie funguje priehľadné PNG alebo SVG.

Bežné použitia

Vytvorte Favicon Webovej StránkyGenerujte úplnú sadu favicon-ov, ktorú očakáva každý prehliadač a zariadenie.
Generujte Ikony PWA a ManifestZískajte ikony 192px a 512px a webový manifest, ktorý PWA potrebuje.
Vytvorte Apple Touch IkonuGenerujte ikonu 180×180 pixelov, ktorú iOS používa, keď je stránka uložená na domovskej obrazovke.
Konvertujte Logo na FaviconPreveďte své logo značky na čisté, rozpoznateľné favicon.
Generujte Favicon-y pre Akýkoľvek FrameworkZískajte okamžité favicon súbory pre React, Next.js, WordPress a ďalšie.

Ako to funguje

Tento nástroj prevádza akýkoľvek PNG, JPEG, WebP alebo SVG na kompletný balík favikon — viacveľkostné .ico, ikonu Apple touch, ikony Android/PWA, webový manifest a hotový úryvok HTML na vloženie — celé vo vašom prehliadači pomocou Canvas API a JSZip. Nič sa nenahráva; celé vykresľovanie a zostavovanie súborov prebieha lokálne.

1
Canvas mení mierku vášho obrázka
Prehliadač vykreslí váš zdrojový obrázok na mimoobrazovkové elementy HTML Canvas v každej požadovanej veľkosti (16, 32, 48, 180, 192 a 512 px). SVG bez explicitných atribútov width/height sa najprv normalizujú cez DOMParser a XMLSerializer, takže Firefox a Chrome produkujú identický pixelový výstup namiesto prázdneho plátna.
2
Ručne napísaný kodér ICO zabaľuje súbor .ico
Malé položky ICO (16, 32, 48 px) sa kódujú ako surové 32-bitové bitmapy DIB BGRA — BITMAPINFOHEADER plus riadky XOR zdola nahor a 1-bitová maska AND — pretože komponenty shellu Windows vyžadujú pri týchto veľkostiach nekomprimovaný formát DIB. Nástroj zapisuje adresárovú hlavičku ICO a spája položky výhradne pomocou DataView a Uint8Array, bez zapojenia externej knižnice ICO.
3
Výstupy PNG sa produkujú cez canvas.toBlob
Každý variant PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) sa zachytáva volaním canvas.toBlob s 'image/png', pričom bezstratové kódovanie sa deleguje na vstavaný obrazový engine prehliadača. Voliteľné odsadenie, farba pozadia a orezanie tvaru (štvorec, zaoblené alebo kruh) sa aplikujú na kontext plátna pred zachytením.
4
JSZip zabalí všetko do jedného stiahnutia
JSZip zostaví všetky vygenerované súbory — favicon.ico, päť súborov PNG, site.webmanifest s názvom vašej aplikácie a favicon-snippet.html so správnymi tagmi <link> — do jediného blobu .zip, ktorý sa automaticky stiahne do vášho zariadenia.

Váš obrázok sa načíta priamo do Canvas API prehliadača a nikdy neopustí vaše zariadenie — v žiadnom okamihu sa žiadne dáta súboru neprenášajú na žiadny server.

Súvisiace nástroje

🖼️

Konvertor PNG na ICO favikonu

Konvertujte obrázky PNG, JPG, WebP alebo SVG na favikonové súbory .ico s viacerými veľkosťami. Vyberte veľkosti, ktoré chcete zahrnúť (16, 32, 48, 64, 128, 256) a stiahnite jeden .ico.

VyskúšajteSúbory zostávajú lokálne

🎞️

Tvorca animovaných GIF

Kombinujte viacero obrázkov do animovaného GIF. Nastaviteľné oneskorenie snímok, šírka výstupu, opakovanie a kvalita. Zakódované výlučne vo vašom prehliadači.

VyskúšajteSúbory zostávajú lokálne

Populárne

✍️

Tvorca podpisu

Nakreslite podpis myšou, prstom alebo perom, alebo napíšte svoje meno v písme napodobňujúcom rukopis, a potom ho exportujte ako priehľadný PNG alebo SVG.

Vyskúšajte