When I add a simple image to a page via the visual composer - how can I make sure that this image is being displayed in retina resolution?
I was playing around with different image sizes (thumb, full etc.) as well as with doubling the resolution of the image in the library and then sizing it down by typing in the half resolution (e.g. 200x50 using a 400x100 original file in the library).
It always comes out blurry on the retina display. What can I do?
To set the image retina ready, you need to set double size image.
If you set the thumbnail size to 200x50 the wordpress will create a thumbnail 200x50 so the image wont be retina ready.
The image will take all the size of their containers, so use big image.
The best thing to do is add custom class to the image, for example add custom class \"my_image\" and then go to thefox > styling options to add something like this :
.my_image { max-width:200px; }
Do not hesitate to contact us if you have other questions.
Hi folks!
I love to work with your theme. My question:
When I add a simple image to a page via the visual composer - how can I make sure that this image is being displayed in retina resolution?
I was playing around with different image sizes (thumb, full etc.) as well as with doubling the resolution of the image in the library and then sizing it down by typing in the half resolution (e.g. 200x50 using a 400x100 original file in the library).
It always comes out blurry on the retina display. What can I do?
Thanks
Aaron
Hello Aaron,
To set the image retina ready, you need to set double size image.
If you set the thumbnail size to 200x50 the wordpress will create a thumbnail 200x50 so the image wont be retina ready.
The image will take all the size of their containers, so use big image.
The best thing to do is add custom class to the image, for example add custom class \"my_image\" and then go to thefox > styling options to add something like this :
.my_image { max-width:200px; }
Do not hesitate to contact us if you have other questions.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme