SVG kann mehr, als man denkt: animierte Grafiken in InDesign und im Druck
Der Artikel SVG Art von Fuma Nama hat das Thema wieder hochgespült: SVG-Dateien können animiert sein, direkt in der Datei, ohne JavaScript. Das Format gibt es seit 1999, es ist damit so alt wie 3f8h.net / electronic publishing. Gebaut fürs Web, und dort läuft es auch am besten.
Animation ohne Script: SMIL und CSS
Technisch stecken zwei Mechanismen dahinter. SMIL-Elemente wie <animate> und <animateTransform> stehen direkt im SVG-Code und beschreiben, welches Attribut sich wie über die Zeit ändert. Alternativ laufen CSS-Animationen mit Keyframes innerhalb der Datei. Browser rendern beides nativ, die MDN-Dokumentation zu SMIL zeigt die Grundlagen. Die Startseite von unkey.com zeigt, was damit geht, svgator.com und lottiefiles.com haben Sammlungen.
Was InDesign mit einem animierten SVG macht
InDesign importiert SVG seit Version 2020 nativ, als statische Vektorgrafik. SMIL- und CSS-Animationen werden ignoriert, sichtbar ist der im SVG definierte Basiszustand, also die initialen Attributwerte, nicht der Endzustand einer Animation. Im PDF-Export landen Pfade und Flächen, mehr nicht. Für die Druckvorstufe ist das praktisch: Ein Preflight mit callas pdfToolbox sieht normale Vektorobjekte und bewertet Farben, Linienstärken und Transparenzen wie bei jeder anderen Grafik. Zwei Dinge vorher prüfen: Text im SVG wird nur korrekt gesetzt, wenn die Schrift auf dem Rechner verfügbar ist (sonst vorher in Pfade wandeln), und Filter oder Masken aus dem SVG kommen nicht immer sauber an.
Wer die Bewegung behalten will, geht den Umweg: Publish Online oder EPUB mit festem Layout nutzen InDesigns eigenes Animations-Bedienfeld, nicht die Animation aus dem SVG. Die muss man dort nachbauen. Ein interaktives PDF hilft nicht, Acrobat spielt keine SVG-Animation ab.
Wann drucken wir animiert?
Die Frage ist weniger rhetorisch, als sie klingt. Lentikulardruck macht seit Jahrzehnten Bewegung auf Papier, analog und mechanisch, über den Blickwinkel. E-Paper-Regaletiketten bringen echte Animation an den Point of Sale. Beides hat mit SVG nichts zu tun, aber es zeigt: Der Wunsch nach Bewegung im Druck ist nicht neu, nur der Weg vom Web-Format dorthin fehlt.
Bleibt die Frage, ob SVG für Publishing noch zeitgemäß ist oder von Lottie und Canvas abgelöst wird. Unsere Einschätzung: SVG bleibt, gerade weil es Text ist und sich versionieren und automatisiert erzeugen lässt. Nur im klassischen Druckworkflow ist es eine statische Grafik wie jede andere.
Eigene Erfahrungen mit animierten SVGs in InDesign oder im Druck? Schreiben Sie uns.