How to Use
Generate placeholder images using the following URL format:
/size/background_color/text_color/format?query_params
Parameters
-
Size: Specify as
widthxheight(e.g.,600x400). You can add@2xor@3xfor retina resolution (e.g.,600x400@2x). -
Format: Options:
svg(default),png,jpeg. -
Colors: Background and text colors using
HEX or CSS names. Format:
/background_color/text_color(e.g.,/000000/FFFFFF). -
Text: Custom text using
?text=your+text. Use\nor%0Afor new lines. -
Font: Set font using
?font=FontName. Example:?font=Lato. Font must be preloaded or embedded. -
Gradient: Add background gradient with
?gradient=color1,color2(e.g.,red,blue).
Examples
Basic Example
/600x400
Custom Colors and Format
/600x400/000000/FFFFFF/png
Custom Text
/600x400?text=Hello+World
Gradient Background
/600x400/png?gradient=red,blue
Retina Image
/600x400@2x/png?gradient=yellow,green