- This topic has 11 replies, 3 voices, and was last updated 8 months ago by
David.
-
AuthorPosts
-
July 1, 2020 at 9:00 am #1348469
Dalibor
If I load the .webp image in the media library and use it as a featured image, it does not scale down on mobile. It loads a full-size version only.
What would be the best way to approach this?
Is there a way so that .webp images are also auto-scaled down (like regular jpeg) for the better mobile experience?July 1, 2020 at 1:23 pm #1348760Tom
Lead DeveloperLead DeveloperHi there,
Not super familiar with .webp images, yet, but I don’t see why they wouldn’t scale. Is there a specific page where we can see the issue?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentJuly 2, 2020 at 1:21 am #1349105Dalibor
Sure, take a look here: https://freelancerin.com/, I’ve returned it here only for your testing. Please let me know when you are done.
July 2, 2020 at 4:41 am #1349264David
StaffCustomer SupportHi there,
i am not seeing any srcset images in the featured image markup.
Can you try disabling plugins such as lazy loader?Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 2, 2020 at 5:22 am #1349303Dalibor
Lazy load through Autoptimize disabled.
July 2, 2020 at 5:36 am #1349328David
StaffCustomer SupportWell, its not the lazy loader.
Do you have any other plugins or functions related to Images?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 2, 2020 at 6:09 am #1349351Dalibor
Autoptimze, Wp fastest cache, Asset cleanup, Async javascript, Heartbeat control, Clearfy, WP optimize… take your pick ;).
I’ll turn them all off now.All plugins offline.
July 2, 2020 at 6:11 am #1349354David
StaffCustomer SupportCan you:
1, Check the settings in Customizer > Layout > Blog –> Featured Images Posts.
Make sure the Attachment size is Full, and the Width and Height fields are empty.2. Now upload a JPEG image so i can see if that is working correctly.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 2, 2020 at 6:19 am #1349365Dalibor
It is already set up like that. And as I have stated before, JPEG images are working correctly.
My guess is as I needed to install the plugin (WP Enable WebP-https://wordpress.org/plugins/wp-enable-webp/) to upload WEBP files to the media library, it somehow regulates CSS setup for WEBP featured images?Edit: plugins back on
July 2, 2020 at 7:34 am #1349435David
StaffCustomer SupportSorry i assumed you must of been using a plugin or script to allow support for webP images as WP doesn’t support them by default.
And i am not sure that plugin will fix the problem either, as it comes down to WP supporting WebP when it creates the various media attachment sizes. You may need to look at some of server side / CDN options – like this plugin requires:
https://wordpress.org/plugins/webp-express/
Hopefully WP will start supporting it natively in the near future
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 2, 2020 at 10:17 am #1349762Dalibor
This plugin has resolved the issue, thank you.
July 2, 2020 at 10:34 am #1349778David
StaffCustomer SupportGlad to hear that
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.