[go: up one dir, main page]

0% found this document useful (0 votes)
367 views6 pages

Placeholder

Placeholder.com is a free image placeholder service for web designers. It generates custom placeholder images on demand by specifying the image size, format, background color, text color, and custom text in the image URL. Popular uses include placeholder images for web page designs, banner ads, and logos. The site serves billions of placeholder images each year.

Uploaded by

Oluwabisphem
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
367 views6 pages

Placeholder

Placeholder.com is a free image placeholder service for web designers. It generates custom placeholder images on demand by specifying the image size, format, background color, text color, and custom text in the image URL. Popular uses include placeholder images for web page designs, banner ads, and logos. The site serves billions of placeholder images each year.

Uploaded by

Oluwabisphem
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 6

Skip to content <#content>

<https://placeholder.com/>

<https://placeholder.com/>

Billions & Billions of Placeholder Images Served

Primary Menu
/

* Home <https://placeholder.com/>
* Images// <http://placeholder.com/>
o Stock Photos [Free & Paid] <https://placeholder.com/stock-photos/>
* Text// <https://placeholder.com/text/>
o ASDF <https://placeholder.com/text/asdf/>
o ETAOIN SHRDLU <https://placeholder.com/text/etaoin-shrdlu/>
o Li Europan lingues
<https://placeholder.com/text/li-europan-lingues/>
o Lorem Ipsum <https://placeholder.com/text/lorem-ipsum/>
o Now Is The Time… <https://placeholder.com/text/now-is-the-time/>
o The Fox & the Dog <https://placeholder.com/text/the-fox-the-dog/>
* Banner Ads <https://placeholder.com/banner-ads/>
* Logos <https://placeholder.com/logos/>
* More Resources// <#>
o WordPress <https://placeholder.com/wordpress-resources/>
o Website Design <https://placeholder.com/web-design-tools/>
* About// <https://placeholder.com/about/>
o Contact Us <https://placeholder.com/contact/>
o FAQ <https://placeholder.com/faq/>
o The Rules <https://placeholder.com/rules/>
o Privacy Policy <https://placeholder.com/about/privacy/>

Search for:

Placeholder.com – The Free Image Placeholder Service Favoured By Designers

*Disclosure:* Your support helps keep the site running! We earn a


referral fee for some of the services we recommend on this page. Learn
more <https://placeholder.com/disclosure/>

Sharing is caring!

16shares

* <https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fplaceholder.com%2F
%3Futm_source%3Dfacebook%26utm_medium%3DSocial%26utm_campaign%3DSocial-
Pug&t=Placeholder.com%20%E2%80%93%20The%20Free%20Image%20Placeholder%20Service
%20Favoured%20By%20Designers>
* <https://twitter.com/intent/tweet?text=Placeholder.com%20%E2%80%93%20The%20Free
%20Image%20Placeholder%20Service%20Favoured%20By%20Designers&url=https%3A%2F
%2Fplaceholder.com%2F%3Futm_source%3Dtwitter%26utm_medium%3DSocial%26utm_campaign
%3DSocial-Pug>
* <https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fplaceholder.com%2F
%3Futm_source%3Dlinkedin%26utm_medium%3DSocial%26utm_campaign%3DSocial-
Pug&title=Placeholder.com%20%E2%80%93%20The%20Free%20Image%20Placeholder%20Service
%20Favoured%20By%20Designers&summary=What%20Is%20Placeholder.com%3F
%20Placeholder.com%20generates%20custom%20placeholder%20images%20on%20the%20fly%2C
%20like%20these%20examples%3A-%20%26nbsp%3B%26nbsp%3B%26nbsp%3B%20How%20To%20Use
%20Our%20Placeholders%20Just%20specify%20the%20image%20size%20after%20our%20URL
%20%28https%3A%2F%2Fvia.placeholder.com%2F%29%20and%20you%27ll%20get%20a
%20placeholder%20image.&mini=true>
* <https://www.reddit.com/submit?url=https%3A%2F%2Fplaceholder.com%2F
%3Futm_source%3Dreddit%26utm_medium%3DSocial%26utm_campaign%3DSocial-
Pug&title=Placeholder.com%20%E2%80%93%20The%20Free%20Image%20Placeholder%20Service
%20Favoured%20By%20Designers>

What Is Placeholder.com?

*Placeholder.com generates custom placeholder images on the fly, like


these examples:-*

Contents [hide <#>]

* 1 What Is Placeholder.com? <#What_Is_Placeholdercom>


* 2 How To Use Our Placeholders <#How_To_Use_Our_Placeholders>
* 3 How To Set Image Size <#How_To_Set_Image_Size>
* 4 How To Set Image Formats <#How_To_Set_Image_Formats>
* 5 How To Set Custom Text <#How_To_Set_Custom_Text>
* 6 How To Set Background & Text Color <#How_To_Set_Background_Text_Color>
o 6.1 Popular Hex Color Codes <#Popular_Hex_Color_Codes>
* 7 New! WEBP Support <#NewnbspWEBP_Support>
* 8 New! HTTPS Support <#New_HTTPS_Support>
* 9 NEW! Placeholder Logos, Text & Banners Ads
<#NEW_Placeholder_Logos_Text_Banners_Ads>
* 10 Any Questions? <#Any_Questions>

How To Use Our Placeholders

Just specify the image size after our URL


/(https://via.placeholder.com/) /and you’ll get a placeholder image. So
the image URL should look this:-

|https://via.placeholder.com*/150*|

You can use the images in your HTML or CSS, like this:

|<a href="https://placeholder.com"><img
src="https://via.placeholder.com/150"></a>|

/(Be sure to check out our HTML & CSS tutorials at HTML.com
<https://html.com/>, our sister site, if you’re rusty)/

There are a few simple rules <https://placeholder.com/rules/> before you


use them.

How To Set Image Size

Specify the width first, then height. Height is optional: if no height


is specified, your placeholder image will be a square. So this example…
|https://via.placeholder.com//150/|

…generates a 150 pixel square dummy image:-

Square placeholder image 300px

/*NB:* Size must be the first folder specified in the URL/

How To Set Image Formats

Image format is optional – the default is a .GIF. You can use the
following image file extensions…

* .GIF
* .JPG
* .JPEG
* .PNG

Adding an image file extension will render the image in the correct
format. JPG & JPEG are identical. The image extension can go at the end
of any option in the URL, like this:-
||

||||

* https://via.placeholder.com/300*.png*/09f/fff
* https://via.placeholder.com/300/09f*.png*/fff
* https://via.placeholder.com/300/09f/fff*.png*

|
|

||

How To Set Custom Text

You can specify text for your image by using a query string at the /very
end/ of the URL.

So this URL…

|https://via.placeholder.com/728x90.png*?
text=Visit+WhoIsHostingThis.com+Buyers+Guide*|

…produces this 728×90 sized image /(ie, leaderboard ad dimensions)/:-

WhoIsHostingThis.com Placeholder Image


<https://www.whoishostingthis.com/best-web-hosting/>

Text is optional. The default is the image dimensions in pixels. You can
use A-Z characters, upper or lowercase, numbers, and most symbols.
Spaces are specified with a plus sign (+). For example…

|https://via.placeholder.com/468x60*?text=Visit+Blogging.com+Now*|

…will produces this placeholder banner ad


<https://placeholder.com/banners-ads/> plus the text /(complete with
spaces)/:-

Placeholder Image with text sample <https://blogging.com/>

/(PS. Looking for dummy text? We now have lorem ipsum


<https://placeholder.com/text/lorem-ipsum/> & more placeholder text
<https://placeholder.com/text/> to download)./

How To Set Background & Text Color

By default, text is black and the background grey.

Colors are represented as hex codes after the dummy image dimensions.
For example, #FF0000 is red. Colors /must/ follow the dimensions. So
this image URL…

|https://via.placeholder.com/150*/0000FF/808080 *?Text=Digital.com|
|https://via.placeholder.com/150*/FF0000/FFFFFF*?Text=Down.com|
|https://via.placeholder.com/150*/FFFF00/000000*?Text=WebsiteBuilders.com|
|https://via.placeholder.com/150/000000/FFFFFF/?text=IPaddress.net|

…produces images in the shape of 125×125 button ad


<https://placeholder.com/banners-ads/>:-

<https://digital.com/web-hosting/> <https://down.com/web-hosting/>
<https://websitebuilders.com/> <https://ipaddress.net/>

The first color is always the background color, and the second color is
the text color.

Popular Hex Color Codes

* White – FFFFFF
* Black – 000000
* Red – FF0000
* Blue – 0000FF
* Yellow – FFFFFF
* Green – 008000

*New!* WEBP Support

In January 2019, we added support for Google’s new WEBP image format
<https://developers.google.com/speed/webp/>.

*New!* HTTPS Support

SSL is a big deal for any webmaster in 2018. Your placeholder images
will work with or without HTTPS…
|
*http://*via.placeholder.com/300
*https://*via.placeholder.com/300
|

…called from HTTP or HTTPS domains.


*NEW!* Placeholder Logos, Text & Banners Ads

*
o *Placeholder Logos <https://placeholder.com/logos/>* – Free logo
mockups to download
o *Placeholder Text <https://placeholder.com/text/>* – Free
placeholder text <https://placeholder.com/text/>
o *Placeholder Banner Ads <https://placeholder.com/banner-ads/>* –
Dummy banner ads in common IAB dimensions

Any Questions?

We’ve got answers. Please see our frequently asked questions


<https://placeholder.com/faq/> page.

About Us

*Placeholder.com* is a free image placeholder service for web designers,


serving billions and billions <https://placeholder.com/about/> of images
each year.

You can specify image size & format /(.GIF, .JPG, .PNG, .WEBP)/,
background color & text color, as well as the text.

*Learn how <https://placeholder.com/>* and be sure to follow *the golden


rules <https://placeholder.com/rules/>*.

Placeholder.com <https://placeholder.com/> is a free image placeholder


service for web designers, serving billions of images per year.

About <https://placeholder.com/about/> | Contact


<https://placeholder.com/contact/> | Privacy
<https://placeholder.com/about/privacy/> | Sitemap
<https://placeholder.com/sitemap/>

Popular Placeholders

1. Placeholder Images <https://placeholder.com/>


2. Lorem Ipsum <https://placeholder.com/text/lorem-ipsum/>
3. Dummy Text <https://placeholder.com/text/>
4. Free & Paid Stock Photos <https://placeholder.com/stock-photos/>

© 2010-2019 Placeholder.com, formerly Placehold.it. | Theme: Adventure


Blog by Unitedtheme <http://unitedtheme.com/>.

Scroll up
16shares

* <https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fplaceholder.com%2F
%3Futm_source%3Dfacebook%26utm_medium%3DSocial%26utm_campaign%3DSocial-
Pug&t=Placeholder.com%20%E2%80%93%20The%20Free%20Image%20Placeholder%20Service
%20Favoured%20By%20Designers>
* <https://twitter.com/intent/tweet?text=Placeholder.com%20%E2%80%93%20The%20Free
%20Image%20Placeholder%20Service%20Favoured%20By%20Designers&url=https%3A%2F
%2Fplaceholder.com%2F%3Futm_source%3Dtwitter%26utm_medium%3DSocial%26utm_campaign
%3DSocial-Pug>
* <https://www.linkedin.com/shareArticle?url=https%3A%2F%2Fplaceholder.com%2F
%3Futm_source%3Dlinkedin%26utm_medium%3DSocial%26utm_campaign%3DSocial-
Pug&title=Placeholder.com%20%E2%80%93%20The%20Free%20Image%20Placeholder%20Service
%20Favoured%20By%20Designers&summary=What%20Is%20Placeholder.com%3F
%20Placeholder.com%20generates%20custom%20placeholder%20images%20on%20the%20fly%2C
%20like%20these%20examples%3A-%20%26nbsp%3B%26nbsp%3B%26nbsp%3B%20How%20To%20Use
%20Our%20Placeholders%20Just%20specify%20the%20image%20size%20after%20our%20URL
%20%28https%3A%2F%2Fvia.placeholder.com%2F%29%20and%20you%27ll%20get%20a
%20placeholder%20image.&mini=true>
* <https://www.reddit.com/submit?url=https%3A%2F%2Fplaceholder.com%2F
%3Futm_source%3Dreddit%26utm_medium%3DSocial%26utm_campaign%3DSocial-
Pug&title=Placeholder.com%20%E2%80%93%20The%20Free%20Image%20Placeholder%20Service
%20Favoured%20By%20Designers>

We use cookies to ensure that we give you the best experience on our
website. If you continue to use this site we will assume that you are
happy with it.Ok <#>

You might also like