Je teste actuellement mes sites Web sur différents types d’écrans et, bien que mon recadrage d’images fonctionne parfaitement sur un écran autre que la rétine, je rencontre quelques problèmes de recadrage sur les écrans de rétine.
J'ai deux tailles d'image qui sont recadrées à des dimensions différentes. Pour ce faire, j'ai dans mon fichier functions.php:
add_image_size('sidebar-thumbnail', 70, 70, true);
add_image_size('small-thumbnail', 300, 180, true);
Sur les écrans sans rétine, les images sont parfaitement cadrées pour les deux tailles. Cependant, sur les écrans de la rétine, les images semblent écrasées sur l'une des deux tailles, par exemple:
la vignette de la barre latérale est écrasée horizontalement pour tenir dans le carré. Dans d'autres exemples, la vignette de la barre latérale a l'air bien, mais la petite vignette est étirée horizontalement pour correspondre à la taille. Cela me semble confus, car sur les écrans de résolution standard, les deux vignettes sont parfaitement cadrées, même lorsque les deux mêmes images ne s'affichent pas correctement sur la rétine. Est-ce que quelqu'un sait quelle pourrait être la cause de ceci?
J'ai constaté que la cause de ce problème était un plug-in que j'avais activé, censé gérer des images de la rétine appelées WP Retina 2X . J'ai désactivé le plugin et il a immédiatement résolu le problème.