256px
128px
64px
32px
16px

O tomto nástroji

Generátor favicon promění jeden nebo dva znaky nebo emoji ve favicon se zvoleným pozadím, barvou textu a tvarem a exportuje soubory PNG ve velikostech 256, 128, 64, 32 a 16 px.

Jak ho použít

  1. Napiš jedno nebo dvě písmena, nebo vlož emoji.
  2. Zvol barvu pozadí a textu.
  3. Vyber čtvercový, zaoblený nebo kruhový tvar.
  4. Stáhni potřebné velikosti PNG.

Dobré vědět

  • Prohlížeče zobrazují favicony v záložkách ve velikosti 16 × 16 px, takže nejlépe se čtou výrazné, jednoduché tvary.
  • Moderní prohlížeče přijímají favicony PNG přes <link rel="icon" type="image/png" href="/favicon-32.png">.
  • Apple touch ikony mají obvykle 180 × 180 px; export 256 px lze pro ně zmenšit.
  • Vykreslí se jen první dva znaky textu.
  • Obrázky se kreslí pomocí Canvas API přímo ve tvém zařízení.

Běží celý ve vašem prohlížeči — nic, co zadáte, se nenahrává ani neukládá.

Časté dotazy

Jakou velikost má mít favicon?

Připrav alespoň 32 × 32 px pro záložky prohlížeče a navíc větší velikosti, například 180 px pro Apple touch ikony a 192 nebo 512 px pro manifesty webových aplikací.

Jak přidám favicon na svůj web?

Nahraj PNG a do hlavičky HTML přidej <link rel="icon" type="image/png" href="/favicon-32.png">.

Můžu jako favicon použít emoji?

Ano. Vlož emoji do textového pole a stáhni PNG; vykreslí se systémovým písmem emoji.

Potřebuju ještě soubor favicon.ico?

Pro moderní prohlížeče ne, ty přijímají PNG. Některé starší nástroje a prohlížeče stále hledají /favicon.ico, proto si ho mnoho webů kvůli kompatibilitě ponechává.