1/ Intégration des images au cœur du texteCela arrive avec la prochaine mise à jour, en attendant ne pas hésiter à m'envoyer un fichier avec les images pour que je les copie sur le serveur.
2/ Taille des imagesSi on prend les images à 100%, on se retrouve avec une image floue sur les écrans HDPI ou simplement sur un écran HD sur lequel l'utilisateur a mis un zoom de 25%, ce qui est de plus en plus fréquent sur les PC portables.
Cela fait que je conseille de prévoir les images avec le double de pixel qu'affiché, surtout pour des copies d'écran avec du texte, que cela soit lisible.
Pour que cela ne soit pas trop gros, il faut mentionner la taille via "width" pour l'affichage.
Exemple : C'est une image de 2564 pixels de large et je demande son affichage en 1280 pixel de large, soit 2560 pixels sur un écran HDPI ou un PC avec un zoom de 200%.
3/ Format d'imageWebP et AVIF étant pris en charge par tous les navigateurs, il est préférable de les utiliser pour réduire la taille des images, sans toucher à la qualité.
WebP : je l'utilise uniquement pour de la compression sans perte (à la place de PNG).
AVIF : En compression sans perte, il est moins efficace que WebP, mais en compression avec perte, il fait des miracles. Je mets une qualité de 56 ce qui est assez élevé et permet si besoin de récupérer un JPEG sans avoir d'artefacts (par exemple pour partager sur les réseaux sociaux, Twitter n'accepte pas encore AVIF contrairement à d'autres).