Generator voor placeholderafbeeldingen
Genereer placeholderafbeeldingen in vooraf ingestelde formaten voor social, advertenties en thumbnails, met verloop- of willekeurige vullingen, diagonale of rasterpatronen, labels met meerdere regels en @2x-export.
Generator voor placeholderafbeeldingen — Kies een formaat uit veelgebruikte presets voor social, advertenties en thumbnails of voer je eigen formaat in, kies een egale, verlopende of willekeurig gegenereerde achtergrond en leg er een diagonaal- of rasterpatroon overheen. Voeg een label met meerdere regels toe dat je overal kunt plaatsen met je eigen lettertype, gewicht en grootte, en exporteer vervolgens als PNG, JPG, WebP of SVG — desgewenst op @2x voor retina-schermen. Alles wordt in je browser getekend met de canvas- en SVG-API's, dus niets van wat je invoert wordt naar een server geüpload.
Wat is Generator voor placeholderafbeeldingen?
De Generator voor Placeholderafbeeldingen is een gratis browsertool voor ontwerpers en front-endontwikkelaars die opvulafbeeldingen nodig hebben bij het bouwen van lay-outs, mockups, advertenties en componentbibliotheken. Begin met een preset zoals een Instagram-post, YouTube-thumbnail, OG-kaart of een advertentieplek als een 728×90-leaderboard, of typ exacte pixelafmetingen. Geef de achtergrond vorm als één kleur, een tweekleurig diagonaal verloop of een willekeurig palet, voeg een diagonaal- of rasterpatroon toe en plaats een label met meerdere regels op een van negen posities met een schreefloos, schreef- of monospace-lettertype. Zet de afmetingen-overlay aan om breedte en hoogte in een hoek te stempelen en exporteer als PNG, JPG, WebP of kopieerbare SVG, met een optionele @2x-retinaschaal voor de rasterformaten.
Generator voor placeholderafbeeldingen gebruiken
- Kies een presetformaat (social, thumbnail of advertentie) of typ een exacte breedte en hoogte in pixels.
- Open Instellingen om de achtergrond in te stellen: egaal, tweekleurig verloop, of klik op Willekeurig voor veilige willekeurige kleuren.
- Leg optioneel een diagonaal- of rasterpatroon overheen en zet de afmetingen-overlay aan.
- Typ een label — gebruik nieuwe regels voor tekst met meerdere regels — en stel de positie, het lettertype, het gewicht en de grootte in.
- Kies PNG, JPG, WebP of SVG en schakel @2x in voor een retina-rasterexport.
- Bekijk de live-voorbeeldweergave en klik op Downloaden (bij SVG kun je ook de opmaak kopiëren).
Voorbeelden
Instagram-post 1080×1080
Kies de preset Instagram Post, stel een tweekleurige verloopachtergrond in, centreer een vet label van twee regels en download een PNG die klaar is voor een feed-mockup.
Leaderboard-advertentie 728×90
Kies de preset Ad Leaderboard, houd een egale grijze achtergrond met rasterpatroon en de afmetingen-overlay aan, en exporteer een WebP-vulafbeelding voor een advertentieplek.
Retina YouTube-thumbnail
Selecteer de preset YouTube Thumbnail (1280×720), schakel @2x-export in en download een PNG van 2560×1440 die scherp blijft op schermen met hoge dichtheid.
Veelgestelde vragen
- Welke presetformaten zijn inbegrepen?
- Socialformaten (Instagram-post, portret en story, Facebook-omslag, X-post en -header, LinkedIn-banner, YouTube-thumbnail, OG-kaart) en standaard advertentie-eenheden (leaderboard, medium rechthoek, brede skyscraper, billboard). Kies er een om breedte en hoogte te vullen, of voer een eigen formaat in.
- Hoe werken de achtergrond- en patroonopties?
- De achtergrond kan één kleur zijn, een tweekleurig diagonaal verloop of een willekeurig palet via de knop Willekeurig, die de veilige willekeurige generator van je browser gebruikt. Daaroverheen kun je een patroon van diagonale lijnen of een raster in de tekstkleur leggen.
- Kan het label meerdere regels beslaan en verplaatst worden?
- Ja. Typ nieuwe regels in het labelvak voor tekst met meerdere regels, plaats het blok op een van negen posities (boven/midden/onder × links/midden/rechts) en kies een schreefloos, schreef- of monospace-lettertype met normaal of vet gewicht en automatische of vaste grootte. Laat het label leeg om de afmetingen automatisch af te drukken.
- Wat doet @2x-export?
- Voor de rasterformaten (PNG, JPG, WebP) rendert het het canvas op het dubbele van de pixelafmetingen zodat het bestand scherp blijft op retina- en high-DPI-schermen. SVG is al resolutieonafhankelijk, dus @2x is daarop niet van toepassing.
- Worden mijn afbeeldingen of teksten ergens geüpload?
- Nee. Elke placeholder wordt volledig in je browser getekend met de canvas- en SVG-API's en downloads gebeuren lokaal — niets van wat je typt of genereert wordt naar een server gestuurd, dus het werkt offline en houdt je werk privé.
Gerelateerde tools
Code naar afbeelding
Zet een codefragment in je browser om in een afbeelding met syntaxisaccentuering, met 20+ talen, aangepaste thema's en achtergronden, regelnummers en PNG- of SVG-export.
Kleurcontrastcontrole
Controleer WCAG 2.1-contrast en APCA Lc-score tussen tekst en achtergrond, bekijk AA-, AAA- en 3:1-badges en pas de dichtstbijzijnde geslaagde kleur toe.
Kleurenmenger
Meng twee HEX-kleuren in een gekozen verhouding in de RGB- of Lab-kleurruimte en lees de resulterende tussenkleur terug als staal en kopieerbare HEX-waarde.
Kleurtinten-generator
Zet één HEX-basiskleur om in een OKLCH-, HSL- of RGB-schaal met instelbare stappen, WCAG-contrasttips per stap en export naar CSS, Tailwind en JSON.