Scaled Vektor Grafiken gehört die Zukunft
SVG ist DAS Grafikformat der Zukunft
Vorteile
SVG gilt als das Grafik-Format der Zukunft weil es
  • ohne Qualitätsverlust beliebig zoombar ist
  • das Verhätnis von Dateigrösse zu Inhalt sehr gut ist
  • es frei von Lizenzrechten ist
  • mit einem einfachen Texteditor bearbeitbar ist
  • direkt in eine HTML-Seite eingebettet werden kann
  • designbar by CSS
  • Transparenz unterstützt wird
  • Animationen möglich sind
  • von Javascript bzw. PHP erzeugt werden kann
Nachteile
Nachteil des SVG-Formats ist, dass viele Browser nicht den vollen Funktionsumfang von SVG anzeigen können
Das gilt leider auch für moderne Browser auf Smartphones und Tabletts(Stand 2019):
BrowserUnterstützung
Opera >=11> 95 %
Chrome >=9> 89 %
Safari >=5> 83 %
Firefox >=4> 82 %
MS IE >=9> 60 %
MS IE <9keine


Einbettung
extern:<img src='grafic.svg' title='SVG external' />
intern:<svg .. title='SVG internal' >
  
</svg>

Grundgerüst eines SVG

<svg  viewBox='Xnull,Ynull Breite, Hoehe' >
Zeichen-Befehle
</svg>


EmbeddedExternal
<svg width='50%' viewBox='0,0 480,320' >
<circle cx='240' cy='160' r='150'
    stroke='blue' stroke-width='3' fill='orange' />
</svg>
<img src='_img/demo.svg' width='50%'/>
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0,0 480,320' >
<circle cx='240' cy='160' r='150'
    stroke='blue' stroke-width='3' fill='orange' />
</svg>