post thumbnails - How to use <picture><picture> tag in featured image

admin管理员组

文章数量:1317909

In my WordPress site 5.5.1 version so, we uploading jpeg images so we want to page speed for upload webp images. Webp images are not supported by a few browsers. so how to switch images format like this in WordPress

In my WordPress site 5.5.1 version so, we uploading jpeg images so we want to page speed for upload webp images. Webp images are not supported by a few browsers. so how to switch images format like this in WordPress

• post-thumbnails

Share Improve this question edited Oct 29, 2020 at 9:29 fuxia♦ 107k3838 gold badges255255 silver badges459459 bronze badges asked Oct 29, 2020 at 6:13 user196780user196780 1 1

• I'd start by looking at webp plugins and see if any of these will replace your featured image with webp for you. If not, you'll probably have to edit your theme to add support I'd think. – Rup Commented Oct 29, 2020 at 9:01

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

You should add fallback to the webp img tag. In the attached link are some strategies, most relevant is this:

 <picture>
    <source srcset="img/awesomeWebPImage.webp" type="image/webp">
    <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg">
    <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
 </picture>

Source: https://css-tricks/using-webp-images/

本文标签： post thumbnailsHow to use ltpicturegtltpicturegt tag in featured image