Activity Mega Menu thumbnails blurry

[kimolinders]

Hi Sanjeev,

I am having problems with the activity mega menu, with all images (except 1) being blurry.
All menu items are custom links, # as URL and CSS Class menu-grid-item. Thumbnails are regenerated.
Uploaded images are:

• Routes: 290x165 144DPI Open image in new tab: https://staging.ertcu.com/wp-content/uploads/Routes_menu-315x150.jpg
• Soft Adventures: 290x165 144 DPI Open image in new tab: https://staging.ertcu.com/wp-content/uploads/Soft_Active_menu-315x150.jpg
• Activities: 290x165 144 DPI
• Culture: 290x165 144 DPI Open image in new tab: https://staging.ertcu.com/wp-content/uploads/Culture_menu-315x150.jpg
• Passes: 400x190 300DPI Open image in new tab: https://staging.ertcu.com/wp-content/uploads/Passes_menu4-315x150.jpg
• Sightseeing: 1400x675 96DPI Open image in new tab: https://staging.ertcu.com/wp-content/uploads/1400x675-96dpi-315x150.jpg
• Tours: 1400x933 72 DPI Open image in new tab: https://staging.ertcu.com/wp-content/uploads/Smith-demonstration-Heritage-Park-Calgary-Albereta-315x150.jpg
• Urban: 1919x1080 300 DPI Open image in new tab: https://staging.ertcu.com/wp-content/uploads/2016/12/Culture_menu.jpg *This is the only sharp image, strangely enough also with different dimensions
• Wildlife Viewing: 1920x1080 300DPI Open image in new tab: https://staging.ertcu.com/wp-content/uploads/1920x1080-300dpi-315x150.jpg ** Same image size as “Urban”, but using default menu dimensions
• Ferries: 1920x925 300DPI Open image in new tab: https://staging.ertcu.com/wp-content/uploads/1920x925-300dpi-315x150.jpg

Strangely, if I open the menu image in a new tab, this image is sharp, while the menu image is not.

[waituk]

Hello, the image URL’s you have provided shows the blurry images. You may want to clear the server or CDN cache and retry again. And most likely the one that shows sharp, you probably didn’t have it cached or is the newly added images. Thx.

[kimolinders]

Hi, thanks for your reply.

Purging the cache didn’t make a difference (I have turned off caching when making many changes anyways).
The blurred images are all newly uploaded (within the last week), while the only sharp one was uploaded in 2016 already.
Also, the only sharp one is the only one with different dimensions (different than theme’s automatic resized dimensions).
Any other ideas how to solve this?

Issue seems similar to:

Activities type menu show images of bad quality

Hello Sanjeev, I’ve implemented an activities type menu, but when I add images they seem to be degraded and not very pleasant to look at. [image] However, as the image above shows, I have 1 image that doesn’t get pixelated and isn’t cut like the other images. This puzzles me a lot, since I have no idea as why it does this! Hope you can help me out and thank you in advance.