Ever got sick of constantly creating different sized temporary images in your graphics editor of choice, time after time?

What if you could just enter the size that you need in your HTML, without having to resize, save out and upload those images again and again? Now you can!

tempimag.es allows web developers and designers to generate temporary images on the fly. You can customise the size required, background and foreground colours and optionally add some sample text.

These options are defined in the tempimag.es URL that you use in your code – so that if there’s ever a need for a quick change, you can do so with just a few keystrokes – letting you focus on more important tasks on hand.

Have a look below for a few samples of the images that tempimag.es can generate for you, or check out the information to the right to find out how to use it.

You can use the URL to tell tempimag.es what you want it to generate. A typical tempimag.es URL looks like this:

http://tempimag.es/400x150/000000/FFD500/tempimag.es.png

... which will generate the image below:

For HTTPS connections, simply replace the http:// part of the URL above, with https://.

The URL can be broken up as follows:

  • 400x150 – size of the image to generate. Must be <integer>x<integer>, otherwise will default to 200x200
  • 000000 – the hex code of the foreground colour (in this case, black). Can be shortened to ‘000’ for hex colours that are collapsable. Defaults to #aaa
  • FFD500 – the hex code of the background colour (in this case, a tasteful yellow). It too can be shortened like the foreground colour above. Defaults to #111
  • tempimag.es.png – custom text to appear embedded in the image. You don’t need to put this in if you don't want text (the size label will always appear). The ‘.png’ extension will generate a PNG file; other available options are .gif or .jpg. Default is no text.
  • All parameters are set to the order as above, but will fall to defaults if omitted, ie. you will need to specify a foreground colour if you want a background colour.
  • The file format option can be tacked on the end of any last parameter (eg. if you just want a 500x300 image with default options in GIF format, just use 500x300.gif)