How to use Image Placeholder Generator
- Set the SizeEnter width and height as WIDTHxHEIGHT, for example 1200x630. Each side can be from 100 to 9999 pixels.
- Enter the Text and coloursType the words to print on the image, or leave the field empty to show the size. Set Background color and Text color as HEX values such as #0e8b78.
- Run it and download the imagePress Run Image Placeholder Generator to see the preview, then press Download SVG to save it.
Common uses
- Filling image slots in a website mock-up before real photos exist
- Testing how a layout handles a 1200x630 social preview image
- Marking where a banner or ad will sit in a prototype
Frequently asked questions
How do I use Image Placeholder Generator?
1. Set the Size: Enter width and height as WIDTHxHEIGHT, for example 1200x630. Each side can be from 100 to 9999 pixels. 2. Enter the Text and colours: Type the words to print on the image, or leave the field empty to show the size. Set Background color and Text color as HEX values such as #0e8b78. 3. Run it and download the image: Press Run Image Placeholder Generator to see the preview, then press Download SVG to save it.
Which service creates the image?
The GigaTools server creates it as an SVG file. No outside placeholder service is used, and nothing is stored.
Can I change the colours?
Yes. Enter a HEX colour for the background and one for the text, for example #0e8b78 and #ffffff. Three-digit values such as #fff work too.
What happens if the size is not valid?
You get a message asking for the size as WIDTHxHEIGHT, with each side from 100 to 9999 pixels, for example 1200x630.
Is my text shared with anyone?
Size, colours and text go only to the GigaTools server, which builds the image and does not store it.