SVG-placeholder in de gewenste afmetingen

Ontwerpers en ontwikkelaars gebruiken dit om alvast de juiste beeldruimte in een lay-out te reserveren terwijl het echte materiaal nog ontbreekt.

Maak een SVG-placeholder in de gewenste afmetingen en controleer ruimte en verhouding in een ontwerp voordat de definitieve afbeelding beschikbaar is.

Hoe te gebruiken

Voer de gewenste breedte in op de eerste regel en daarna de hoogte op de tweede.
Typ optioneel een tekst op de derde regel als u die in de gegenereerde afbeelding wilt tonen.
Start de generatie om de SVG op de gevraagde grootte te maken.
Kopieer de code uit het resultaatgebied en plak hem in uw pagina of ontwerpbestand.
Wijzig de waarden en genereer zo vaak opnieuw als u nodig hebt.

Voorbeeld

Het voorbeeld vraagt om een breedte van 800, een hoogte van 450 en de tekst Banner. Controleer na het genereren of de uitvoer echt SVG-opmaak is en of de afmetingen overeenkomen met wat u hebt gevraagd, want die waarden bepalen hoeveel ruimte de tijdelijke afbeelding in uw lay-out inneemt.

Invoer

800
450
Banner

Limieten en formaten

De uitvoer is een vectortekening, geen foto, dus hij hoort in proefontwerpen en niet in definitieve illustraties.
Alles komt uit wat u invoert: de grootte en eventueel één stuk tekst.
Houd breedte en hoogte als positieve hele getallen.
Bekijk hoe het in uw browser wordt weergegeven voordat u het aan een actieve pagina toevoegt.

Waar de verwerking gebeurt

De vectorafbeelding wordt door de pagina in uw browser beschreven en samengesteld, met de grootte en tekst die u opgeeft. Er wordt geen bestand geüpload en tijdens de generatie wordt niets verzonden. De opmaak blijft op het scherm staan totdat u hem wist of de pagina verlaat.

Veelgestelde vragen

Waarvoor wordt een tijdelijke afbeelding eigenlijk gebruikt?

Ze staat in voor illustraties die nog niet klaar zijn. U kunt zien of een lay-out samenhangt en of de geplande verhoudingen goed lijken, zonder te wachten op de definitieve afbeelding van een ontwerper of fotograaf.

Wat bevat de gegenereerde SVG?

Deze beschrijft een kader op de grootte die u hebt gevraagd, plus de tekst die u hebt getypt als u er een hebt getypt. Er wordt niets anders toegevoegd, dus u weet altijd wat de code bevat voordat u hem ergens plakt.

Moet ik hem op een actieve website laten staan?

Behandel hem beter als hulpmiddel voor proefontwerpen, want hij geeft aan dat er nog een beeld ontbreekt. Vervang hem door de definitieve afbeelding voordat u publiceert, anders zien bezoekers de tijdelijke afbeelding in plaats van een plaatje.