Avond Peter;
Start off by doing just CSS or just JS optimization to confirm this indeed is CSS (could be JS). If CSS, then start by unticking the “also aggregate inline CSS”-option?
jij ook een fijne avond!
frank
The issue is only solved when I untick all: html, ccs, js.
If I only tick either one of then the logo is too big again.
I tested “If CSS, then start by unticking the “also aggregate inline CSS”-option?”, but that didn’t do the trick.
Bedankt zo ver. Peter
OK, got it; it’s due to the fact that the AO image optimization uses the width and height parameters of the image to optimize it.
-> original image: https://movechamps.nl/wp-content/uploads/2017/03/logo3.png, 340px × 156px
-> optimized image: https://cdn.shortpixel.ai/client/q_glossy,ret_img,w_300,h_100/https://movechamps.nl/wp-content/uploads/2017/03/logo3.png, 300px X 100px (based on the width and height set in the logo’s image tag) so ratio changes and you loose top and bottom part of the image
-> optimized image without ratio-change: https://cdn.shortpixel.ai/client/q_glossy,ret_img,w_300/https://movechamps.nl/wp-content/uploads/2017/03/logo3.png
so possible fixes;
* remove the img height attribute of the logo
* change original image’s ratio to match the one set in the image attributes
* exclude the image from being optimized by hooking into AO’s API (I can provide an example if you want)
frank
Thanks, Frank,
I understand what you are telling me, but my limited technical skills made me chose the 2nd fix. And that works. Thanks.
Strange is that the theme asks for the 340px × 156px dimensions. But that’s not your problem.
Geniet van de vroege lente, Peter
Super Peter! feel free to leave a review of the plugin and support here! 🙂
En dat van die lente; doen we! 🙂
frank
