Django 3 Web Development Cookbook - Fourth Edition

How to do it...

Go through the following steps to add the responsive images:

1. First of all, let's install django-imagekit into your virtual environment and add it to the requirements/_base.txt. We'll be using it to resize original images to specific sizes:

(env)$ pip install django-imagekit==4.0.2

2. Put the "imagekit" into the INSTALLED_APPS in the settings:

# myproject/settings/_base.pyINSTALLED_APPS = [    # …    "imagekit",    # …]

3. In the beginning of the models.py file, let's import some libraries that are used for image versions and define a function responsible for the directory and the filenames of picture files:

# myproject/apps/locations/models.pyimport contextlibimport os# …from imagekit.models import ImageSpecFieldfrom pilkit.processors ...