SVG a JFIF ve WordPressu – Jak rozšířit podporu souborů na webu?

Pokud na vašich webových stránkách pracujete s grafikou a obrázky, možná jste se setkali s formáty, které WordPress standardně nepodporuje, jako jsou SVG nebo JFIF. Oba formáty mají své výhody, ale WordPress je ve výchozím nastavení blokuje – SVG kvůli bezpečnosti a JFIF kvůli své menší rozšířenosti.

Naštěstí pro povolení nahrávání souborů s koncovkou svg či jfif stačí jednoduchý kód, který přidáte do functions.php vaší šablony. V prvé řadě si pojďme ale říci, co vlastně soubory .svg a .jfif znamenají.

Co jsou SVG a JFIF?

1. SVG (Scalable Vector Graphics)
   SVG je vektorový formát, který umožňuje neomezené škálování bez ztráty kvality. Ideální pro loga, ikony a animace.

2. JFIF (JPEG File Interchange Format)
   JFIF je varianta formátu JPEG, která se používá hlavně pro obrázky. Některé aplikace a fotoaparáty tento formát generují automaticky. Představuje standardní obrázkový formát, který je lehčí a komprimovaný.

Jak povolit SVG a JFIF ve WordPressu?

Stačí do souboru functions.php vašeho motivu přidat tyto dva úseky kódu:

1. Pro SVG:

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');

Pro JFIF:

add_filter('mime_types', 'add_jfif_support');
function add_jfif_support($mimes) {
    $mimes['jfif'] = "image/jpeg";
    return $mimes;
}

1. SVG kód:
   Přidává SVG do seznamu povolených formátů pomocí MIME typu image/svg+xml.

2. JFIF kód:
   Rozšiřuje seznam povolených formátů o JFIF pomocí MIME typu image/jpeg, protože JFIF je z technického hlediska varianta JPEG.

Proč se někdy používá JFIF?

• Kompatibilita: Některé zařízení a aplikace exportují obrázky ve formátu JFIF místo běžného JPEG.
• Jednoduchá implementace: Soubory JFIF mohou být snadno konvertovány nebo použity na webu bez dalších úprav.

Bezpečnostní doporučení pro SVG a JFIF

1. SVG:
   Při práci se SVG soubory je důležité pamatovat na bezpečnost, protože SVG může obsahovat škodlivý kód, neboť jde o textový soubor. Nahrajte pouze SVG z důvěryhodných zdrojů. Před nahráním soubor otevřete v textovém editoru a zkontrolujte, že neobsahuje podezřelý kód

2. JFIF:
   JFIF je obrazový formát, takže jeho bezpečnostní rizika jsou minimální. Přesto ověřte, že soubory pochází z důvěryhodného zdroje.Formát JFIF (JPEG File Interchange Format) je v podstatě specifikace formátu JPEG. Vzhledem k tomu, že všechny moderní prohlížeče podporují JPEG, JFIF je podporován téměř univerzálně. To znamená, že prohlížeče zobrazí JFIF obrázky stejně jako běžné JPEG, pokud mají správný MIME typ nastavený na image/jpeg. Pro bezproblémové použití ale doporučujeme přejmenování na .jpg a kontrolu správného MIME typu.

Free zdroje pro SVG ikony a grafiku

Pokud hledáte kvalitní SVG grafiku zdarma, zde jsou některé spolehlivé zdroje:

1. SVGRepo

   • Obrovská databáze SVG ikon, včetně této skvělé ikony hookah.
   • Umožňuje stáhnout SVG soubory zdarma pro osobní i komerční použití.

2. Flaticon

   • Obsahuje tisíce SVG ikon ve vektorovém formátu. Některé jsou zdarma, jiné vyžadují připsání autora.

3. The Noun Project

   • Skvělý zdroj pro minimalistické ikony. Základní stahování je zdarma s licencí pro připsání autora.

4. UnDraw

   • Galerie krásných SVG ilustrací, které lze snadno přizpůsobit podle vašich potřeb.