placehold.it-Online Image Generator

Introduction of Placehold

When we do web design, we often use images of various sizes. Sometimes we use a fixed width and high div to replace, but this effect is not very obvious, but also to carry out a variety of text description, or we have to look for various sizes of images from the internet and then upload it, more trouble. If you have a placehold at this time, you needn't be so troublesome. Placehold can be based on the needs of users to generate a variety of size of the picture, at the same time with their own text, but also according to their own needs to modify the background color of the picture and text color.

Of course, there will certainly be a lot of people say, Dummyimage also provide the same function, but unfortunately, our ladder is not high enough. In my search for dummyimage alternative tools, inadvertently saw placehold.it this site, although the use of not dummyimage so handy, but it is actually quite good after understanding.

Use of Placehold

The above is a simple introduction to the next Placehold, now how to use this.

Format description

First of all, simply say the address format of the image in this website:

http://www.placehold.it/widthxheight/bgcolor/textcolor[&text=hello+world]

Composition Description:
1. http://www.placehold.it: Website address.
2. Widthxheight: Picture width (width) and height (height), note the middle of width and height is x , not * , such as 350x200; at the same time, the height can default, then the default Height=width , a square picture of the width of the edge is generated.
3. BgColor: The background color of the picture, the value is 6 bits of 16 decimal numbers, such as FFFFFF, 7d7d7d, etc.
4. TextColor: The color of the text, can be a separate default, you can also default with bgcolor, the same value as bgcolor.
5. &text=hello+world: If you want to add text to the image, then the entire URL is appended to the last &text= text, if there is space in the middle of the text, use + instead; The field can be default, showing the width and height of the picture by default.

Special attention is paid to the following:

* Widthxheight must be the first parameter;
* Bgcolor/textcolor, two parameters must be attached, the middle can not be inserted into other parameters;
* &text= If any, it must be the last parameter.

Example: http://www.placehold.it/350x150/
　　

http://www.placehold.it/350x150/8B7355/B23AEE/
　　

Http://www.placehold.it/350x150/8B7355/B23AEE/&text=love+wenzi
　　

The format suffix of the picture

Images have a variety of format suffixes:. gif,. jpeg,. jpg, PNG, etc. Placehold can also add the format suffix of the image, which can be added to the widthxheight, bgcolor or textcolor of any one of the parameters, such as:

http://www.placehold.it/350x150.png/8B7355/B23AEE/  Http://www.placehold.it/350x150/8B7355.gif/B23AEE/http ://www.placehold.it/350x150/8b7355/b23aee.jpg/

Finally, provide a color table with your favorite color: http://www.114la.com/other/rgb.htm

Original address: http://www.xiabingbao.com/f2e/2015/03/12/placehold-introduce/

placehold.it-Online Image Generator