Generátor apple-touch-icon

Vytvořte apple-touch-icon 180×180, který iOS používá pro záložky na ploše — plus kompletní sadu favicon — lokálně ve svém prohlížeči. Nic se nenahrává.

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.

Ikona, kterou iOS umístí na plochu

Když si někdo přidá váš web na plochu iPhonu nebo iPadu, iOS hledá apple-touch-icon 180×180; bez něj sáhne po rozmazaném snímku obrazovky. Tento generátor vykreslí z vašeho obrázku přesně tuto velikost — s plným pozadím, protože apple-touch-icon by neměl být průhledný — a přibalí ji ke stažení spolu s favicon.ico a ikonami pro Android.

Jeden export, každá platforma

Místo ručního ořezávání zvláštního souboru pro každé zařízení vytvořte celou sadu naráz: apple-touch-icon pro iOS, PNG 192 a 512 px pro Android a PWA a favicon.ico pro desktopové prohlížeče, k tomu HTML úryvek, který je odkáže. Vše běží ve vašem prohlížeči, takže vaše značková grafika nikdy neopustí vaše zařízení.

Č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.