V tomto návode vám ukážem, ako uložiť vytvorenú vektorovú grafiku vo formáte SVG ( Scalable Vector Graphics). Súbory SVG sú vhodné najmä na použitie na internete, pretože vyžadujú málo úložného priestoru a možno ich zväčšiť na ľubovoľnú veľkosť bez straty kvality. Nezáleží na tom, či ide o logo vašej spoločnosti, ikonu alebo kresbu - po vytvorení vektorovej grafiky v programe Inkscape vás oboznámim s procesom ukladania, aby ste svoje dielo mohli optimálne použiť na internete.
Kľúčové poznatky
- Súbory SVG ponúkajú vysokú škálovateľnosť a malú veľkosť súborov.
- Aplikácia Inkscape ukladá vektorovú grafiku vo formáte SVG, ktorý obsahuje špeciálne informácie o vrstvách a vodidlách.
- Existujú rôzne typy SVG: natívny SVG Inkscape a optimalizovaný SVG, ktorý je vhodnejší na web.
Pokyny krok za krokom
Ak chcete uložiť vektorovú grafiku vo formáte SVG, postupujte nasledovne:
Najprv by ste sa mali uistiť, že váš návrh je dokončený v programe Inkscape. Ak je to tak, kliknite na položku Súbor v hornej lište ponuky.
V rozbaľovacej ponuke vyberte možnosť Uložiť ako. Otvorí sa nové okno, v ktorom môžete vybrať umiestnenie a typ súboru.
V predvolenom nastavení Inkscape ukladá vo vlastnom formáte SVG, ktorý obsahuje informácie o vrstvách a štruktúre vášho návrhu. Na webové použitie je však lepšie použiť optimalizovanú verziu. Nájdite na pevnom disku miesto, kam chcete súbor uložiť.
Z rozbaľovacej ponuky pre typ súboru vyberte buď normálny SVG, alebo optimalizovaný SVG. Pri prvom pokuse vyberte normálny SVG.
Súboru dajte názov, napríklad Logo_normal, a potvrďte ho príkazom Uložiť. Tento súbor je teraz uložený v normálnom formáte SVG.
Uvidíte, že tento súbor je zvyčajne menší ako súbor SVG programu Inkscape, ktorý môže mať veľkosť približne 11 KB. Normálny SVG môže mať veľkosť až 6 KB, čo si vyžaduje podstatne menej pamäte.
Teraz postup zopakujte tak, že opäť kliknete na položku Súbor a potom na položku Uložiť ako, ale tentoraz vyberte položku Optimalizovaný SVG.
Súbor premenujte napríklad na Logo_optimised a uložte ho. Zobrazí sa výzva na zadanie niektorých možností. Tu môžete previesť atribúty CSS na atribúty XML a vykonať rôzne nastavenia optimalizácie. Odporúčam vybrať možnosti, ktoré sa vám zdajú najlepšie.
Potvrďte svoj výber a pozrite sa na novú veľkosť súboru. Optimalizovaná verzia bude mať často veľkosť len 4 KB. To ukazuje, že súbor bol touto metódou ešte viac skomprimovaný.
Ak teraz otvoríte súbory v prehliadači, všimnete si, že normálna aj optimalizovaná verzia SVG vyzerajú rovnako. Ak chcete skontrolovať výsledok, zadajte adresy URL súborov do adresného riadka prehliadača.
Ak chcete otestovať ich škálovateľnosť, môžete upraviť úroveň zväčšenia prehliadača. Napríklad ak zväčšíte obrázok na 50 % alebo až na 300 %. Všimnete si, že okraje zostávajú ostré bez ohľadu na úroveň priblíženia.
Vďaka týmto vlastnostiam súborov SVG sú vhodné na použitie na webových stránkach. Môžete si byť istí, že vaše logo sa bude zobrazovať jasne a ostro na všetkých zariadeniach bez ohľadu na to, ako veľké ho urobíte.
Použitím formátu SVG pre grafiku nielenže znížite veľkosť súboru, ale tiež zabezpečíte, že kvalita vašich návrhov bude zachovaná pri akomkoľvek rozlíšení.
Zhrnutie
V tomto návode ste sa naučili ukladať vektorovú grafiku vo formáte SVG. To vám umožní efektívne používať vaše návrhy na webe a ponúka výhodu škálovateľnosti a malej veľkosti súboru.
Často kladené otázky
Ako uložím vektorovú grafiku v programe Inkscape ako SVG? Kliknite na položku Súbor, potom na položku Uložiť ako, vyberte formát SVG a zadajte názov súboru.
Aký je rozdiel medzi normálnym SVG a optimalizovaným SVG? normálny SVG obsahuje viac informácií o vrstvách, zatiaľ čo optimalizovaný SVG je komprimovaný a vyčistený na použitie na webe.
Ako otestujem škálovateľnosť svojho súboru SVG? Otvorte súbor SVG v prehliadači a nastavte úroveň zväčšenia, aby ste skontrolovali kvalitu pri rôznych veľkostiach.
