Free Trial
10 days, no credit_card

<< More Tutorials

How to make an image responsive in Python 3 using rethumb?

The following code prints HTML with responsive images support. It's ready to use and defines three levels of resolution: 400px, 800px and original image.

Adapt and start using the following code in Python 3 (we use Picturefill as polyfill):

image_url = "";

small_width = 400; # Image width for small resolutions (less than 400px). 
large_width = 800; # Image width for medium resolutions (less than 800px).
image_width = 999; # Image original width (used for resolutions larger than 800px).


<script src=""></script>

<img src="{small_width}/{image_url}"

     srcset="{small_width}/{image_url} {small_width}w,
   {large_width}/{image_url} {large_width}w,
             {image_url} {image_width}w"

     sizes="100vw" />
""".format(image_url = image_url, small_width = small_width, large_width = large_width, image_width = image_width))

Start using this example now

Use the following commands to get started:

$ git clone
$ cd rethumb-python3-examples
$ python3 responsive-images.js

More examples using Python 3