To use imgble, you need to prefix your images with

So your HTML image tag becomes like this

<img src="" alt="my image" />

imgble will automatically detect the mobile device’s resolution and resize the image accordingly.

Specifying the width and height

If you want to bypass the automatic detection, and want to specify the dimensions, simply add the width and the height at the end of the URL, like that

The above URL will output the image with width at 200px and the height at 300px, ignoring the aspect ratio.

If you want to keep the aspect ratio, you supply only the width or only the height. For the width:

And for the height, you need to specify the width to zero, like that:

Output format

Choosing the output format too is possible. The supported output formats are jpeg(default), png and gif. For example:

will output the resulting image in png format.

You can mix the output format with the width and height explained above like that:


There are over 20 effects you can apply on the fly on your images. More info on the effects documentation page.

Comment now!