Serving static files

Let's suppose we want to display an image icon for our site (as shown in Figure 8.5):

Figure 8.5 – A header with a static image icon

These are examples of fixed images on the site. These fixed images are static files. They are different from media files that users upload to the site, such as movie images.

In /moviereviews/settings.py, we have a STATIC_URL = '/static/' property. Above the property is a comment, containing a link to documentation on how to use static files:

…
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.0/howto/static-files/
STATIC_URL = 'static/'
…

However, we will go through it here:

1. In /moviereviews, create a folder, static. In it, create an images folder to contain the fixed images used on our site.
2. Bring in an image file (for example, movie.png) that you want to display on your site into the images folder. In moviereviews...