Prohlížeč a Editor SVG
Prohlížejte, upravujte a optimalizujte SVG soubory online. Živý náhled, úprava kódu a optimalizační nástroje.
Co je formát SVG?
SVG (Scalable Vector Graphics) je vektorový formát obrázků založený na XML, který umožňuje nekonečné škálování bez ztráty kvality. Je široce používán pro loga, ikony a webovou grafiku.
Jaký je rozdíl mezi SVG a PNG?
SVG je vektorový formát, který používá matematické vzorce k popisu grafiky a může být nekonečně škálován bez ztráty kvality. PNG je rastrový formát složený z pixelů, který se při zvětšení rozmazává. SVG je ideální pro loga, ikony a diagramy, zatímco PNG je vhodnější pro fotografie.
Jaké formáty souborů mohu prohlížet?
Tento nástroj prohlíží SVG soubory. Můžete vložit SVG kód přímo nebo nahrát .svg soubor ze zařízení.
Mohu upravovat SVG kód přímo?
Ano, můžete upravovat zdrojový kód SVG v panelu editoru a vidět změny v panelu náhledu v reálném čase.
Jak funguje živý náhled?
Panel náhledu se automaticky aktualizuje, když píší v editoru kódu, a ukazuje přesně, jak bude váš SVG vykreslen v prohlížečích.
Jak optimalizuji své SVG?
Klikněte na Optimalizovat pro odstranění zbytečných mezer, komentářů, metadat a redundantních atributů, čímž se zmenší velikost souboru.
Mohu změnit barvy a styly SVG?
Ano, můžete přímo v SVG kódu upravit barvy výplně, barvy obrysu, průhlednost a další atributy stylu.
Podporuje SVG animaci?
Ano, SVG podporuje animace prostřednictvím SMIL (Synchronized Multimedia Integration Language) a CSS animací. Můžete vytvářet efekty jako pohyb, změny barev a transformace tvarů přímo v SVG.
Jaké prohlížeče jsou podporovány?
Tento nástroj funguje ve všech moderních prohlížečích včetně Chrome, Firefox, Safari a Edge.
Jak mohu validovat syntaxi SVG?
Nástroj automaticky zvýrazní syntaktické chyby ve vašem SVG kódu a pomůže vám okamžitě identifikovat a opravit problémy.
Mohu změnit velikost SVG bez ztráty kvality?
Ano, SVG je vektorový formát, který lze škálovat na jakoukoli velikost bez ztráty kvality nebo pixelizace.
Jsou moje SVG data odesílána na server?
Ne, veškeré zpracování probíhá lokálně ve vašem prohlížeči. Váš SVG obsah nikdy neopustí vaše zařízení.
Jak používat Prohlížeč a Editor SVG
SVG Viewer & Editor vykreslí SVG okamžitě po vložení kódu nebo upuštění souboru a umožňuje upravovat značky s živým náhledem. Vše probíhá lokálně v prohlížeči.
- Vložte kód SVG do editoru s nápovědou “Paste SVG code here or drag & drop a file...” nebo přetáhněte soubor .svg na stránku.
- Grafika se okamžitě vykreslí v živém náhledu vedle kódu.
- Upravujte přímo v kódu atributy jako viewBox, width, height, fill nebo data cesty — náhled se aktualizuje během psaní.
- Na místě opravte běžné problémy, například chybějící atribut xmlns nebo viewBox, který obrázek ořezává.
- Zkopírujte finální kód, jakmile bude náhled vyhovovat.
Zůstává-li náhled prázdný, zkontrolujte, že kód začíná <svg a obsahuje jmenný prostor xmlns — chybějící xmlns je nejčastější příčina.
Související nástroje
- Optimalizátor SVG Optimalizujte a komprimujte SVG soubory okamžitě v prohlížeči. Odstraňte metadata, komentáře a zbytečná data editoru, zmenšete velikost až o 60%.
- Převodník SVG na PNG Převeďte SVG na PNG, JPEG nebo WebP okamžitě v prohlížeči. Přizpůsobte měřítko, velikost a barvu pozadí. Zdarma, soukromé, bez nahrávání.
- Kalkulačka Chmod Bezplatný online kalkulačka chmod pro vizualizaci a výpočet oprávnění souborů Linux pomocí zaškrtávacích polí. Okamžitá konverze mezi číselnou (755, 644) a symbolickou notací (rwxr-xr-x). Podporuje speciální oprávnění jako setuid, setgid, sticky bit.
- ASCII Tabulka Kompletní reference kódování znaků ASCII s desítkovými, hexadecimálními, osmičkovými, binárními kódy, HTML entitami a popisy znaků. Okamžité vyhledávání a filtrování.
- Tester HTTP požadavků Testujte REST API přímo v prohlížeči. Odesílejte požadavky GET, POST, PUT, DELETE s vlastními hlavičkami, tělem a parametry. Okamžitě vidíte stav, hlavičky a JSON tělo odpovědi.
- Generátor .htaccess Generujte pravidla Apache .htaccess pro přesměrování, přepisy, bezpečnostní hlavičky, mezipaměť a další.
- Generátor Robots.txt Bezplatný online generátor robots.txt. Vytvářejte a přizpůsobujte soubory robots.txt pro řízení procházení vyhledávači, správu přístupu prohledávačů a optimalizaci SEO vašeho webu.
- Generátor Sitemap Bezplatný online generátor XML sitemap. Přidávejte URL, nastavujte priority a frekvence, vytvářejte SEO sitemapy okamžitě.