Wikipedia:WikiProjekt SVG

aus Wikipedia, der freien Enzyklopädie

< Autorenportal < Redaktionen < WikiProjekte < SVG

Scalable Vector Graphics (SVG, deutsch Skalierbare Vektorgrafiken) ist ein Standard zur Beschreibung zweidimensionaler Vektorgrafiken in der XML-Syntax.

Herzlich Willkommen im WikiProjekt SVG. In diesem Projekt möchten wir Zeichungen, Logos, Diagramme etc. in SVG umwandeln und erstellen. Der Vorteil bei sogenannten Vektorgrafiken ist, dass die Grafiken verlustfrei und beliebig skaliert werden können. Primär setzen wir uns als Ziel, die Vorlage:In SVG konvertieren-Liste auszumisten und abzuarbeiten. Sekundär nehmen wir auch Erstellaufträge an.

Fragen können auf der Diskussionsseite an die Mitarbeiter des Projekts gestellt haben.

Möchtest du eine Grafik oder ein Logo in SVG konvertiert bzw. neu erstellt haben, so setzte auf der Bildbeschreibungsseite einfach {{In SVG konvertieren|Parameter}}. Wie es genau geht, steht auf dieser Seite.

Aufträge zur Neuerstellung von Logos oder Grafiken, die bislang gar nicht vorhanden sind, bitte auf der Wunschliste äußern.

[Bearbeiten] Hinweise für SVG-Autoren

[Bearbeiten] Allgemein

nach erneutem Upload Browser-Cache leeren und evtl. länger warten. Es kann dauern, bis der Cache des Servers die alte Version "vergisst" und die neue nimmt.
Um sicherzustellen, dass die Datei ok ist, solte der Quelltext durch den W3C - Markup-Validator geschickt werden. Kommen keine Fehlermeldungen oder Warnungen, ist die Datei wohlgeformt und gültig. Bei Commons kann dann die Vorlage {{validSVG}} eingebunden werden.

[Bearbeiten] Einschränkungen des SVG-PNG-Renderers der Wikipedia

Der Renderer kann keine im Dateikopf deklarierten CSS-Angaben wie z.B. Klassen interpretieren. CSS-Angaben funktionieren nur direkt im Tag zuverlässig.
Der Renderer kann keine besonderen Linienenden, wie z.B. Pfeilspitzen, interpretieren. Diese müssen daher als Pfade programmiert sein.

[Bearbeiten] Mit Inkscape erstellte SVGs

SVGs von Inkscape sollten immer zusätzlich auch als normale SVG gespeichert und diese dann hochgeladen werden. Die Zusatztags machen dem Parser öfters Probleme und die SVGs sind nicht normgerecht.
Wichtig! Ein besonders tückischer Bug von Inkscape ist die Tatsache, dass es keine DTD (sogenanntes "DOCTYPE") einbindet. Daher bitte vor dem Upload die Datei in einem (möglichst utf-8-fähigen) Plain-Text-Editor öffnen und die !DOCTYPE - Zeile:

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

einfügen (hier abkopieren). Der Anfang der SVG-Datei sieht dann so aus:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg

Pfeile an Linienenden in Pfade umwandeln.
Text-Tags in ungewöhnlichen Schriften oder Sonderzeichen in Pfade umwandeln.

[Bearbeiten] Manuell erstellte SVGs

Darauf achten, dass auch im Kommentar (!) kein Umlaut etc. in Ansi-Codierung steht.

[Bearbeiten] Schriftarten in extrahierten Bildern

Bitte folgendes beachten: In vielen Firmen-PDFs oder anderen "offiziellen" Quellen - z.B. Logos - mit Vektordaten (PostScript etc.) sind die verwendeten Schriftarten eingebettet. Inkscape importiert diese Schrift-Informationen nicht, wenn auf dem System des Bearbeiters nicht die entsprechende Schriftart installiert ist. Erkennbar ist dies daran, dass der Text in Inkscape bearbeitbar ist und sich die Schriftart von der ursprünglichen unterscheidet, da Inkscape eine Systemschriftart verwendet. Im SVG-Quellcode ist dieser Text nicht als Pfad, sondern als <text><tspan>Hier der Text</tspan></text> gespeichert. Zum Umwandeln in SVG muss der Text also vorher mit den Outlines der Schriftart gespeichert werden.
Dafür gibt es folgenden Workaround, der zwar ein bisschen Vorarbeit benötigt, aber den Arbeitsprozess nicht so sehr verlängert, wie es vielleicht zunächst scheint:

GhostScript und GhostView installieren
PStoEdit in das GhostView-Verzeichnis installieren
Das PDF in GhostView öffnen
Bearbeiten -> Konvertierung in Vektor Format...
als Format pdf: Adobe's Portable Document Format wählen und "Zeichne Text als Polygone" wählen plot-svg erzeugt keine brauchbaren Ergebnisse!
OK und als .pdf speichern
Das erzeugte PDF enthält alle Schriften mit Vector-Outlines und kann wie gewohnt bearbeitet werden

Da die ersten beiden Schritte nach einmaliger Installation wegfallen, dürfte der zeitliche Mehraufwand zwischen wenigen Sekunden und einer halben Minute liegen. Dafür hat man dann die richtige Schriftart im Logo.
Trotz stundenlangem herumspielen mit den Embedding-Einstellungen des PDF-Treibers war es mir bisher nicht auf anderem Weg gelungen, die eingebetteten Schriftarten als Outlines zu erhalten. Sollte jemand einen einfacheren Weg herausfinden, bitte gerne hier bekannt geben! --Connum 20:40, 29. Mai 2008 (CEST)

Folgender Weg funktioniert auch (wenn man Zugriff auf die entsprechenden Tools hat): PDF → Adobe Acrobat → Save as Postscript™ → CorelDRAW™ (Text importieren als Pfade/Kurven) → speichern als SVG → Inkscape (Farben korrigieren). Warum dabei die Farben meistens kaputt gehen, weiß ich nicht. Und warum der Umweg über PostScript nötig ist auch nicht (mit PDF direkt geht's aber nicht). --AFranK99 [Disk.] 17:59, 30. Mai 2008 (CEST)