Placeholder Image Generator
Choose a size, colours and a label. A placeholder picture is drawn for you to download and drop into a design or a test page.
Este contenido está en inglés.
Ejemplos resueltos
A default placeholder
Width 800, height 600, grey background, PNG
Size: 800 by 600 pixels Colours: #CCCCCC with #333333 text Label: 800 × 600 File name: placeholder-800x600.png
The label shows the size and the file is named after it.
A wide banner
Width 1200, height 300, white on blue, labelled Banner, SVG
Size: 1200 by 300 pixels Colours: #0A58CA with #FFFFFF text Label: Banner File name: placeholder-1200x300.svg
SVG stays sharp at any size.
Sobre Placeholder Image Generator
This generator makes placeholder pictures. Choose a width and height, the background and text colours and a label, and a picture is drawn that you can download for a design, a mock-up or a test page.
The label shows the size by default, which makes it easy to see which slot is which, or you can write your own words. Choose PNG, JPG, WebP or SVG. Sizes up to 4000 pixels on each side are supported.
Cómo usar Placeholder Image Generator
- Set the width and height in pixels.
- Choose the colours, add a label if you like and pick the file type.
- Check the preview, then press Download.
Usos habituales
- Holding space for pictures in a page design
- Testing how a layout copes with different image sizes
- Making sample images for documentation or demos
- Creating a quick image of an exact size
Preguntas frecuentes
What file type should I choose?
PNG for flat colour, JPG for the smallest file, WebP for a modern small file and SVG when it needs to stay sharp at any size.
How do I write the colours?
As hex values such as #CCCCCC or #333. The hash is optional and three digit colours are fine.
What is the largest size?
4000 pixels on each side.
Can I put my own words on it?
Yes. Type them in the label box. Leave it empty to show the size, such as 800 × 600.