Over deze tool

De placeholder image generator maakt een PNG-placeholder in elke breedte en hoogte met jouw achtergrondkleur, tekstkleur en label (standaard “breedte×hoogte”), plus een kant-en-klare img-tag.

Zo gebruik je het

  1. Voer de breedte en hoogte in pixels in.
  2. Kies de achtergrond- en tekstkleur.
  3. Typ eventueel een eigen label.
  4. Download de PNG of kopieer de img-tag.

Goed om te weten

  • De afbeelding wordt met de Canvas API op het volledige pixelformaat getekend en als PNG opgeslagen.
  • Diagonale hulplijnen en gecentreerde tekst maken placeholders makkelijk herkenbaar in mockups.
  • Met width- en height-attributen op img-tags reserveer je ruimte en voorkom je layout shift.
  • Met lokale placeholders ben je tijdens de ontwikkeling niet afhankelijk van placeholderdiensten van derden.

Werkt volledig in je browser — niets wat je invoert wordt geüpload of opgeslagen.

Veelgestelde vragen

Hoe maak ik een placeholder-afbeelding?

Voer het gewenste formaat en de kleuren in en klik op Download PNG; het bestand wordt direct op je apparaat gegenereerd.

Welk formaat placeholder moet ik gebruiken?

Neem de afmetingen van de uiteindelijke afbeelding over, bijvoorbeeld 1200 × 630 voor social previews of 1920 × 1080 voor hero-afbeeldingen, zodat de lay-out klopt.

Kan ik de tekst op de placeholder aanpassen?

Ja. Typ een willekeurig label; laat je het leeg, dan toont de afbeelding haar afmetingen.

Heb ik een internetverbinding of externe dienst nodig?

Nee. De afbeelding wordt lokaal in je browser gegenereerd, zonder verzoek aan een placeholderdienst.