Simple Django app for static files (img files):

• Download external images
• To center images
• Lazy load images

pip install django_remdow

Add 'django_remdow', to INSTALLED_APPS:

INSTALLED_APPS = [
    ...
    'django_remdow',
    ...
]

remdow app contains different filters and tags. You can activate them with line in your template:

# example.html

{% load remdow %}

If you have model with HTML content which contains external images, you can download external images to local folder and receive static with help nginx:

Use filter img_local:

{{ '<img src="http://placehold.it/350x150"><img src="http://placehold.it/350x150">'|img_local }}

This filter parse HTML code, finds img tag, parses urls and then downloads image to local folder, and finally, replaces img url to local url.

You can use layzr.js for lazy loading images.

Load lazy script:

{% lazy_script_include %}

And use filter img_lazy:

{{ '<img src="http://placehold.it/350x150">'|img_lazy }}

Filter img_center centers all images

{{ '<img src="http://placehold.it/350x150">'|img_center }}

Filter adds class center-block to all img tags

Filter img-responsive responsives all images

{{ '<img src="http://placehold.it/350x150">'|img_responsive }}

Filter adds class img-responsive to all img tags