Ouvrir le menu principal

MacGeneration

Recherche

Chrome 34 gère correctement les images Retina

Nicolas Furno

vendredi 28 février 2014 à 00:10 • 12

Logiciels

Sorti aujourd’hui en version bêta, Chrome 34 est le deuxième navigateur à apporter une vraie réponse aux problèmes des images adaptées aux écrans Retina, après Webkit il y a quelques mois. Sur un appareil iOS ou sur un MacBook Pro Retina, les sites doivent afficher des images deux fois plus grandes pour que le visiteur bénéficie d’une image parfaitement nette. Malheureusement, ces photos sont aussi beaucoup plus lourdes et elles restent inutiles à la majorité des internautes qui, faute d’écran Retina, ne verront pas la différence.

Jusque-là, les différentes solutions existantes relevaient toutes du bricolage. Soit le webmaster choisissait de ne proposer que des images Retina, avec à la clé de la bande passante consommée pour rien et des temps de chargement allongés. Soit il mettait en place une solution, mais le site devait alors le plus souvent charger une première fois pour déterminer si l’écran du visiteur est Retina, avant de servir les bonnes images.

La solution adoptée par Google est bien plus efficace et son intégration à Chrome est un pas en avant indéniable dans sa démocratisation. L’idée est de modifier la balise HTML img en lui ajoutant un champ srcset qui contient non seulement l’image de base, mais aussi toutes les variantes pour les écrans Retina. Sur cet exemple fourni par l’éditeur, on voit l’image originale et deux versions, une deux fois plus grande et une quatre fois plus grande qui sera utile pour les télévisions 4K. C’est le navigateur qui charge automatiquement la bonne image en fonction de l’écran sur lequel il est utilisé.

<img alt="A rad wolf." src="pic1x.jpg" srcset="pic1x.jpg 1x, pic2x.jpg 2x, pic4x.jpg 4x">

Cette syntaxe a l’avantage d’être si simple qu’elle peut être adaptée très rapidement à n’importe quel site existant. Pour le moment, elle n’est gérée que par une infime minorité des navigateurs web, mais on peut espérer que les autres acteurs suivront. Alors que Webkit a intégré la fonction il y a de cela plusieurs mois, la fonction n’a jamais été portée à Safari, le navigateur grand public d’Apple. Quant aux autres navigateurs, ils suivront sans doute forcément le mouvement, d’autant que srcset est désormais étudié par la W3C qui fixe les standards du web.

D’ici là, Chrome 34 contient d’autres nouveautés, comme la gestion des fichiers audio sans préfixe, et la prise en charge d’une balise CSS pour gérer plus finement la ligature dans les textes. Ces nouveautés sont proposées pour les versions bureautique et mobile du navigateur. Si vous voulez tester cette version bêta, vous pouvez la télécharger à cette adresse.

Rejoignez le Club iGen

Soutenez le travail d'une rédaction indépendante.

Rejoignez la plus grande communauté Apple francophone !

S'abonner

Des écrans, mais surtout des robots humanoïdes. Futur joyeux ou apocalyptique ? La semaine de Gurman

16/02/2025 à 20:30

• 17


Promo : le MacBook Air M3 16 Go à 1099 € (+ une cagnotte de 109 € chez Leclerc)

16/02/2025 à 18:16

• 17


Easter Egg : quand Apple cache des petites blagues dans ses produits

16/02/2025 à 10:00

• 15


Plans commence à rebaptiser le Golfe du Mexique 🆕

16/02/2025 à 09:45

• 165


Avec visionOS 2.4, le Vision Pro devrait s'ouvrir à Apple Intelligence

16/02/2025 à 09:01

• 18


DockKit, la technologie Apple dont vous ignorez probablement l'existence, s'améliore encore

15/02/2025 à 12:37

• 12


Sortie de veille : le premier produit Apple de l’année fait-il battre notre cœur ?

15/02/2025 à 08:00

• 12


iPhone SE 4 : les chiffres de vente devraient cartonner, selon Ming Chi-Kuo

15/02/2025 à 07:30

• 52


Le site gouvernemental DOGE.gov monté à l’arrache... et piraté en quelques heures

14/02/2025 à 20:30

• 211


Severance : comment imprimer en 3D son PC Lumon Industries

14/02/2025 à 16:23

• 8


Synology présente des caméras qui se passent de NAS

14/02/2025 à 14:45

• 9


Le marché des appareils photo reprend de pâles couleurs

14/02/2025 à 12:45

• 29


Acheter un Mac mini M2 à 369 € chez Apple, c'est possible !

14/02/2025 à 11:59

• 34


Interop revient pour améliorer la compatibilité de Safari, Chrome et Firefox

14/02/2025 à 11:15

• 10


Écoutes de Siri : la Ligue des droits de l’homme porte plainte contre Apple

14/02/2025 à 10:32

• 117


Netflix commencerait à s'intégrer dans l'app TV d'Apple

14/02/2025 à 09:57

• 39