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

Pliką SVG pod względem budowy najbliżej jest do plików tekstowych. Dlatego otworzyć je można w rożnego typu edytorach tekstu takich jak Notatnik.

Innymi programami dzięki którym można otworzyć 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 edytory tekstu w systemach 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

ź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ż

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...
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...
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...
Dopasowywanie obrazka do rozmiaru obszaru CSS3 ... Dzięki właściwości object-fit jesteśmy w stanie określić w jaki sposób interesujący nas element HTML (np. obrazek) powinien wypełnić dany obszar na st...