Jak otevřít soubor SVG: počítač, mobil i prohlížeč

1. Čtyři způsoby otevření SVG na počítači

• Prohlížeč (nejjednodušší): přetáhněte soubor SVG do okna Chrome, Edge, Firefox nebo Safari a zobrazí se; případně na soubor klikněte pravým tlačítkem, zvolte „Otevřít v programu“ a vyberte prohlížeč;
• Nastavit výchozí program: pracujete-li se SVG často, přiřaďte soubory .svg prohlížeči nebo grafickému programu, aby se po dvojkliku otevřely rovnou;
• Grafický program: Illustrator, Figma i bezplatný Inkscape SVG otevřou a upraví, což se hodí pro důkladnější práci;
• Editor kódu: SVG je v podstatě text v XML, takže v VS Code uvidíte i upravíte zdrojový kód, což značně usnadňuje řešení problémů.

Nastavení výchozího programu konkrétně: ve Windows klikněte na soubor SVG pravým tlačítkem, zvolte „Otevřít v programu → Vybrat jinou aplikaci“ a zaškrtněte „Použít tuto aplikaci vždy“; v macOS klikněte pravým tlačítkem a zvolte „Získat informace“, v části „Otevřít v programu“ vyberte prohlížeč a klikněte na „Změnit vše“, čímž se dvojklikem začne soubor rovnou prohlížet.

2. Jak otevřít SVG na mobilu

Android: některé správce souborů SVG přímo nezobrazí — podržte na souboru, zvolte „Otevřít v programu“ a vyberte prohlížeč. iPhone: uložte SVG do aplikace Soubory, kde na novějších systémech jde otevřít přímo; pokud se nezobrazí, pošlete ho přes nabídku sdílení do Safari. SVG doručené přes WeChat nebo QQ se otevírá jako běžný soubor a výběrem prohlížeče v „Otevřít v programu“ se zobrazí správně.

Celkově je mobilní prohlížeč nejspolehlivější prohlížeč SVG a není potřeba instalovat žádnou další aplikaci. Tablety fungují stejně — soubor otevřete vestavěným prohlížečem, bez specializovaného prohlížeče.

3. Co když se po dvojkliku zobrazí kód nebo prázdná stránka

Zobrazí se hromada kódu: soubor je přiřazený poznámkovému bloku nebo jinému textovému editoru. SVG je text, takže je to normální — otevřete jej v prohlížeči a grafika se zobrazí. Otevře se prázdná stránka: nejdřív ověřte, zda je soubor kompletní — otevřete jej v editoru kódu, platný SVG začíná značkou <svg> nebo deklarací <?xml; pokud vidíte kód jako <html>, pravděpodobně jste při stahování uložili chybovou stránku jako .svg a je potřeba soubor stáhnout znovu. Pokud soubor odkazuje na externí obrázky nebo fonty, chybějící zdroje také způsobí neúplný obsah.

Ještě jedna poznámka: SVG je textový formát, který může obsahovat skripty, takže soubory z neznámých zdrojů nenačítejte rovnou v prohlížeči. Nejdřív je zkontrolujte v editoru kódu, ověřte, že začínají značkou svg a neobsahují podezřelý skript, a teprve pak je prohlédněte.

4. Chcete po otevření něco změnit? Použijte online editor

Chcete-li jen přebarvit logo, odstranit pozadí nebo smazat pár prvků, není potřeba instalovat velký program. Otevřete online SVG editor od PolySVG (přímý odkaz: /editor), nahrajte soubor a můžete klikáním mazat cesty, jedním kliknutím odstranit pozadí, přebarvovat, kreslit štětcem, mazat gumou, kdykoliv vracet a opakovat kroky a nakonec exportovat SVG nebo PNG. Zdarma, bez instalace, bez registrace.

5. Chcete obrázek jen vidět? Nejpohodlnější je převod na PNG

Pokud zařízení druhé strany SVG neotevře, nejjednodušší je převést ho na PNG: exportujte PNG z editoru, nebo po otevření v prohlížeči udělejte snímek obrazovky. Chcete-li pochopit samotný formát SVG, přečtěte Co je SVG; máte-li bitmapu a chcete z ní udělat SVG, nástroj Obrázek na SVG to zvládne za pár kroků.

Jako vývojář můžete SVG také vložit přímo do HTML nebo na něj odkázat značkou img a prohlížeč ho vykreslí okamžitě — je to nejběžnější způsob zobrazení SVG na webu.