Pick a Dummy.com

PickaDummy.com is a service that offers you random generated images via a special url.

You can use these images in your website as dummy images, also known as placeholder images.

You can simply place the url in your image html tag:

<img src="https://i.pickadummy.com/600x400">

Image Size

Creating a random dummy image is super simple!

Just place the image size you want after the pickadummy.com URL.

https://i.pickadummy.com/300x100

https://i.pickadummy.com/300

Greyscale

Create a greyscale image by using greyscale=yes or grey=yes or g=yes

https://i.pickadummy.com/300x150?greyscale=yes

Border

Set a border around the image by giving the border thickness (in pixels) and the color using border=20&bordercolor=97abe5 or b=20&bc=97abe5

https://i.pickadummy.com/300x150?border=2&bordercolor=000000

https://i.pickadummy.com/300x150?border=20&bordercolor=97abe5

Dimensions

Add the dimensions to lower left corner of the image using dimensions=yes or d=1

https://i.pickadummy.com/300x200?dimensions=yes

Text

Add custom text to the image using text=My Text or t=My Text

https://i.pickadummy.com/300x150?text=My Text

To split a text over multiple lines, place \n where you want the break to be, like text=My\nText

https://i.pickadummy.com/300x150?text=Multiple lines\nof text\nare no problem\nfor PickaDummy.com

Dimensions

To place the dimensions as a text, you can use text={dimensions}

https://i.pickadummy.com/300x150?text={dimensions}&font=3Dumb

Size

Control the size of the text by setting the font size in pixels, like fontsize=123 or size=123 or s=123

The default size is 40

https://i.pickadummy.com/300x300?fontsize=90&text=Hi!

Note: The text will automatically get sized to a smaller font size if it doesn't fit.

Position

By default the text is placed in the center of the image.
However you can use these positions to place the text somewhere else:

• c or center (default)
• t or top
• b or bottom
• l or left
• r or right
• tl or topleft
• tr or topright
• bl or bottomleft
• br or bottomright

Just place the position in the url, like position=bottomright or pos=br

https://i.pickadummy.com/300x300?position=top&text=Up here!

https://i.pickadummy.com/300x300?position=bottomright&text=In the corner!

Color

By default the text will be white. But you can override this with any color you want.
Just pass the rgb color in the url.
For instance, for bright red text you can use color=FF0000 or c=f00

https://i.pickadummy.com/300x300?color=ffb700&text=Yellow

Note: The text will automatically get sized to a smaller font size if it doesn't fit.

Shadow

To make the text stand out a bit more, you can give it a shadow.
Just pass the rgb color of the desired shadow in the url.
For instance, for a black shadow under your text you can use shadow=000000

https://i.pickadummy.com/300x300?shadow=000000&color=40b445&text=Black shadow

https://i.pickadummy.com/300x300?shadow=ffffff&color=000000&text=White shadow

Outline

You can also add an outline (stroke) to the text to make the text stand out more.
Just pass the rgb color of the desired outline in the url.
For instance, for a black outline around your text you can use outline=000000

https://i.pickadummy.com/300x300?outline=000000&color=97abe5&text=Black outline

https://i.pickadummy.com/300x300?outline=ffffff&color=000000&text=White outline

Transparency

To have a more transparent text you can set the transparency to a number between 0 and 100, like transparency=50

https://i.pickadummy.com/300x300?transparency=80&text=I'm a Ghost

Angle

Rotate the text to a desired angle, by setting a value between 0 and 360, like angle=30

https://i.pickadummy.com/300x300?angle=30&text=All Wonky!

https://i.pickadummy.com/300x300?angle=270&position=left&text=All Sideways!

Caching

If you want to return the same generated image every time, you can use a cached image with cache=1

If you want to use cached multiple images with exactly the same settings, but want them to be different, you can give them a different caching number:

https://i.pickadummy.com/300x150?cache=1&text=Cached Image

					https://i.pickadummy.com/300x150?cache=2&text=Cached Image