DEV Community

Demi
Demi

Posted on • Updated on

Placeholder for image

Save time and effort with our convenient placeholder images. https://placeholder.ink

How it works?

It's easy! Just choose the size, color, and text you want, and you will get an image that meets your requirements!

Default image placeholder

The default setting only uses the image size. You'll receive an image with the dimensions you specified, the default gray background, and the specified image size:

<img src="https://jpg.placeholder.ink/600x250" alt="600x250">
Enter fullscreen mode Exit fullscreen mode

Customize background color

You can customize the background color by specifying the color you need in HEX format, consisting of 6 digits:

<img src="https://jpg.placeholder.ink/600x250/cecece" alt="600x250/cecece">
Enter fullscreen mode Exit fullscreen mode

Adding text to an image

You can also add text to the image. If you need to add more than one word, use a plus sign (+) instead of a space:

<img src="https://jpg.placeholder.ink/600x300/8ac9eb/placeholder+banner" alt="600x300/8ac9eb/placeholder banner">
Enter fullscreen mode Exit fullscreen mode

Image description

Top comments (0)