Přeskočit na obsah
Nástroj zdarma

Favicon Generátor

Z jednoho loga celá sada: favicon.ico, PNG 16-512 px, ikona pro iPhone a Android i webmanifest. Náhled podle platforem, stažení jedním ZIPem.

Běží ve vašem prohlížeči, soubory nikam neodesílám.

Načítám nástroj

Jak vytvořit favicon pro web ve všech velikostech

Z loga v PNG, SVG nebo JPG vygenerujete celou sadu a stáhnete ji jedním ZIPem: favicon.ico (16, 32 a 48 px), 10 PNG velikostí od 16 do 512 px, ikonu pro Apple zařízení, maskovatelnou ikonu pro Android a site.webmanifest. Náhled ukáže ikonu v záložce prohlížeče ve světlém i tmavém režimu a na ploše telefonu, HTML kód do hlavičky zkopírujete jedním klikem. Stačí jeden čtvercový zdroj, ideálně aspoň 512 × 512 px.

Kdy se hodí

  • Nový web

    Ikona v záložce prohlížeče a ve výsledcích vyhledávání na mobilu.

  • Ikona na plochu telefonu

    Apple Touch Icon a manifest pro uložení webu jako aplikace.

  • Výměna loga

    Po redesignu vygenerujete celou sadu znovu za minutu.

Jak na to

  1. 01Nahrajte čtvercové logo nebo značku.
  2. 02Zkontrolujte náhled v záložce prohlížeče a na ploše telefonu.
  3. 03Stáhněte ZIP, rozbalte ho do kořene webu a vložte HTML kód do hlavičky.

Časté otázky

Proč je logo v 16 px nečitelné?

Celé logo s textem se do pár pixelů nevejde. Pro favicon použijte zjednodušenou značku, iniciálu nebo symbol.

Proč má ikona pro iPhone bílé pozadí?

iOS průhledné místo v ikoně vyplní černou. Ikona pro iPhone a maskovatelná ikona pro Android proto dostanou zvolenou barvu pozadí, a když je pozadí průhledné, bílou.

Favicon Generátor | Všechny velikosti