Placeholder Image Generator

How to Use the Placeholder Image Generator

Size

Specify width x height in pixels.

• Height is optional — if omitted, the image will be square. Example: craftypixels.com/placeholder-image/300
• Must be the first option in the URL
• You can specify one dimension and a ratio, and the tool will calculate the other. Example: craftypixels.com/placeholder-image/640x4:3 or craftypixels.com/placeholder-image/16:9x1080

Colors

Specify background color / text color as hex codes.

• Colors are hex codes (#ffffff is white)
• Colors always follow the dimensions: craftypixels.com/placeholder-image/250/ffffff/000000
• First color = background, second color = text
• Background defaults to gray (#cccccc), text defaults to black (#000000)
• Hex shortcuts:
  • 3 digits expand to 6: 09f becomes 0099ff
  • 2 digits expand to 6: ef becomes efefef
  • 1 digit repeats 6 times: c becomes cccccc

Image Formats

Supported: .gif, .jpg, .png, .webp

• Append a file extension to render in that format
• Default format is PNG
• The extension can go after any segment:
  • craftypixels.com/placeholder-image/300.png/09f/fff
  • craftypixels.com/placeholder-image/300/09f.png/fff
  • craftypixels.com/placeholder-image/300/09f/fff.png

Custom Text

Add &text=Hello+World to the end of the URL.

• Optional — defaults to showing the dimensions (e.g. 300×250)
• Use + for spaces: craftypixels.com/placeholder-image/200x300&text=open+source+rocks!
• Use | for line breaks
• Font: M+ Font Project (freely available)

Display Standard Presets

Use named presets instead of pixel dimensions:

• Video: 720p, 1080p, 2k, 4k, ntsc, pal
• Display: vga, svga, xga, wxga, wuxga
• Ad sizes: leaderboard, mediumrectangle, skyscraper, halfpage