Nápověda:SVG: Porovnání verzí

Aktuální verze z 23. 3. 2025, 17:13

Porovnání rastrového obrázku a svg

Obrázky SVG (Scalable Vector Graphics) nejsou tvořeny pixely, ale jsou definované pomocí XLM, to umožní obrázek vykreslit v jakékoli požadované velikosti, umožní to také jeho snadnou editaci a výraznou úsporu úložiště.

Vektrové obrázky jsou preferovaným formátem pro schémata, grafy či chemické vzorce.

Tvorba SVG obrázků[upravit | editovat zdroj]

Označení obrázku k převodu do SVG[upravit | editovat zdroj]

K označení se využívá šablona {{Vektorizovat}} vkládá do stránky souboru upozornění, že by bylo vhodné rastrový obrázek převést na vektorový.


			Vektorizace rastrového obrázku
			Tento obrázek by měl být vytvořen pomocí vektorové grafiky jako SVG soubor. To má několik výhod. Je-li SVG verze tohoto obrázku již k dispozici, prosím nahrajte ji.
			Podrobnosti o postupu o vektorizaci bitmapy se můžete dočíst v nápovědě.

Daný soubor je poté zařazen do Kategorie:Obrázky k převodu do SVG, ve chvíli kdy je dostupná vektorová verze souboru, tak je nutné upravit původní vloženou šablonu názvem nového souboru {{Vektorizovat|NovySoubor.svg}} obrázek se následně přesune do Kategorie:Obrázky s dostupným SVG a šablona upozorní na existenci vektorové verze.

Následně je k diskusi, zda původní soubor ponechat nebo smazat.

Vlastní tvorba SVG obrázku[upravit | editovat zdroj]

Inkscape[upravit | editovat zdroj]

Inkscape je open-source vektorový editor, který obsahuje mnoho nástrojů a dá využít k tvorbě komplexních schémat a diagramů.

yED[upravit | editovat zdroj]

yED je free-to-use pro tvorbu flow-chart diagramů. Obsahuje užitečné nástroje, které umožní rychle vytvořit kvalitní flow-chart. Soubory .graphl je nutné převést do SVG a následně nahrát do Wikiskript.

Příklad vektorového obrázku vytvořeného pomocí programu InkScape
Příklad flow-chart vytvořeného pomocí yEd

Tip: Požádejte o pomoc grafiky WikiSkript!

V redakci WikiSkript působí tým grafiků, kteří Vám rádi pomohou s tvorbou, výběrem či úpravou obrázků k Vašemu článku. Podle Vašich instrukcí vytvoří obrázek na míru Vašemu článku.

Kontaktujte grafiky WikiSkript na stránce Žádané obrázky či na redakce@wikiskripta.eu.

Tip: Požádejte o pomoc grafiky WikiSkript!

Odkazy[upravit | editovat zdroj]

Související články[upravit | editovat zdroj]

Nápověda:Obrázky

Externí odkazy[upravit | editovat zdroj]

@@ Řádek 12: / Řádek 12: @@
 Následně je k diskusi, zda původní soubor ponechat nebo smazat.
 === Vlastní tvorba SVG obrázku ===
-{{Tip
+==== [https://inkscape.org/ Inkscape] ====
+Inkscape je open-source vektorový editor, který obsahuje mnoho nástrojů a dá využít k tvorbě komplexních schémat a diagramů.
+==== [https://www.yworks.com/products/yed yED] ====
+yED je free-to-use pro tvorbu flow-chart diagramů. Obsahuje užitečné nástroje, které umožní rychle vytvořit kvalitní flow-chart. Soubory .graphl je nutné převést do SVG a následně nahrát do Wikiskript. <gallery>
+Soubor:SerouseCellNumbered.svg|Příklad vektorového obrázku vytvořeného pomocí programu InkScape
+Soubor:Andersenův okruh.svg|Příklad flow-chart vytvořeného pomocí yEd
+</gallery>{{Tip
 |nadpis=Požádejte o pomoc grafiky WikiSkript!
 |obsah=V redakci WikiSkript působí '''tým grafiků''', kteří Vám rádi pomohou s '''tvorbou, výběrem či úpravou obrázků''' k Vašemu článku. Podle Vašich instrukcí vytvoří '''obrázek na míru''' Vašemu článku.
@@ Řádek 18: / Řádek 24: @@
 Kontaktujte grafiky WikiSkript na stránce [[Fórum:Žádané obrázky|Žádané obrázky]] či na [mailto:redakce@wikiskripta.eu redakce@wikiskripta.eu].
 }}
-[[Soubor:SerouseCellNumbered.svg|náhled|Příklad vektorové obrázku vytvořeného pomocí programu InkScape |200x200pixelů]]
-==== [https://inkscape.org/ Inkscape] ====
-Inkscape je open-source vektorový editor, který obsahuje mnoho nástrojů a dá využít k tvorbě komplexních schémat a diagramů.
-==== [https://www.yworks.com/products/yed yED] ====
-yED je free-to-use pro tvorbu flow-chart diagramů. Obsahuje užitečné nástroje, které umožní rychle vytvořit kvalitní flow-chart. Soubory .graphl je nutné převést do SVG a následně nahrát do Wikiskript.
-[[Soubor:Andersenův okruh.svg|náhled|Příklady využití flow-chart vytvořeného pomocí yED]]
 <noinclude>