Excellent article sur la représentation des images et photos d’illustration sur les pages Web !
J’apprécie le travail effectué pour illustrer justement ce que les différents types de compression rendent.
Enfin, j’ai adoré la phrase de conclusion très bien trouvée.

« Moralité : si on vous a vendu du dithering en guise d’éco-conception mais que vos images sont aussi lourdes que des JPG bien compressés, alors… votre tramage se rapporte à votre plumage. »

J'aime bien cette approche.
Traduction de la page d'arrivée :

Ce site web est un simple fichier HTML. Il utilise simplement le suffixe #anchor (de 1992) et le sélecteur CSS :target pour afficher et masquer les pages/contenus.

Cette configuration est sans base de données, sans javascript et sans buildshit, de sorte que vous pouvez éditer votre site web avec un éditeur de texte et le télécharger quelque part comme une personne normale.
Faites-le vous-même :

1. Téléchargez index.html et style.css
2. Ajoutez une <section> avec un id pour définir une nouvelle page dans index.html

<section id="contact">
Contactez-moi !
</section>

3. et si vous le souhaitez, un lien vers le site dans <nav>

<a href="#contact">Contact</a>

À cogiter pour ailleurs !

This website is a single HTML file. It simply uses the #anchor suffix (from 1992) and the :target CSS selector to show and hide pages/content.

This setup is databaseless, javascriptless, and buildshit-free, so you can edit your website with a text editor and upload it somewhere like a normal person.
Do it yourself:

1. Download index.html and style.css
2. Add a <section> with an id to define a new page in index.html

<section id="contact">
Contact me!
</section>

3. And if you want, a link to it inside <nav>

    <a href="#contact">Contact</a>

via https://links.shikiryu.com/shaare/7kU41Q

Intéressant !

Via https://cyberstructure.fr/
Via https://www.bortzmeyer.org/generateurs-web-statiques.html