Moe van wazige beelden? Scalable vector graphics (SVG) is een op XML gebaseerd bestandsformaat dat lijnen en punten gebruikt om een afbeelding weer te geven. In tegenstelling tot afbeeldingsformaten op basis van pixels, zoals PNG en JPG, heeft SVG geen gedefinieerde resolutie en blijft deze scherp wanneer deze op elk schermformaat wordt vergroot of verkleind. Lees verder voor meer informatie.

• Voordelen van SVG's
• SVG's toevoegen
• SVG's opmaken
• SVG's toegankelijk maken
• Veelgestelde vragen

Voordelen van SVG's

SVG's verliezen geen kwaliteit wanneer ze worden verkleind of ingezoomd, terwijl PNG's en JPG's er wazig of korrelig uitzien. Dit neemt het giswerk weg bij de beeldkwaliteit in verschillende browsers en apparaten. SVG-afbeeldingen zien er in uw gepubliceerde uitvoer hetzelfde uit als tijdens de authoring. Wat je ziet is wat je krijgt!

Een ander pluspunt is dat SVG's veel kleiner zijn. Grote bestanden dragen bij aan het langzaam laden van cursussen. SVG's verkleinen de bestandsgrootte van je Storyline 360-project, waardoor inhoud sneller kan worden geladen, zelfs bij trage internetverbindingen.

Bekijk de volgende afbeelding in drie verschillende formaten. In dit voorbeeld is de SVG-afbeelding half zo groot als de PNG- en JPG-tegenhangers.

PNG-afbeelding 8 KB	JPG-afbeelding 8 KB	SVG-afbeelding 4 KB

SVG's toevoegen

U kunt SVG's toevoegen aan dia's, lagen en diamosters. Gebruik in Slide View een van de volgende methoden:

• Druk op Ctrl+J op je toetsenbord.
• Sleep de SVG-afbeelding van je computer en zet deze neer op je cursusdia.
• Ga naar het tabblad Invoegen op het lint, klik op Afbeelding en blader naar een SVG-afbeelding.

Klik in de formulierweergave op Media op het lint en kies Afbeelding uit bestand.

SVG's opmaken

U kunt SVG's rangschikken, groeperen, roteren, uitlijnen, vergroten of positioneren. Selecteer uw SVG en kies een van de beschikbare opmaakopties op het tabblad Opmaak op het lint. (Meer informatie over opmaakhulpmiddelen.)

Opmerking: In Storyline 360 gedragen SVG's zich als standaardafbeeldingen, op enkele uitzonderingen na. Ze kunnen niet worden gebruikt als vullingen voor afbeeldingen of dia-achtergronden, worden ingevoegd in markeringslabels of worden toegevoegd aan 360°-interacties.

SVG's toegankelijk maken

Hier zijn een paar tips om je SVG's toegankelijk te maken:

• Controleer of de SVG voldoet aan de richtlijnen voor kleurcontrast. U kunt deze webgebaseerde contrastcontrole gebruiken of deze tool voor contrastcontrole downloaden om de contrastverhouding te testen.
• Bepaal of je SVG decoratief of informatief is. Puur decoratieve afbeeldingen hebben geen alternatieve tekst nodig (alt-tekst), maar je moet wel alt-tekst toevoegen aan een SVG die cursisten informatie geeft. Bekijk deze praktische tips voor het schrijven van goede alt-tekst.
• Als uw SVG andere focusseerbare elementen bevat, kunt u schermlezers laten navigeren en de SVG als een enkele afbeelding aankondigen. Ga als volgt te werk: Open het SVG-XML-bestand in een teksteditor, voeg het role="img" kenmerk toe aan de <svg> starttag en sla het SVG-XML-bestand op en sluit het.

Veelgestelde vragen

Hier vindt u antwoorden op veelgestelde vragen over het gebruik van SVG's in Storyline 360:

Zijn SVG's aanpasbaar in Storyline 360?

Je kunt SVG's rangschikken, groeperen, roteren, uitlijnen, dimensioneren en positioneren in Storyline 360. Gebruik een externe editor zoals Photoshop om een SVG opnieuw te kleuren voordat je deze importeert in Storyline 360. Of gebruik de mediabibliotheek om deze te openen in een externe editor en sla je wijzigingen vervolgens rechtstreeks op Storyline 360 op. Hier is hoe.

Worden geanimeerde SVG's ondersteund in Storyline 360?

Nee, maar u kunt uw interesse in geanimeerde SVG-ondersteuning altijd delen door een functieverzoek in te dienen.

Kan ik nog steeds SVG's uit PowerPoint importeren in Storyline 360?

SVG-afbeeldingen die uit PowerPoint zijn geïmporteerd, blijven nu SVG's in Storyline 360-projecten. Als u een ouder project opent waarin PowerPoint-SVG's eerder tijdens het importeren naar vormen zijn geconverteerd, worden die SVG's nog steeds als vormen weergegeven. Om SVG-ondersteuning in te schakelen, importeert u de PowerPoint-dia's opnieuw in uw project.

Opmerking: Sommige SVG-opmaak, zoals bijsnijden of specifieke kleurwijzigingen, kan er na het importeren anders uitzien. Bekijk de geïmporteerde dia's en pas ze zo nodig aan.