1) Is there a setting to reduce the darkness of, or remove, the gradient on home page top block featured images?
2) What dimensions do you recommend for the featured image to be the LEAST degraded in visual quality on the home page?
3) As you can see in the example below, the larger version is significantly pixelated and the smaller version is much much worse.
4) Would you recommend PNG or JPG and would file format help with this?
Bottom line – Not a fan of how ugly this looks on my page. Was hoping for clean, crisp, light, and contemporary. What I see here thanks to that huge overbearing gradient and image pixelation, is kind of a cluttered mess.
I get why there’s a gradient. So you can read the title on top of the image. But there are better ways to make Titles visible on white backgrounds than to completely gray out the entire bottom half of such a large image.
How can I fix these things?
BY THE WAY: HERE’S THE ORIGINAL IMAGE AND WHAT I WAS HOPING TO SEE ON THE HOME PAGE:
Bump
Hi,
Sorry for the delay. Please try not to bump the post or reply multiple times in it, this will only delay the response on our part as it will refresh the topic date. We reply from oldest to newest.
1. Big grids have some styles you could check out
– https://demo.tagdiv.com/newspaper/big-grid-1/
The gradients purpose in big grids and other elements is to make the post meta more visible. For example here is the difference with and without it in a case
– https://prnt.sc/nimb5m – https://prnt.sc/nimbae
It could be removed if needed for normal grids, with some CSS. Mention the grid you are using and I will give you a code for it. Let me know.
Or you could use a flex grid, and remove/change the default gradient in it’s settings
– http://prntscr.com/nje3ye – http://prntscr.com/nje45m
2. Bigger than the required thumbnail size would be better in most cases, the theme will create thumbnails from it, so the original image can be bigger
– https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
3. I could take a look at it, please post a link to where I can see it. The smaller thumbnail looks quite bad in that screenshot.
4. You can use the format you want and think best. Here are some topics about it
– https://codex.wordpress.org/Image_Size_and_Quality
– https://www.a2hosting.com/blog/pngs-vs-jpegs/
– https://www.labnol.org/software/tutorials/jpeg-vs-png-image-quality-or-bandwidth/5385/
– https://undsgn.com/jpg-vs-png/
– https://blog.shortpixel.com/png-jpeg-dilemma/
Let me know.
Thanks
