Why is my footer image so bad?

So I seem to know what is going on now, but can’t figure out how to “fix it” When I open the image (the logo on the footer section) I get this linkhttps://mlcyu8q1qhy3.i.optimole.com/cb:9yN4.2be1/w:174/h:48/q:mauto/f:best/https://casasegurainteligente.com/wp-content/uploads/2024/11/CSILogoBlackSmall.webp and it is basically resizing the image very small that is why when I view it on a live page it looks blury.

I tried turning off Scale Images & Lazy loading but that didn’t stop it from resizing the image. The footer logo is part of a “widget” but I don’t seem to have any access to control anything of that widget except add/change the image.

The original logo was 1300×1300 pixels, i went ahead an uploaded a smaller version 300×300…. worked fine for a few minutes because it was coming from my library https://casasegurainteligente.com/wp-content/uploads/2024/11/CSILogoBlackSmall.webp but once optimole took over, it made it very very small.

Any ideas of how I can resolve my issue? Everything else is working just fine! Also I did deactive litespeed cache, and still got the same result. I activated litespeed cache again. Not sure what litespeed cache is doing, any benefits of running both optimole and litespeed at the same time? Or any reason why I shouldn’t do that?

Hi @cancunmanny,

Thank you for contacting us and for using Optimole.

This issue could be caused by duplicate lazy-loading functionality. Please disable other lazy-loading functionalities that you already have (most likely in other caching plugins) and try to check again, images should load properly. Duplicating lazy-loading functionality usually causes such issues with images not loading properly.

Let us know if that helps, thanks!

As far as I know, the only other lazy loader I am using is litespeed. I deactivated that plug in, uploades a new a new logo/image, and ended up with same results.

It is not that the picture is not “loading” properly. Optimole seems to be resizing the image to 48×48 but then tries to display it larger which is why it looks blurry/pixelated.

The only image i’ve noticed a problem with is that one. Something seems to be making optimole think the image should de 48 x 48

Hi @cancunmanny,

I can see there is a loading=”lazy” attribute added on the images which shows it is lazyloaded by either a plugin or from your theme. Also, on your image, you have added width and height as 174×48, which is why Optimole is serving the 174×48 version of that image, see here – https://vertis.d.pr/i/Zxw0q6

The image – https://mlcyu8q1qhy3.i.optimole.com/cb:9yN4.2be1/w:174/h:48/q:mauto/f:best/https://casasegurainteligente.com/wp-content/uploads/2024/11/CSILogoWBGsmall.webp

To correct this you can correct the dimensions of the logo image to ensure it is being served properly. You can also exclude it from Lazyloading process if you don’t want Optimole to resize the image at all.

I hope this helps, thank you!