In dit artikel
Wat is een plaatshouderafbeeldingengenerator?
Een plaatshouderafbeeldingengenerator maakt lege of gelabelde afbeeldingen met aangepaste afmetingen, kleuren en tekst. Deze afbeeldingen dienen als vervanging voor echte inhoud tijdens ontwikkeling, wireframing en ontwerpmockups — zodat teams layouts kunnen bouwen zonder te wachten op definitieve assets.
In tegenstelling tot externe plaatshouderdiensten die een netwerkverzoek vereisen, produceert een client-side generator afbeeldingen direct in de browser met de Canvas API. U bepaalt de exacte breedte, hoogte, achtergrondkleur, tekstkleur en uitvoerformaat, en downloadt of kopieert het resultaat met één klik.
Hoe beeldgeneratie werkt
De generator gebruikt de HTML Canvas API om afbeeldingen volledig in de browser te tekenen. Er is geen server bij betrokken — uw afmetingen en kleuren worden lokaal gerenderd en geëxporteerd als downloadbaar bestand.
- Canvas-rendering — een verborgen canvas-element wordt aangemaakt op de opgegeven afmetingen, gevuld met uw gekozen achtergrondkleur, en gelabeld met gecentreerde tekst die de grootte toont
- Aangepaste kleuren en tekst — stel elke achtergrond- en tekstkleur in met hexwaarden (bijv. #6366f1), en vervang optioneel het standaard dimensielabel door aangepaste tekst
- Formaatopties — exporteer als PNG voor verliesloze kwaliteit, JPEG voor kleinere bestandsgrootte, of WebP voor moderne browsers met de beste compressie-kwaliteitsverhouding
Probeer gratis — geen aanmelding vereist
Genereer plaatshouderafbeelding →Wanneer plaatshouderafbeeldingen gebruiken
Plaatshouderafbeeldingen zijn nuttig in elke fase van productontwikkeling waar definitieve visuele inhoud nog niet beschikbaar is.
- Wireframing — vul afbeeldingsplaatsen in wireframes met correct gedimensioneerde plaatshouders die de beoogde beeldverhouding communiceren aan stakeholders
- Frontend-ontwikkeling — bouw responsieve layouts met plaatshouderafbeeldingen op de juiste afmetingen, zonder gebroken of ontbrekende afbeeldingen tijdens ontwikkeling
- Ontwerpmockups — maak presentatieklare mockups met consistente plaatshouderblokken in plaats van willekeurige stockfoto's die afleiden van de layout
Veelgestelde vragen
Welke afbeeldingsformaten worden ondersteund?
De generator ondersteunt PNG-, JPEG- en WebP-formaten. PNG produceert verliesloze afbeeldingen met transparantie-ondersteuning (ideaal voor plaatshouders met transparante achtergronden). JPEG biedt kleinere bestandsgroottes met lossy compressie. WebP biedt de beste kwaliteit-grootteverhouding en wordt ondersteund door alle moderne browsers.
Wat zijn de maximale afmetingen?
De generator ondersteunt afbeeldingen tot 4096 x 4096 pixels. Dit dekt de meeste gebruikssituaties van kleine thumbnails (64 x 64) tot hero-banners (1920 x 1080) en retina-displays (2x). De limieten van de Browser Canvas API variëren, maar 4096 px per zijde werkt betrouwbaar in alle moderne browsers.
Ondersteunt de generator transparantie?
Ja, bij gebruik van PNG-formaat. U kunt afbeeldingen genereren met transparante achtergronden door de achtergrondkleur leeg te laten of op transparant te zetten. JPEG ondersteunt geen transparantie (transparante gebieden worden wit), en WebP ondersteunt transparantie maar met lossy compressie-artefacten.