Benutzer:JoKalliauer/Inkscape-SVG-Speichern

Hinweis: Du darfst diese Seite editieren!

Ja, wirklich. Es ist schön, wenn jemand vorbeikommt und Fehler oder Links korrigiert und diese Seite verbessert. Sollten deine Änderungen aber dem Inhaber dieser Benutzerseite nicht gefallen, sei bitte nicht traurig oder verärgert, wenn sie rückgängig gemacht werden.
Wikipedia ist ein Wiki, sei mutig!

Dies ist in Anlehnung an Benutzer:Marsupilami/Inkscape-FAQ. Diese Seite wird seit 2017 nicht mehr gewartet, einiges hat sich geändert, einiges würde ich jetzt etwas anders sehen, wenn du eine Frage hast, dann stelle sie bitte auf der Disk und ich werde schauen, dass das korrekt und up-to-date ist.

Wie erstelle ich eine valide Datei die dem Standard SVG 1.1 entspricht?

Optimierte SVG-Ausgabe Optionen

Optimierte SVG-Ausgabe

Datei → Speichern unter… ( Strg+Shift+S )
Dateityp: Optimiertes SVG (.svg)
ev. komprimieren mit https://jakearchibald.github.io/svgomg/

Wie weiß ich ob meine Datei valide dem SVG Standard entspricht

https://validator.w3.org/ (alternativ nur für Bilder im Internet: https://validator.nu/ )

Wie sehe ich ob die SVG-Datei vom Wiki-SVG-Parser richtig dargestellt wird?

https://commons.wikimedia.org/wiki/Commons:Commons SVG Checker (alternativ nur Bild mit http://tools.wmflabs.org/svgcheck/ )

Wie komprimiere ich die Dateigröße

B:Inkscape/ Dateigrößen optimieren
https://jakearchibald.github.io/svgomg/
- activate:
  - Remove comments (reduces file size)
  - Remove <metadata> (reduces file size, makes file valid, but might remove important license information)
  - Remove editor data (reduces file size, makes file valid)
  - Cleanup attribute whitespaces
  - Inline sytles
  - Minify styles
  - Clean IDs (reduces/increases file size)
  - Remove raster images (reduces file size, might remove important pictures)
  - Remove unused defs
  - Round/rewrite numbers (reduces file size, slightly changes output, Precision ≥2)
  - Round/rewrite number list (reduces file size, slightly changes output)
  - Minify colours (reduces file size)
  - Remove unneeded group attrs
  - Remove useless stroke & fill
  - Remove viewBox
  - Remove/tidy enable-background
  - Remove hidden elements (reduces file size)
  - Remove empty text (reduces file size)
  - Shapes to (smaller) paths (reduces file size)
  - Move attrs to parent group (reduces file size, can ruin the output)
  - Collapse useless groups (reduces file size)
  - Remove empty attrs (reduces file size)
  - Remove empty containers (reduces file size)
  - Remove unused namespaces (reduces file size)
  - Remove <title>
  - Remove <desc>
  - Prefer viewBox to width/height (reduces file size)
  - Remove style elements
  - Remove script elements
- use wisely:
  - Multipass Sometimes it takes long processing time
  - Precision (smaller file size or quality; ≥2 for Round/rewrite numbers)
  - Round/rewrite path (mostly reduces file size, reduces quality)
  - Round/rewrite transforms (reduces file size, reduces quality)
  - Merge paths (reduces file size, but output might be wrong)
- deactivate:
  - Remove doctype (makes the file invalid)
  - Remove XML instructions (makes the file invalid)
  - Remove xmls (makes the file invalid)
  - Remove unknown & defaults (makes the file invalid)
  - Style to attributes (reduces/increases file size)
  - Move group attrs to elements (increases file size)
  - Sort attrs (increases file size)

Welche Elemente machen oft Probleme

Händisch

W3-SVG Standard

löschen:
- text-align="(end|center)"
- aria-label="[...]"

Wiki-SVG-Render

ersetzen
- stroke-dasharray="14.2 7.1" ⇒ stroke-dasharray="14.2,7.1"
- font-family="'Liberation Sans'" ⇒ font-family="Liberation Sans"

Automatisch

Auf Linux, Windows (CMD.exe) und in Cygwin.exe lässt sich folgender Code im Terminal ausführen: https://github.com/JoKalliauer/cleanupSVG/blob/master/svg2validsvg.sh

Bei Windows mit cmd.exe sollte man die Datei (als Textdatei) im selben Ordner speichern (z.B. svg2wikisvg.sh) und im Terminal in den Ordner navigieren und über

bash svg2validsvg.sh

aufrufen.

Weitere Informationen und Updates sind auf: https://github.com/JoKalliauer/cleanupSVG