Apologies – I’ve pasted my original post below
Hi Andrew,
I am also having the same issues. My images are 300dpi and set to the same scale as the slider so I don’t understand why the images are pixelating – They appear perfectly clear in photoshop and illustrator and I only have this issue with the full width slider.
Unfortunately I can’t send you a link to my website as I’m currently building it via MAMP until it’s ready to upload. The scale of my slider is 1080x350px, Nivo Slider (not stretched). I can send screen shots of the page if it will help at all?
Many thanks,
Sam
Hi Sam :)
Can you perhaps confirm for me, is your slider stretched? I know you said it is, but then later you said not stretched. When you view it on your screen, is it full width?
There are two things at play here:
1. A problem for all photographers using WP. Image quality does get dropped a bit. You can up this back to 100% using this plugin:
https://wordpress.org/plugins/wp-resized-image-quality/
2. 100% sliders are hard to get right. If you think about it, if your image is 1080px wide and your screen 1904 (23″ example) the image has to do something to make up for the missing pixels. So some pixelation is expected. One way of handling this is to put your text on a second layer that doesn’t stretch, we cover that here:
https://siteorigin.com/vantage-documentation/slider/
Assuming you have text in your slider.
Let me know your thoughts. Thanks.
Hi Andrew,
Sorry for the confusion – the slider is full width of the page, but in the advanced settings when editing my slider, the ‘Stretch’ option is un-ticked.
I tried the plugin but it didn’t work. I’m guessing the issue is to do with the size of my monitor seeing as it’s 27″ mac that I’m working off?
Thanks,
Sam
No problem. That is the challenge. You could try working with a larger image, try upping the width if possible.
I tried that but it didn’t make a difference at all for some reason :/ I made the image 68cm wide but it still pixelates just the same.
The behaviour that I’d expect to see is if you make the image the same width as the display, no pixelation would occur. So in this case 2560. If that’s not happening it might be best to continue with the project and let us know once there is a live url we can take a look at.