What is a Retina image and how to check Optimole is serving the Retina images?
A Retina image is an image created specifically to look sharp on a Retina display. Retina screens, also known as HiDPI screens, feature a significantly higher pixel density compared to standard screens. Consequently, images must be twice their original size to ensure that everything appears crisp and well-defined on these high-resolution displays.
If you're using a Retina display and you observe that the images appear slightly blurry after optimization, it's advisable to activate this option. By enabling the "Retina images" feature, the images will be fine-tuned to display correctly on Retina screens.
Enable the Option
To serve the Retina image, enable the Retina images option in Optimole settings ( Advanced > Resize ).
📝 Note: You need to have our lazyload enabled for images to be optimized for retina displays.
How to check Retina images are being served by the Optimole
Check the image by doing the inspect element, and you will see “dpr:2.0” parameter in the image URL served by the Optimole. For reference, please check the below image.
🗂 Useful Resources
If you want to learn more about Retina images, check the following links: