Slider Image Blurry
This support request was posted in BBQ by AKanellopoulos
- AKanellopoulos February 29, 2016 at 12:40 am
Hi Juan,
I understand the slider images are 960 x 400 which is a weird 12:5 aspect ratio, but I would love for my 5184 x 3456 (3:2) to stay crystal clear after being used as a featured image for the slider after they are cropped.
How can I go about this?
Do I just need to use a 12:5 aspect ratio image? Or does the image have to be 960 x 400 so that the theme doesn’t mess with it at all, leaving it nice and clear? Should I change the slider image resolution in the theming code?
Thank you!
Juanfra Aldasoro February 29, 2016 at 1:17 pmHi,
Thank you for writing. The slider image is by default 960 x 400, which is something standard for this type of design.
You can use a 12:5 aspect ratio image and WordPress will automatically resize the image.
The image resolution doesn´t have to do with the aspect ratio, they will only look blurry if you use a small image for the slider (because if the image is not big enough, the slider stretches the small image in order to fit the dimensions).
The WordPress image quality is set via the theme options panel. Over the “Images” section.
Best,
Juan.AKanellopoulos February 29, 2016 at 4:25 pmThanks for your reply, Juan.
Unfortunately, on my Macbook Pro Retina, the image is clearly blurry when viewed on the slider. If I check the image directly in the WordPress media viewer, it is as sharp as the original, which can be seen here https://www.dropbox.com/s/cyyq3bvmdfrtgix/Crust%20Slider%20Image.jpeg?dl=0.
Sorry if I sound web design illiterate, but is the slider not retina ready?
AKanellopoulos February 29, 2016 at 4:28 pmIn fact, all the slider images are like that, it just happens to be more of an issue with this picture in particular.
Juanfra Aldasoro February 29, 2016 at 8:39 pmHello,
Thank you for the follow up.
Well, actually, to make an image retina ready requires to make the image double sized (in pixels, that would be 1920x800px ) and displayed within the slider container (960px) with 100% width. The slider is retina ready when viewed from mobile devices such as iPhones, but unfortunately not when it is viewed in a notebook with retina support. That’s perhaps the reason why you get to see the image a bit blurry.
Best,
Juan.
You must be logged in to reply to this topic.