About Using WebP Images

1
2
3
4
5
6
7
8
9

{% load static %}
<picture>
  <source type="image/webp" 
    srcset="{% static 'site/img/logo.webp' %}" />
  <source type="image/png" 
    srcset="{% static 'site/img/logo.png' %}" />
  <img src="{% static 'site/img/logo.png' %}" 
    loading="lazy" alt="Logo" />
</picture>

Tips and Tricks User Experience Web Design Development Django 4.2 Django 3.2 Django 2.2 HTML5

• Share
  on X
• Share
  on Facebook
• Share
  on LinkedIn