[Undrwatrgrl]

Hi,

I have been trying to optimize my photos as feature images on my pages but no matter what I do they keep showing up as heavily pixelated. Do you have any suggestions?

Thanks,

Gabrielle

[TBrewer]

What resolution are the pictures? What is the width of your site/slider set at?
The numbers are adjustable so if you want to use some smaller pictures adjust for that. Beyond that as long as you can find the slider ratio and crop your pictures to the same it’s just a matter of using photos that have a high enough resolution to not appear pixelated at that size. I believe the default settings are something like 1380×525.

[Undrwatrgrl]

The images were raw so they were very high resolution. I have resized them multiple times using different dpi’s (72-180dpi), cropping, and changing the width (1000-2000+ pixels). No matter what I do the image is pixelated. I will try the ratio you suggested or try to find the slider ratio. I am not sure what the width of the site/slider is set at. How do I find out the slider width and the slider ratio?

[Undrwatrgrl]

I have tried setting the width to the exact width of the site (1380) and it did not change a thing. The image is still highly pixelated and looks terrible.

[TBrewer]

I realize now I misunderstood your problem. I was under the impression it was the landing page image that was giving you problems not the header images on the separate pages. Have you tried adjusting the header image behavior? You can toggle between responsive and cropped, you’re likely getting a cropped image now. This shouldn’t cause pixelation, in fact these are the only options in order to prevent that, but the responsive image may give you more information on the true image size after uploading it. Is there any chance it could have been compressed in that process? Have you tried looking at the photos via some other wordpress media type? e.g. a slider, embedding the picture, etc. I haven’t had any issues with compression when uploading but it’s possible. Beyond that you’ll have to wait for Zed to make his rounds.

[Undrwatrgrl]

The landing page image is fine but yes I am having issues with the feature images. I think I know what is going on. There is something in the code for the header images that makes them enlarge and that’s when the pixelation is happening. This is really frustrating because it won’t let you adjust what is being shown and it just distorts the images. Hopefully Zed can explain why this happens.

[Zed]

I would need to see the site in question.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts