Fullscreen slider, How to have sharp image with retina
-
Hello !
I would like to know how can we do to have very sharp images for retina display. I have disable the media compression on wordpress but still have a little blur on text. What is the best way to get very sharp image ( that include text ) with fullscreen slider. Currently, i am uploading picture 2x size (72 dpi ) that it should be, but the size of the images will also depends the size on the screen of my visitor.Need some advices :)
-
Hey did you try the option "Never show resized versions of your images" in "Lay Options" -> "Misc Options"?
That could help.Hm text should be sharp when you use a normal font for retina.
-
Hey Nathalie,
I think its hard to make a text sharp that is in the image.
If you make the row browser filling, then you can put a text element on the image! Like shown in the video. Here I put a text underneath an image but you can also put it on the image but only in browser filling rows: http://laytheme.com/documentation.html#use-browser-height-for-row-height
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it