Le script JS est pas super intelligent (il faudrait par exemple ajouter une classe CSS sur les images disponibles en haute résolution plutôt que d'y aller aveuglément sur toutes les images). Et effectivement, il y a le problème des images chargées à double. Le problème, c'est que je ne vois pas tellement d'autres moyens de faire ça plus proprement pour les tags img.
Par contre, l'astuce à base de CSS est très bonne, même si elle ne fonctionne que pour les images mises en background.
Une autre piste pour les écrans haute définition : utiliser du svg partout où c'est possible. C'est pas adapté pour les photos, mais pour tout ce qui est icône et pour la plupart des images décoratives, c'est une option intéressante (en gardant un fallback png pour les vieilles versions d'IE)
[^] # Re: Apple
Posté par Buf (Mastodon) . En réponse au journal La crise des pixels : régression des résolutions. Évalué à 2.
Le script JS est pas super intelligent (il faudrait par exemple ajouter une classe CSS sur les images disponibles en haute résolution plutôt que d'y aller aveuglément sur toutes les images). Et effectivement, il y a le problème des images chargées à double. Le problème, c'est que je ne vois pas tellement d'autres moyens de faire ça plus proprement pour les tags img.
Par contre, l'astuce à base de CSS est très bonne, même si elle ne fonctionne que pour les images mises en background.
Une autre piste pour les écrans haute définition : utiliser du svg partout où c'est possible. C'est pas adapté pour les photos, mais pour tout ce qui est icône et pour la plupart des images décoratives, c'est une option intéressante (en gardant un fallback png pour les vieilles versions d'IE)