Wprowadzenie do SVG

SVG to język oparty na XML, używany do opisywania dwuwymiarowych grafik i programów do rysowania

Podstawowa wiedza wymagana przed nauką:

Przed kontynuowaniem nauki powinieneś mieć podstawową wiedzę na temat:

  • HTML
  • Podstawy XML

Jeśli chcesz najpierw nauczyć się tych treści, odwiedź nasząStrona głównaWybierz odpowiedni kurs.

Co to jest SVG?

  • SVG oznacza skalowalne wektorowe grafiki (Scalable Vector Graphics)
  • SVG służy do definiowania wektorowych grafik używanych w sieci
  • SVG używa formatu XML do definiowania grafiki
  • Obrazy SVG zachowują jakość graficzną przy powiększaniu lub zmianie rozmiaru
  • SVG jest standardem World Wide Web Consortium
  • SVG, wraz z takimi standardami W3C jak DOM i XSL, tworzy zintegrowany system

SVG jest rekomendowanym standardem W3C

SVG stał się rekomendowanym standardem W3C 14 stycznia 2003 roku.

Aby przeczytać więcej informacji o aktywnościach SVG w W3C, odwiedź naszą Kurs W3C.

Historia i zalety SVG

W styczniu 2003 roku SVG 1.1 został uznany za standard W3C

Organizacje uczestniczące w definiowaniu SVG to Sun Microsystems, Adobe, Apple, IBM oraz Kodak

Zalety użycia SVG w porównaniu do innych formatów obrazów:

  • SVG można czytać i modyfikować przez wiele narzędzi (np. edytor tekstu)
  • W porównaniu do obrazów JPEG i GIF, SVG ma mniejszy rozmiar i jest bardziej kompresowalny
  • SVG jest skalowalny
  • Obrazy SVG można drukować w wysokiej jakości w każdej rozdzielczości
  • SVG można powiększać bez utraty jakości obrazu
  • Tekst w obrazach SVG jest opcjonalny, ale również jest wyszukiwalny (wysoko odpowiedni do tworzenia map)
  • SVG może działać z technologią Java
  • SVG jest otwartym standardem
  • Pliki SVG są czystym XML

Głównym konkurentem SVG jest Flash.

Największą zaletą SVG w porównaniu do Flash jest zgodność z innymi standardami (np. XSL i DOM), podczas gdy Flash jest nieopen sourcem technologią prywatną.

Przeglądaj pliki SVG

Dziś wszystkie przeglądarki obsługują pliki SVG, z wyjątkiem Internet Explorer, który wymaga zainstalowania wtyczki. Wtyczka jest darmowa, np. Adobe SVG Viewer.