Quick placeholder image generator with custom sizes
Demo image

Documentation

Size

Set image size via URL path:

/{width}x{height}

Examples:

/600x400
/300

Color

Customize background and text colors:

/{width}x{height}?bg=ff0000&color=ffffff

Examples:

/600x400?bg=000000&color=ffffff
/300x200?bg=f5f5f5&color=333333

Tips:

  • Use hex color format without # symbol

Text

Customize display text:

/600x400?text=Hello+World
/600x400?text=First+Line\nSecond+Line
/600x400?text=Title\nSubtitle\nDescription

Tips:

  • Use + symbol to replace spaces in text (e.g. Hello+World)
  • Support line breaks with \n:

Font

Choose different fonts:

Helvetica
Arial
Georgia
Times New Roman
Courier New
Verdana
Tahoma
Monaco
Trebuchet MS
Palatino
Garamond
Menlo
/600x400?font=Arial
/600x400?font=Times+New+Roman

Tips:

  • Default font is Helvetica
  • For font names with spaces, use + symbol (e.g. Times+New+Roman)

Font Size

Customize font size:

/600x400?fontSize=80

Examples:

/600x400?fontSize=120
/300x200?fontSize=50

Tips:

  • Font size is automatically calculated based on image dimensions if not specified