Svg is een op XML gebaseerde bestandsindeling die wordt gebruikt voor vectorafbeeldingen. Svg-afbeeldingen kunnen met name handig zijn in responsieve indelingen, omdat het formaat van deze afbeeldingen zonder kwaliteitsverlies kan worden aangepast.
Het formaat van SVG's wijzigen
Svg-afbeeldingen toevoegen
Er zijn meerdere manieren om svg-afbeeldingen toe te voegen aan een document:
- Een svg-bestand importeren (kijk hieronder voor meer informatie)
- De gereedschappen Pen en Vorm gebruiken om een svg-vorm te tekenen
- De svg-code rechtstreeks invoegen in de codeweergave
- De svg-code in de ontwerpweergave plakken
- Een tekstelement omzetten naar svg door een svg-filter toe te passen
Svg-bestanden importeren
U kunt een svg-bestand importeren via de menuopdracht Bestand > Items importeren… of door het bestand naar het Google Web Designer-venster te slepen.
Als u een svg-bestand importeert, kunt u het svg-bestand gebruiken als afbeelding of de svg-code inline insluiten in de HTML van het document. In de onderstaande tabel worden enkele toepassingen voor elke methode vermeld.
| Afbeelding | Inline |
|---|---|
|
|
Svg-filters
U kunt speciale effecten aan svg-elementen toevoegen met behulp van svg-filters, zoals vervaging, gloed en meer. Bekijk de volledige lijst met svg-filters.
Voorbeelden van svg-filtereffecten (oorspronkelijke svg aan de linkerkant)