We display the original image on the detail page, but dimensions for different images may vary a lot. Also, the original files for some images might be huge, and loading them might take too long. The best way to display optimized images in a uniform way is to generate thumbnails. We will use a Django application called sorl-thumbnail for this purpose.
Open the terminal and install sorl-thumbnail using the following command:
pip install sorl-thumbnail==12.4.1
Edit the settings.py file of the bookmarks project and add sorl.thumbnail to the INSTALLED_APPS setting, as follows:
INSTALLED_APPS = [
# ...
'sorl.thumbnail',
]
Then, run the following command to sync the application with your database:
python manage.py migrate
You should see an output that includes the following line:
Applying thumbnail.0001_initial... OK...