Jak nahrávat obrázky SVG do políčka v Drupalu 8

Přestože je Drupal 8 na vektorové obrázky SVG všeobecně připravený, je tu problém s jejich nahráváním do obrázkových polí, na která mohou být dodatečně aplikovány různé úpravy. Standardně tu nelze nahrát nic jiného než rastrový obrázek. Tedy ani SVG. Jak z toho ven?

Na školení Drupalu se mi občas dost špatně vysvětluje, proč není možné jako třeba ikonku článku nahrávat logo ve formátu SVG. Vždyť SVG je přeci také obrázek. Inu… Obrázkové pole v Drupalu je určeno k tomu, že je v něm klasická fotka nebo rastrová grafika. Na obrázek z tohoto políčka může (ale nemusí) být při zobrazení aplikováno několik různých efektů.

Na vektorový obrázek byste různé efekty připravené pro rastrovou grafiku aplikovali jen těžko. To je zřejmě důvod, proč SVG do obrázkového pole v základu nenahrajete, i kdybyste se pokrájeli. SVG sice nahrajete přes souborové pole, tam zase není možnost jej zobrazovat jako obrázek. A už vůbec vám to nedovolí nahrávat jak SVG bez úprav, tak JPEG nebo PNG s aplikovanými efekty.

Řešení ale několik existuje. A jsou to řešení v podobě externích modulů pro Drupal 8. Oblíbil jsem si modul pojmenovaný Svg Image.

SVG a obrázky v Drupalu – jak na to

1. Modul Svg Image nainstalujte do svého Drupalu 8 a zapněte, jak jste zvyklí. Přes administraci, Drush nebo Composer.
2. Poté přejděte do Správy polí (Obsahu, Komentáře, Uživatele či jiné entity) a rozklikněte obrázkové políčko. K povoleným příponám souboru přidejte ještě svg.
   
3. Přepněte se do Správy zobrazení a klepněte na ozubené kolečko u obrázkového pole. V upřesňujícím nastavení bude nová a rovnou zapnutá volba Render SVG image as <img>. Pokud byste místo vykreslení SVG coby cesty k obrázku chtěli jeho vložení přímo do HTML kódu, stačí tuto volbu vypnout.
   
4. Doplňte případné pevné rozměry SVG obrázku. Můžete tím pořešit, aby byl stejně velký jako po aplikaci některého ze stylů na rastrový obrázek nahraný do stejného pole (pokud neřešíte v CSS). Nastavení potvrďte tlačítkem Aktualizovat.

Modul se již sám postará o správné vykreslení souboru a zároveň zajistí, že nedojde k chybě, kdyby se Drupal snažil na SVG aplikovat efekty spojené se zobrazením daného políčka. Můžete tak bez problémů v jednom poli nahrávat jak SVG, tak JPEG nebo PNG.

Alternativní moduly řešící SVG v Drupalu 8:

SVG image field – pro případ, že chcete samostatný typ pole, do kterého půjde nahrávat jen SVG a nic jiného. Podle mě málo flexibilní.

SVG Formatter – tento modul vykreslí při zobrazení SVG obrázek nahraný přes klasické souborové pole. Rovněž tím nevyřešíte souběžné nahrávání rastrové i vektorové grafiky.