Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Image Placeholder APIs

DZone's Guide to

Image Placeholder APIs

· Web Dev Zone
Free Resource

Learn how to build modern digital experience apps with Crafter CMS. Download this eBook now. Brought to you in partnership with Crafter Software

In a previous article I discovered fake images please which allowed you to put image placeholders on your webpage by using an image placeholder API. I had a number of comments about this post from other people sending links to other image placeholder APIs.

Here is a list of 10 other APIs.

PlaceKitten

A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code. Just put your image size (width & height) after our URL and you'll get a placeholder.

To display this image just use the following URL http://placekitten.com/200/300.

<img src="http://placekitten.com/200/300" alt="Place Kitten" />

Place Kitten

<img src="http://placekitten.com/g/200/300" alt="Place Kitten" />

Place Kitten

Placekitten

Placedog

If your more of a dog person then you can use the API placedog, it works the same way just pass in the parameters to the image and it will display an image of dogs for your application.

<img src="http://placedog.com/200/300" alt="Place Dog" />

Place Dog

<img src="http://placedog.com/g/200/300" alt="Place Dog" />

Place Dog

Placedog

Bacon Mockup

A simple way to use pictures of tasty meat as placeholders in your design. Just put your image width and height in our url and you'll get some meat. Inspired by the awesome placekitten.com.

<img src="http://baconmockup.com/200/300" alt="Bacon Mockup" />

Bacon Mockup

<img src="http://baconmockup.com/400/300" alt="Bacon Mockup" />

Bacon Mockup

Bacon Mockup

Lorempixel

<img src="http://lorempixel.com/400/200/" alt="Lorem Pixel" />

Lorem Pixel

<img src="http://lorempixel.com/g/400/200/" alt="Lorem Pixel" />

Lorem Pixel

Lorempixel

Placehold.it

<img src="http://placehold.it/400x200" alt="Placehold.it" />

Placehold.it

<img src="http://placehold.it/200x400" alt="Placehold.it" />

Placehold.it

Placehold.it

Fake Images Please?

<img src="http://fakeimg.pl/400x200" alt="Fake Images Please?" />

Fake Images Please?

<img src="http://fakeimg.pl/200x400" alt="Fake Images Please?" />

Fake Images Please?

Fake Images Please

Dummy Image

<img src="http://dummyimage.com/400x200" alt="Dummy Image" />

Dummy Image

<img src="http://dummyimage.com/200x400" alt="Dummy Image" />

Dummy Image

Dummy Image

Place Ape

<img src="http://placeape.com/400/300" alt="Place Ape" />

Place Ape

<img src="http://placeape.com/g/400/300" alt="Place Ape" />

Place Ape

Place Ape

Place Skulls

<img src="http://placeskull.com/400/200/" alt="Place Ape" />

Place Ape

<img src="http://placeskull.com/g/400/200/" alt="Place Ape" />


Place Skull

Anymore?

Do you know of anymore that aren't on this list please let me know in the comments.

Crafter is a modern CMS platform for building modern websites and content-rich digital experiences. Download this eBook now. Brought to you in partnership with Crafter Software.

Topics:

Published at DZone with permission of Paul Underwood, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

THE DZONE NEWSLETTER

Dev Resources & Solutions Straight to Your Inbox

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.

X

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}