Avec le logiciel desktop Affinity Designer on peux créer plusieurs images avec des resolutions différentes pour les différents supports de visionnage de notre site.
Utiliser l'attribut "srcset"
//srcset="chemin largeur, chemin largeur, chemin largeur"
srcset="ultra.jpg 3200w, desktop.jpg 1600w, phone.jpg 800w"
Utiliser l'attribut pictures :
<picture>
<source media = "(max-width: 500px)" srcset = "smallimage.jpg">
<source media = "(max-width: 1500px)" srcset = "bigimage.jpg">
<img src ="defaultimage.jpg" alt="">
</picture>