Afbeelding placeholder generator
Genereer snel een placeholder afbeelding met aangepaste afmetingen, kleuren en tekst — als SVG, data: URI of img-tag.
Afbeelding placeholder generator
Kies een breedte en hoogte — of een gebruikelijke beeldverhouding zoals 16:9 of 4:3 — en deze tool tekent onmiddellijk een placeholder afbeelding die u in een mockup, wireframe of een plek in uw markup kunt zetten waar het uiteindelijke beeld nog niet klaar is. Het wordt als SVG weergegeven, zodat het vak scherp blijft op elke grootte en zonder wazig raster opschaalt.
Stel een achtergrond- en tekstkleur in, en laat het label standaard op de weergegeven afmetingen (zoals "800×600") baseren of typ uw eigen label — een componentnaam, een breakpoint, alles wat u helpt om de ene placeholder van de andere te onderscheiden terwijl u bouwt. Lettertype en -grootte zijn ook aanpasbaar, en het afronden van hoeken of het toevoegen van een raster of diagonale lijn geeft het vak het bekende "dit is een placeholder"-uiterlijk in plaats van een eenvoudige grijze rechthoek.
Kies hoe het resultaat eruit ziet: ruwe SVG-opmaak om op te slaan als bestand, een procent-gecodeerde data: URI of een base64-versie voor een CSS-achtergrond of inline afbeeldingsbron, of een compleet img-tag dat u rechtstreeks in HTML kunt plakken. Zeer grote afmetingen of een onredelijk lang label worden beperkt in plaats van dat het tabblad bevriest of iets wordt gemaakt dat niemand kan gebruiken.
Alles wordt lokaal in uw browser getekend wanneer u een optie wijzigt — geen afbeelding wordt op een server gegenereerd en niets wat u typt wordt ergens geüpload. Kopieer het resultaat, download het als .txt-bestand, of stuur het rechtstreeks naar een ander hulpmiddel zoals de SVG-URL-encoder of de kleurconverter.