--- site_name: WPlama site_description: "Správa, opravy a vývoj WordPress webů a e-shopů" site_url: https://www.wplama.cz contact_email: info@wplama.cz title: Jak na WordPress stránky přidat favicon url: https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/ date: 2015-06-29 modified: 2015-06-29 author: Tomáš Cirkl type: post categories: [WordPress návody] tags: [favicon] --- WordPress návody # Jak na WordPress stránky přidat favicon [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 29. 6. 2015 2 min čtení Pozor: Článek je z roku 2015. Některé postupy se mohly změnit. ![tablet](https://www.wplama.cz/wp-content/uploads/2015/06/tablet.jpg "tablet") Obsah článku (3 kapitoly) 1. [Proč byste měli na svůj web přidat favicon?](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#proc-byste-meli-na-svuj-web-pridat-favicon) 2. [Jak vytvořit favicon?](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#jak-vytvorit-favicon) 3. [Přidání favicon na WordPress web](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#pridani-favicon-na-wordpress-web) Favicon nebo také Favicon.ico je malý obrázek, který se zobrazuje v internetovém prohlížeči vedle titulku stránky. **Napomáhá uživatelům rozpoznat stránky** a pravidelní návštěvníci dokáží stránku rozpoznat už jen díky tomuto malému obrázku. Favicon tedy pomáhá s tvorbou značky a z toho vycházející důvěryhodnosti webu. ## Proč byste měli na svůj web přidat favicon? Jak jsme již zmínili dříve, favicon pomáhá návštěvníkovi identifikovat webové stránky. Jak může vidět na obrázku níže, v případě, že má uživatel otevřeno více oken v prohlížeči a nevidí celý titulek webu, pomůže mu favicon s identifikací webu. [![Favicon v prohlížeči](https://www.wplama.cz/wp-content/uploads/2015/06/favicon-v-prohlizeci-1024x214.png "Favicon v prohlížeči")](https://www.wplama.cz/wp-content/uploads/2015/06 / favicon-v-prohlizeci.png) Favicon v prohlížeči ## Jak vytvořit favicon? Favicon je malý obrázek ve tvaru čtverce. Ideální velikost je 32 x 32 px nebo 16 x 16 px. Vytvořit ho můžete například v programu Gimp, Photoshop nebo jakémkoliv jiném grafickém editoru. Pro snadnější tvorbu je dobré začít vytvářet obrázek ve větším rozlišení, například 128 x 128 px, a až poté ho zmenšit. Obrázek uložte jako **PNG**. Ačkoliv většina moderních prohlížečů zobrazuje favicon jako .png soubor, tak starší verze Internet Exploreru to řeší jinak. V rámci kompatibility doporučuji udělat kopii favicony a zmenšit ji na velikost 16 x 16 px a uložit ji jako **soubor ve formátu ICO**. Celou práci zvládne online favicon generátor [Dynamic Drive](http://tools.dynamicdrive.com/favicon/). ## Přidání favicon na WordPress web Na hosting pomocí FTP klienta nahrajte do základního adresáře WordPressu vytvořený obrázek. Poté běžte do složky vaší aktivní šablony a do souboru *header.php* vložte následující kód: ``` ``` Nezapomeňte změnit URL webu. Pokud nechcete zasahovat do souborů šablony webu nebo jste daný soubor nenašli, můžete využít plugin [Insert Headers and Footers](https://wordpress.org/plugins/insert-headers-and-footers/). Tento plugin umožňuje vložení kódu do hlavičky webu z administračního prostředí WordPressu. Plugin nainstalujte a aktivujte. Poté běžte do *Nastavení -> Insert Headers and Footers* a do sekce pro hlavičku vložte zde kód zobrazený výše. Jestliže nechcete vůbec pracovat s FTP, můžete vše udělat pomocí pluginu [Custom Favicon](https://wordpress.org/plugins/custom-favicon/). - [#favicon](https://www.wplama.cz/stitek/favicon/) Sdílet - - [](mailto:?subject=Jak na WordPress stránky přidat favicon&body=Jak na WordPress stránky přidat favicon https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fjak-pridat-na-wordpress-stranky-favicon%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fjak-pridat-na-wordpress-stranky-favicon%2F) TC Autor Tomáš Cirkl Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na Word Camp Praha a WordPress konferencích. 1 030 článků [Všechny články autora →](https://www.wplama.cz/author/tomas/) ## Komentáře (4) [Přidat komentář →](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#respond) PM Petr Malec [29. 6. 2015](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#comment-12684) Ahoj Tomáši, díky moc za tvé články a rady na WordPressu, tenhle s faviconem jsem samozřejmě znal, ale i tak si rád přečtu každý tvůj článek. [Odpovědět](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#comment-12684) --- B Bigdrobek [30. 6. 2015](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#comment-12837) A co Jetpack? Ten to nově umi taky 😉 [Odpovědět](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#comment-12837) TC Tomáš Cirkl WPlama [30. 6. 2015](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#comment-12843) Ano, ale instalovat tak robustní plugin jako je Jet Pack kvůli favicon je nesmysl 🙂 [Odpovědět](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#comment-12843) --- --- P Pavel [3. 3. 2018](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#comment-64943) Čas uplynul, mám WordPress 4.9 a zde je přidání ikony zcela jednoduché. Připravte si obrázek ikony nejlépe 512x512px. V administraci WordPress obrázek načtěte do knihovny médií. Pak stačí v nastavení Vzhled-Přizpůsobit-Základní informace zadat ikonu webu z vaší knihovny médií. [Odpovědět](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#comment-64943) --- ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/jak-pridat-na-wordpress-stranky-favicon/#respond) [← Předchozí článek Jak přidat ikony sociálních sítí do WordPress menu](https://www.wplama.cz/jak-pridat-ikony-socialnich-siti-do-wordpress-menu/) [Další článek → WordPress 4.3 beta je dostupný k testování](https://www.wplama.cz/wordpress-4-3-beta-je-dostupny-k-testovani/) Související ## Mohlo by vás zajímat [Všechny články z rubriky WordPress návody →](https://www.wplama.cz/wordpress/navody/) ![llms txt scaled](https://www.wplama.cz/wp-content/uploads/2026/03/llms-txt-scaled.png "llms txt scaled") WordPress návody ### [Konec tradičního SEO? Jak a proč začít optimalizovat WordPress web pro AI vyhledávače](https://www.wplama.cz/optimalizace-pro-ai-vyhledavace/) 3. 3. 2026 9 min čtení --- ![cloudflare turnstile scaled](https://www.wplama.cz/wp-content/uploads/2025/12/cloudflare-turnstile-scaled.png "cloudflare turnstile scaled") WordPress návody ### [Cloudflare Turnstile – Jeden antispam, který ochrání celý váš WordPress](https://www.wplama.cz/cloudflare-turnstile-antispam/) 17. 12. 2025 4 min čtení --- ![image scaled](https://www.wplama.cz/wp-content/uploads/2025/09/image-scaled.png "image scaled") WordPress návody ### [Jak přidat měřicí kód Sklik do WordPress pomocí Complianz](https://www.wplama.cz/jak-pridat-merici-kod-sklik-do-wordpress-pomoci-complianz/) 16. 9. 2025 3 min čtení ---