Czym otworzyć pliki SVG?

Kategoria wpisu Frontend, Kursy Tagi: , , on przez .



Pliki typu SVG zostały specjalnie stworzone z myślą o stronach internetowych. Pełna nazwa pliku to Scalable Vector Graphics File. Ich specyficzna budowa sprawia, że nadają się dużo bardziej do tworzenia animacji niż tradycyjne pliki. Powodem tego jest możliwość manipulacji na pliku z pomocą CSS.

Czym jest plik SVS

Pliki SVG w przeciwieństwie do innych wykorzystywanych na stronach internetowych (np. JPG, GIF) są plikami wektorowymi a nie rastrowymi (zbudowanymi z rastrów – pikseli) jak pozostałe. Taka budowa umożliwia skalowanie pliku bez utraty jego jakości. Format ten stanowi pochodną języka XML dodatkowo nie jest obciążony żadnymi licencjami i patentami co również stanowi fenomen.

porównanie jakości

porównanie jakości – zwykły jpg a svg

porównanie jakości

porównanie jakości

Czym otworzyć plik SVG

Pliki SVG pod względem budowy najbliżej zbliżony jest plików tekstowych. Dlatego otworzyć je można w rożnego typu edytorach tekstu takich jak Notatnik – jednak na nie dużo nam się to przyda.

Innymi programami dzięki którym można otworzyć i edytować te pliki to:

  • Adobe Flash Player
  • Adobe Illustrator
  • Adobe InDesign
  • CorelDRAW
  • DrawPlus
  • PaintShop Pro
  • GIMP
  • Inkscape

W powyższych programach nie tylko możemy otworzyć ten plik, ale również wprowadzić w nim zmiany i ponownie zapisać.

Gdzie mogę użyć pliki SVG

Jak pisałam wcześniej pliki tego typu przeznaczone są głównie dla witryn internetowych, ale można je także wykorzystać przy budowie plików PDF.

Warto jednak pamiętać, że nie wszystkie systemy CMS będą nam pozwalały dodawać pliki w tym formacie. Jak wcześniej wspomniałam SVG jest plikiem tekstowym – oznacza to że może on zawierać potencjalnie niebezpieczne fragmenty kodów.

dodanie pliku svg do WordPress

dodanie pliku svg do WordPress

źródła:
http://www.file-extension.info/pl/format/svg
https://www.merixstudio.pl/blog/czym-sa-pliki-svg-jak-je-wykorzystac/

dodatkowe tagi:
Jak otworzyć plik z rozszerzeniem svg na dysku lokalnym

Przeczytaj również

Charakterystyka właściwości clip CSS Z pomocą własność CSS clip możemy określić, który fragment danego obiektu (np. grafiki) ma być widoczny lub też nie. W ten sposób możemy nadać obiekto...
Oryginalny wygląd strony błędu 404 – Inspira... Zapewne każdy z was kojarzy czym jest strona błędu 404 (not found) na większości witryn internetowych jest to z pozoru kolejna podstrona serwisu tyle ...
Formaty plików graficznych Istnieje wiele formatów plików graficznych. Formaty te można podzielić na formaty przechowujące grafikę rastrową (w której obrazek składa się z kropek...
Strony, które pomogą ci dobrać kolory dla twojej s... Jednym z większych problemów podczas budowy strony www jest dobór odpowiednich kolorów tak by razem stanowiły jednolitą całość. Dlatego tym razem przy...