Prohlížeč SVG

Vložte raw SVG kód a ihned si prohlédněte vykreslený výsledek.

Náhled zakazuje skripty a externí odkazy, ale stále vám umožní zkontrolovat viewBox a údaje o velikosti.

Náhled SVG: vložte raw kód a okamžitě zkontrolujte výsledek

Kontrola viewBoxu a rozměrů: prověřte průhlednost a potenciálně nebezpečný obsah

Vaše SVG se nikdy neodesílá na server. Zpracování zůstává zcela v prohlížeči.
Nebezpečné prvky a externí URL odkazy jsou v náhledu zakázány.

Jak použít

  1. Vložte SVG kód nebo načtěte soubor `.svg`.
  2. Přepínejte pozadí a úroveň přiblížení, abyste zkontrolovali vykreslení.
  3. Zkontrolujte viewBox, údaje o velikosti a upozornění, a podle potřeby SVG uložte.

Ukázka

Jednoduché SVG ikony

Vstup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

Výstup

Zobrazí se modrá kruhová ikona a v informačním panelu se ukáže viewBox `0 0 120 120`.

Časté dotazy

Nahrává se moje SVG někam?

Ne. Vložené SVG i načtené soubory zůstávají ve vašem prohlížeči a neodesílají se na server.

Co se stane se SVG, které obsahuje script nebo foreignObject?

Bezpečný náhled tyto prvky před vykreslením odstraní a v informačním panelu zobrazí upozornění.

Vykreslí se SVG s externími obrázky nebo fonty úplně stejně?

Ne vždy. Externí odkazy jsou zakázány, takže vzhled se může od původního prostředí lišit. Tento nástroj upřednostňuje bezpečnou lokální kontrolu.

Proč se moje SVG nevykreslí?

Častými příčinami jsou neplatné XML, chybné hodnoty atributů nebo kořenový prvek, který není `svg`. Zkontrolujte chybovou zprávu zobrazenou nástrojem.

Proč bych měl přepínat pozadí?

Průhledné oblasti a světlé ikony mohou na různých pozadích vypadat velmi odlišně, proto nástroj umožňuje rychle otestovat šachovnicové, bílé i tmavé pozadí.

Poznámky

  • Kvůli bezpečnosti se před vykreslením zakazují externí URL odkazy a nebezpečné prvky.
  • SVG, která závisí na externích fontech nebo obrázcích, nemusí vypadat stejně jako v původním prostředí.
  • Velmi velké soubory SVG se automaticky přepnou z živého náhledu do ručního režimu vykreslení.