--- 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: WordPress a SVG url: https://www.wplama.cz/wordpress-a-svg/ date: 2017-05-11 modified: 2017-05-06 author: Tomáš Cirkl type: post categories: [WordPress obecně] tags: [obrázky, SVG, WordPress] --- WordPress obecně # WordPress a SVG [TC **Tomáš Cirkl**](https://www.wplama.cz/author/tomas/) Publikováno 11. 5. 2017 2 min čtení Pozor: Článek je z roku 2017. Některé postupy se mohly změnit. ![svg](https://www.wplama.cz/wp-content/uploads/2017/05/svg.png "svg") Obsah článku (2 kapitoly) 1. [Proč WordPress nepodporuje SVG ve výchozím nastavení?](https://www.wplama.cz/wordpress-a-svg/#proc-wordpress-nepodporuje-svg-ve-vychozim-nastaveni) 2. [Jak přidat podporu SVG obrázků do WordPress?](https://www.wplama.cz/wordpress-a-svg/#jak-pridat-podporu-svg-obrazku-do-wordpress) S vektorovými obrázky se na internetu setkáváme stále více. SVG (Scalable Vector Graphics) poskytuje škálovatelnou, responzivní a rychlou alternativu ke standardním obrázkům. Zcela jistě největší výhoda je pak skvělé a ostré zobrazení na jakémkoliv zařízení i při malé velikosti souboru. Všechny moderní **prohlížeče SVG podporují** a tyto obrázky mohou být použity pomocí *img* HTML tagu nebo i v CSS jako obrázek na pozadí. [![Porovnání SVG a PNG](https://www.wplama.cz/wp-content/uploads/2017/05/porovnani-svg-a-png.png "Porovnání SVG a PNG")](https://www.wplama.cz/wp-content/uploads/2017/05 / porovnani-svg-a-png.png) Porovnání SVG a PNG V tomto návodu se podíváme na WordPress a jak do něj přidat podporu SVG obrázků. ## Proč WordPress nepodporuje SVG ve výchozím nastavení? Odpověď, proč WordPress ve výchozím nastavení nepodporuje SVG, je jednoduchá. Bezpečnost. SVG není jako klasické rastrové obrázky (png, jpg, gif), jedná se o vektor a z toho důvodu může představovat **potencionální bezpečnostní riziko**, protože může obsahovat podvodný JavaScript. Principiálně to funguje tak, že se JavaScript vloží do souboru a provede se, když se obrázek zobrazí. Vývojáři WordPress problematiku kolem SVG diskutují už 4 roky a právě bezpečnost je ten důvod, proč jej zatím WordPress nepodporuje. Je to z toho důvodu, že Média ve WordPress spravují uživatelé různých úrovní, od administrátorů, přes editory až k přispěvatelům. To znamená, že existuje celá řada uživatelů, kteří mohou podvodný soubor (ať už úmyslně nebo neúmyslně) nahrát do WordPress. V blízké budoucnosti se toto stanovisko určitě nezmění a proto **SVG obrázky nebudou ve výchozím nastavení WordPress** ještě dlouho povoleny. [![Obrázek při nahrání do Média](https://www.wplama.cz/wp-content/uploads/2017/05/obrazek-pri-nahrani-do-media.png "Obrázek při nahrání do Média")](https://www.wplama.cz/wp-content/uploads/2017/05 / obrazek-pri-nahrani-do-media.png) Obrázek při nahrání do Média ## Jak přidat podporu SVG obrázků do WordPress? Díky velké flexibilitě WordPress lze povolit nahrávání SVG obrázků do WordPress poměrně snadno. V podstatě stačí přidat do filtru *upload_mimes* podporu SVG. Udělat to můžete pomocí kódu níže, který vložte do *functions.php* v [child šabloně](https://www.wplama.cz/vytvorit-child-sablonu/) nebo pro to vytvořte plugin. ``` // povolí nahrávání SVG souborů function add_file_types_to_uploads($file_types){ $new_filetypes = array(); $new_filetypes['svg'] = 'image/svg+xml'; $file_types = array_merge($file_types, $new_filetypes ); return $file_types; } add_action('upload_mimes', 'add_file_types_to_uploads'); ``` Funkce vlastně dělá jen to, že do pole mezi povolené typy souborů přidává SVG jako image/svg+xml. A to je vše. Od této chvíle můžete nahrávat SVG soubory do WordPress. Když tam tento soubor nahrajete, bude se tvářit jako klasický obrázek. - [#obrázky](https://www.wplama.cz/stitek/obrazky/) - [#SVG](https://www.wplama.cz/stitek/svg/) - [#WordPress](https://www.wplama.cz/stitek/wordpress/) Sdílet - - [](mailto:?subject=WordPress a SVG&body=WordPress a SVG https://www.wplama.cz/wordpress-a-svg/) - [](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.wplama.cz%2Fwordpress-a-svg%2F) - [](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.wplama.cz%2Fwordpress-a-svg%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 Zatím tu nikdo nekomentoval. Napište první komentář. ### Přidat komentář [Zrušit odpověď](https://www.wplama.cz/wordpress-a-svg/#respond) [← Předchozí článek Jak obnovit smazané WooCommerce stránky](https://www.wplama.cz/woocommerce-stranky/) [Další článek → Průvodce Divi šablonou: Nastavení a možnosti sekce Přizpůsobit](https://www.wplama.cz/divi-sekce-prizpusobit/) Související ## Mohlo by vás zajímat [Všechny články z rubriky WordPress obecně →](https://www.wplama.cz/wordpress/obecne/) ![wordpress 7.1 mary lou](https://www.wplama.cz/wp-content/uploads/2026/08/wordpress-7.1-mary-lou.webp "wordpress 7.1 mary lou") WordPress obecně ### [WordPress 7.1 „Mary Lou“](https://www.wplama.cz/wordpress-7-1-mary-lou/) 24. 8. 2026 6 min čtení --- ![wordpress 7.0 armstrong](https://www.wplama.cz/wp-content/uploads/2026/05/wordpress-7.0-armstrong.webp "wordpress 7.0 armstrong") WordPress obecně ### [WordPress 7.0 “Armstrong”](https://www.wplama.cz/wordpress-7-0-armstrong/) 22. 5. 2026 6 min čtení --- ![wordpress 6.9 gene](https://www.wplama.cz/wp-content/uploads/2025/12/wordpress-6.9-gene.webp "wordpress 6.9 gene") WordPress obecně ### [WordPress 6.9.4](https://www.wplama.cz/wordpress-6-9-4/) 12. 3. 2026 1 min čtení ---