Haben Sie genug von unscharfen Bildern? Skalierbare Vektorgrafiken (SVG) sind ein XML-basiertes Dateiformat, das Linien und Punkte zur Anzeige einer Grafik verwendet. Im Gegensatz zu pixelbasierten Bildformaten wie PNG und JPG hat SVG keine definierte Auflösung und bleibt scharf, wenn es auf einer beliebigen Bildschirmgröße nach oben oder unten skaliert wird. Lesen Sie weiter für weitere Informationen.

• Vorteile von SVGs
• Fügen Sie SVGs hinzu
• SVGs formatieren
• SVGs zugänglich machen
• FAQs

Vorteile von SVGs

SVGs verlieren nicht an Qualität, wenn sie in der Größe geändert oder vergrößert werden, wohingegen PNGs und JPGs verschwommen oder pixelig aussehen. Das macht das Rätselraten bei der Bildqualität in verschiedenen Browsern und Geräten überflüssig. SVG-Bilder sehen in Ihrer veröffentlichten Ausgabe genauso aus wie beim Authoring. Was Sie sehen, ist was Sie bekommen!

Ein weiterer Bonus ist, dass SVGs viel kleiner sind. Große Dateigrößen tragen dazu bei, dass Kurse langsam geladen werden. SVGs reduzieren die Dateigröße Ihres Storyline 360-Projekts, sodass Inhalte auch bei langsamen Internetverbindungen schneller geladen werden können.

Schauen Sie sich das folgende Bild in drei verschiedenen Formaten an. In diesem Beispiel ist das SVG-Bild halb so groß wie das PNG- und JPG-Bild.

PNG-Bild 8 KB	JPG-Bild 8 KB	SVG-Bild 4 KB

SVGs hinzufügen

Sie können SVGs zu Folien, Ebenen und Folienmastern hinzufügen. Verwenden Sie in der Folienansicht eine der folgenden Methoden:

• Drücken Sie Strg+J auf Ihrer Tastatur.
• Ziehen Sie das SVG-Bild von Ihrem Computer und legen Sie es auf Ihrer Kursfolie ab.
• Gehen Sie auf dem Menüband zur Registerkarte Einfügen, klicken Sie auf Bild und suchen Sie nach einem SVG-Bild.

Klicken Sie in der Formularansicht auf dem Menüband auf Medien und wählen Sie Bild aus Datei aus.

SVGs formatieren

Sie können SVGs anordnen, gruppieren, drehen, ausrichten, ihre Größe ändern oder positionieren. Wählen Sie Ihre SVG-Datei aus und wählen Sie eine der verfügbaren Formatierungsoptionen auf der Registerkarte Format auf dem Menüband. (Erfahren Sie mehr über Formatierungstools.)

Hinweis: In Storyline 360 verhalten sich SVGs mit wenigen Ausnahmen wie Standardbilder. Sie können nicht als Bildfüllungen oder Folienhintergründe verwendet, in Markierungsetiketten eingefügt oder zu 360°-Interaktionen hinzugefügt werden.

Machen Sie SVGs barrierefrei

Hier sind ein paar Tipps, wie du deine SVGs barrierefrei machen kannst:

• Vergewissern Sie sich, dass das SVG-Format die Richtlinien für den Farbkontrast erfüllt. Sie können diesen webbasierten Kontrastprüfer verwenden oder dieses Kontrastprüfungs-Tool herunterladen, um das Kontrastverhältnis zu testen.
• Entscheiden Sie, ob Ihr SVG dekorativ oder informativ ist. Rein dekorative Bilder benötigen keinen alternativen Text (Alt-Text), aber du solltest einer SVG-Datei Alternativtext hinzufügen, der den Lernenden Informationen bietet. Schauen Sie sich diese bewährten Methoden für das Schreiben von gutem Alternativtext an.
• Wenn deine SVG-Datei noch andere fokussierbare Elemente enthält, kannst du Bildschirmlesegeräte anweisen, zu navigieren und die SVG-Datei als einzelnes Bild anzuzeigen. So geht's: Öffnen Sie die SVG-XML-Datei in einem Texteditor, fügen Sie das role="img" Attribut in das <svg> Start-Tag ein und speichern und schließen Sie die SVG-XML-Datei.

FAQs

Hier finden Sie Antworten auf häufig gestellte Fragen zur Verwendung von SVGs in Storyline 360:

Sind SVGs in Storyline 360 anpassbar?

In Storyline 360 können Sie SVGs anordnen, gruppieren, drehen, ausrichten, ihre Größe ändern und positionieren. Verwenden Sie einen Editor eines Drittanbieters wie Photoshop, um ein SVG umfärben, bevor Sie es in Storyline 360 importieren. Oder verwenden Sie die Medienbibliothek, um sie in einem Editor eines Drittanbieters zu öffnen, und speichern Sie Ihre Änderungen dann direkt in Storyline 360. Hier erfahren Sie, wie.

Werden animierte SVGs in Storyline 360 unterstützt?

Nein, aber Sie können Ihr Interesse an der support von animiertem SVG jederzeit teilen, indem Sie eine Funktionsanfrage einreichen.

Kann ich trotzdem SVGs aus PowerPoint in Storyline 360 importieren?

Aus PowerPoint importierte SVG-Bilder bleiben jetzt SVGs in Storyline 360-Projekten. Wenn Sie ein älteres Projekt öffnen, in dem PowerPoint-SVGs zuvor beim Import in Formen konvertiert wurden, werden diese SVGs weiterhin als Formen angezeigt. Um die SVG-Unterstützung zu aktivieren, importieren Sie die PowerPoint-Folien erneut in Ihr Projekt.

Hinweis: Einige SVG-Formatierungen, wie z. B. das Zuschneiden oder bestimmte Farbänderungen, können nach dem Import anders aussehen. Überprüfen Sie die importierten Folien und passen Sie sie nach Bedarf an.