Generátor ikon PWA

Vytvořte z jednoho obrázku ikony, které instalovatelná webová aplikace potřebuje — PNG o velikosti 192 a 512 px plus site.webmanifest — kompletně ve svém prohlížeči.

Soukromí na prvním místě: každý obrázek se zpracovává lokálně ve vašem prohlížeči. Nic se nenahrává, neukládá ani neodesílá na žádný server.

Ikony, díky nimž jde aplikace nainstalovat

O tom, zda je progresivní webová aplikace instalovatelná, rozhodují zčásti její ikony: prohlížeče hledají webový manifest, který deklaruje alespoň PNG 192×192 a 512×512, než nabídnou výzvu k instalaci nebo umístí slušnou ikonu na plochu. Tento generátor vykreslí z vašeho zdrojového obrázku obě a zapíše site.webmanifest, který na ně odkazuje, vedle apple-touch-icon, jaký chce iOS, a favicon.ico pro běžné karty.

Přizpůsobte tvar spouštěči

Spouštěče na Androidu mohou ikonu oříznout maskou do kruhu nebo zaobleného čtverce, takže grafika sahající až k okraji se může oříznout. Přidejte zde odsazení a plné pozadí a to podstatné zůstane v bezpečné oblasti, ať se použije jakákoli maska; živý náhled ukáže výsledek v každé velikosti. Vše se vykresluje na vašem zařízení pomocí Canvas API — vaše logo se nikdy nenahrává — a celá sada se stáhne jako zip.

Časté dotazy

Nahrává se můj obrázek kvůli vytvoření favicon?
Ne. Favicon.ico, ikony PNG i manifest se generují lokálně ve vašem prohlížeči pomocí Canvas API. Váš obrázek nikdy neopustí vaše zařízení.
Jaké velikosti a soubory dostanu?
Favicon.ico ve více rozlišeních (16, 32 a 48 px), ikony PNG ve velikostech 16, 32, 48, 180 (apple-touch-icon), 192 a 512 px, site.webmanifest a HTML úryvek k vložení do vaší sekce <head>.
Mohu převést PNG nebo SVG na ICO?
Ano. Přidejte PNG, JPG, SVG nebo WebP a stáhněte si skutečný favicon.ico. Loga SVG se nejprve lokálně rastrují ve vysokém rozlišení.
Jaký obrázek funguje nejlépe?
Čtvercový obrázek s jednoduchým, kontrastním logem. Nečtvercové obrázky se ořežou na střed; pomocí ovládání odsazení a tvaru je zarámujete přesně podle sebe.
Jak favicon nainstaluji?
Rozbalte balíček do kořenové složky svého webu a vložte přiložený HTML úryvek do sekce <head> svých stránek. Favicon.ico si většina prohlížečů najde automaticky.