{"id":3203,"date":"2025-02-14T06:53:36","date_gmt":"2025-02-14T06:53:36","guid":{"rendered":"https:\/\/s-o-s.net\/modern-image-formats\/"},"modified":"2025-02-14T06:53:36","modified_gmt":"2025-02-14T06:53:36","slug":"modern-image-formats","status":"publish","type":"post","link":"https:\/\/s-o-s.net\/en_gb\/modern-image-formats\/","title":{"rendered":"Modern Image Formats"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<article id=\"post-172499\" class=\"alignwide post-172499 plugin type-plugin status-publish hentry plugin_tags-avif plugin_tags-images plugin_tags-modern-image-formats plugin_tags-performance plugin_tags-webp plugin_category-media plugin_category-security-and-spam-protection plugin_contributors-wordpressdotorg plugin_business_model-community plugin_committers-performanceteam plugin_committers-westonruter plugin_support_reps-adamdunnage plugin_support_reps-jamesosborne\">\n<div class=\"plugin-banner\" id=\"plugin-banner-webp-uploads\"><\/div>\n<header class=\"plugin-header\">\n<div class=\"entry-heading-container\">\n<div>\n<div class=\"entry-thumbnail\">\n\t\t\t\t\t<img decoding=\"async\" class=\"plugin-icon\" src=\"https:\/\/ps.w.org\/webp-uploads\/assets\/icon.svg?rev=3098226\" alt=\"\">\t\t\t\t<\/div>\n<div>\n<h1 class=\"plugin-title\">Modern Image Formats<\/h1>\n<p>\t\t\t\t\t<span class=\"byline\">By <span class=\"author vcard\"><a target=\"_blank\" class=\"url fn n\" href=\"https:\/\/profiles.wordpress.org\/performanceteam\/\" rel=\"noopener\">performanceteam<\/a><\/span><\/span>\n\t\t\t\t<\/div>\n<\/p><\/div>\n<div class=\"plugin-actions\">\n<div class=\"wp-block-button is-small plugin-download download-button\"><a target=\"_blank\" class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/downloads.wordpress.org\/plugin\/webp-uploads.2.5.0.zip\" rel=\"noopener\">Download<\/a><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/header>\n<p><!-- .entry-header --><\/p>\n<p>\t<span id=\"description\"><\/span><br \/>\n\t<span id=\"reviews\"><\/span><br \/>\n\t<span id=\"installation\"><\/span><br \/>\n\t<span id=\"developers\"><\/span><br \/>\n\t<span id=\"advanced\" class=\"\"><\/span><br \/>\n\t<span id=\"section-links\"><\/p>\n<ul class=\"tabs clear\">\n<li id=\"tablink-description\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/webp-uploads\/#description\" rel=\"noopener\">Details<\/a><\/li>\n<li id=\"tablink-reviews\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/webp-uploads\/#reviews\" rel=\"noopener\">Reviews<\/a><\/li>\n<li id=\"tablink-installation\">\n\t\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/webp-uploads\/#installation\" rel=\"noopener\">Installation<\/a>\n\t\t\t<\/li>\n<li id=\"tablink-developers\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/webp-uploads\/#developers\" rel=\"noopener\">Development<\/a><\/li>\n<\/ul>\n<div id=\"link-support\">\n\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/plugin\/webp-uploads\/\" rel=\"noopener\">Support<\/a>\n\t\t<\/div>\n<p>\t<\/span><br \/>\n\t<script type=\"text\/javascript\">if ( '#changelog' == window.location.hash ) { window.setTimeout( function() { window.location.hash=\"#developers\"; }, 10 ); }<\/script><\/p>\n<div class=\"entry-content\">\n<div id=\"tab-description\" class=\"plugin-description section\">\n<h2 id=\"description-header\">Description<\/h2>\n<p>This plugin adds WebP and AVIF support for media uploads within the WordPress application. By default, AVIF images will be generated if supported on the hosting server, otherwise WebP will be used as the output format. When both formats are available, the output format can be selected under <code>Settings &gt; Media<\/code>. Modern images will be generated only for new uploads, pre-existing images will only converted to a modern format if images are regenerated. Images can be regenerated with a plugin like <a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\" rel=\"ugc noopener\">Regenerate Thumbnails<\/a> or via WP-CLI with the <code>wp media regenerate<\/code> <a target=\"_blank\" href=\"https:\/\/developer.wordpress.org\/cli\/commands\/media\/regenerate\/\" rel=\"nofollow ugc noopener\">command<\/a>.<\/p>\n<p>By default, only modern image format sub-sizes will be generated for JPEG or PNG uploads \u2013 only the original uploaded file will still exist as a JPEG\/PNG image, generated image sizes will be WebP or AVIF files. To change this behavior, there is a checkbox in <code>Settings &gt; Media<\/code> \u201cOutput fallback images\u201d that \u2013 when checked \u2013 will result in the plugin generating both the original format as well as WebP or AVIF images for every sub-size (noting again that this will only affect newly uploaded images, i.e. after making said change).<\/p>\n<p><em>This plugin was formerly known as WebP Uploads.<\/em><\/p>\n<\/div>\n<div id=\"tab-installation\" class=\"plugin-installation section\">\n<h2 id=\"installation-header\">Installation<\/h2>\n<h4>Installation from within WordPress<\/h4>\n<ol>\n<li>Visit <strong>Plugins &gt; Add New<\/strong>.<\/li>\n<li>Search for <strong>Modern Image Formats<\/strong>.<\/li>\n<li>Install and activate the <strong>Modern Image Formats<\/strong> plugin.<\/li>\n<\/ol>\n<h4>Manual installation<\/h4>\n<ol>\n<li>Upload the entire <code>webp-uploads<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Visit <strong>Plugins<\/strong>.<\/li>\n<li>Activate the <strong>Modern Image Formats<\/strong> plugin.<\/li>\n<\/ol>\n<\/div>\n<div id=\"faq\" class=\"plugin-faq section\">\n<h2 id=\"faq-header\">FAQ<\/h2>\n<dl>\n<dt id=\"where%20can%20i%20submit%20my%20plugin%20feedback%3F\">\n<h3>Where can I submit my plugin feedback?<\/h3>\n<\/dt>\n<dd>\n<p>Feedback is encouraged and much appreciated, especially since this plugin may contain future WordPress core features. If you have suggestions or requests for new features, you can <a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/issues\/new\/choose\" rel=\"nofollow ugc noopener\">submit them as an issue in the WordPress Performance Team\u2019s GitHub repository<\/a>. If you need help with troubleshooting or have a question about the plugin, please <a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/plugin\/webp-uploads\/#new-topic-0\" rel=\"ugc noopener\">create a new topic on our support forum<\/a>.<\/p>\n<\/dd>\n<dt id=\"where%20can%20i%20report%20security%20bugs%3F\">\n<h3>Where can I report security bugs?<\/h3>\n<\/dt>\n<dd>\n<p>The Performance team and WordPress community take security bugs seriously. We appreciate your efforts to responsibly disclose your findings, and will make every effort to acknowledge your contributions.<\/p>\n<p>To report a security issue, please visit the <a target=\"_blank\" href=\"https:\/\/hackerone.com\/wordpress\" rel=\"nofollow ugc noopener\">WordPress HackerOne<\/a> program.<\/p>\n<\/dd>\n<dt id=\"how%20can%20i%20contribute%20to%20the%20plugin%3F\">\n<h3>How can I contribute to the plugin?<\/h3>\n<\/dt>\n<dd>\n<p>Contributions are always welcome! Learn more about how to get involved in the <a target=\"_blank\" href=\"https:\/\/make.wordpress.org\/performance\/handbook\/get-involved\/\" rel=\"nofollow ugc noopener\">Core Performance Team Handbook<\/a>.<\/p>\n<\/dd>\n<dt id=\"i%27ve%20activated%20the%20modern%20image%20formats%20plugin%2C%20but%20webp%20images%20are%20not%20always%20generated%20when%20i%20upload%20a%20jpeg%20image.%20why%3F\">\n<h3>I\u2019ve activated the Modern Image Formats plugin, but WebP images are not always generated when I upload a JPEG image. Why?<\/h3>\n<\/dt>\n<dd>\n<p>There are two primary reasons that a WebP image may not be generated:<\/p>\n<ol>\n<li>The Modern Image Formats plugin has identified that the WebP version of the uploaded JPEG image would have a larger file size than the original JPEG image, so it does not generate the WebP version.<\/li>\n<li>The JPEG image was not uploaded to the <a target=\"_blank\" href=\"https:\/\/wordpress.com\/support\/media\/\" rel=\"nofollow ugc noopener\">Media Library<\/a>. At this time, WebP versions are only generated for images to the Media Library. WebP versions are not generated for JPEG images that are added to your site in other ways, such as in a template file or the <a target=\"_blank\" href=\"https:\/\/wordpress.com\/support\/customizer\/\" rel=\"nofollow ugc noopener\">Customizer<\/a>.<\/li>\n<\/ol>\n<\/dd>\n<dt id=\"with%20the%20modern%20image%20formats%20plugin%20activated%2C%20will%20the%20plugin%20generate%20jpeg%20and%20webp%20versions%20of%20every%20image%20that%20i%20upload%3F\">\n<h3>With the Modern Image Formats plugin activated, will the plugin generate JPEG and WebP versions of every image that I upload?<\/h3>\n<\/dt>\n<dd>\n<p>By default, the Modern Image Formats plugin will only generate WebP versions of the images that you upload. If you wish to have both WebP <strong>and<\/strong> JPEG versions generated, you can navigate to <strong>Settings &gt; Media<\/strong> and enable the <strong>Generate JPEG files in addition to WebP<\/strong> option.<\/p>\n<\/dd>\n<\/dl>\n<\/div>\n<div id=\"tab-reviews\" class=\"plugin-reviews section\">\n<h2 id=\"reviews-header\">Reviews<\/h2>\n<div class=\"plugin-reviews\">\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/c3a01cd89dfea2e194b5f7e2f03dc7a2126ea52d8b6ab20b136be1b14a4ca034?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/c3a01cd89dfea2e194b5f7e2f03dc7a2126ea52d8b6ab20b136be1b14a4ca034?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/image-type-3\/\" rel=\"noopener\">image type<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/patrikmuse\/\" title=\"Posts by patrikmuse\" rel=\"author noopener\">patrikmuse<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">November 4, 2024<\/span><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"review-replies\">4 replies<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">the images are compressed correctly but the type remains image\/jpeg and I don\u2019t know if this can lead to future problems<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/056034193e39c0a54ce6c5386b1f676f8ae92711870de59df9df082a56ab063a?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/056034193e39c0a54ce6c5386b1f676f8ae92711870de59df9df082a56ab063a?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"1 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"1\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/my-website-got-broken\/\" rel=\"noopener\">My website got broken<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/zendyteam\/\" title=\"Posts by \u212d\ud835\udd1f\ud835\udd1f\ud835\udd29\" rel=\"author noopener\">\u212d\ud835\udd1f\ud835\udd1f\ud835\udd29<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">October 26, 2024<\/span><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"review-replies\">1 reply<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">I hope I\u2019m not the single one here with the same problem. My website images now not getting loaded properly. Need to refresh a couple of times to see pictures by picture. It shows that my pictures are missing and look like broken images (404 images not found). Now WordPress automatically .avif not .jpg as I upload my Pictures.P.S. I want to know if is a way do disable\/uninstall this crap?<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/78f1e14ec59ed9f6be60a70a6b90beedc1520644d7e1dc39f67236a78b4477c5?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/78f1e14ec59ed9f6be60a70a6b90beedc1520644d7e1dc39f67236a78b4477c5?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"1 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"1\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/doesnt-work-3156\/\" rel=\"noopener\">Doesn\u2019t work<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/artyberty\/\" title=\"Posts by artyberty\" rel=\"author noopener\">artyberty<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">October 10, 2024<\/span><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"review-replies\">1 reply<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Just does not do anything. No message. No Error. Just not converting any images. Since there is also not a lot of documentation or community around this plugin I will give up and do this externally.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/3e915ad2e93c8932305bf0f317a2ab4c89b1d5e404f25202220cf3ae729ff3b1?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/3e915ad2e93c8932305bf0f317a2ab4c89b1d5e404f25202220cf3ae729ff3b1?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"1 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"1\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/dont-regenerate-thumbnails\/\" rel=\"noopener\">Don\u2019t Regenerate Thumbnails!<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/mkautsarjuhari\/\" title=\"Posts by mkautsarjuhari\" rel=\"author noopener\">mkautsarjuhari<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">October 6, 2024<\/span><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"review-replies\">3 replies<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Don\u2019t ever regenerate thumbnail with this plugin, it will broke a lot of Images on the frontend because Block editor is still mentioning the old extension rather than AVIF or WEBP. so if you don\u2019t want a lot of your images is broken, don\u2019t use it.<\/p>\n<p>Atleast until the problem is fixed.<\/p><\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/0aa410bc4bf0c254fab8e01d5d4cda167be3bccdb81a925b8e94748279526b3f?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/0aa410bc4bf0c254fab8e01d5d4cda167be3bccdb81a925b8e94748279526b3f?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"2 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"2\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><span class=\"dashicons dashicons-star-empty\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/lots-of-broken-images-for-thumbnails\/\" rel=\"noopener\">Lots of Broken Images for Thumbnails<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/charrabennett\/\" title=\"Posts by yoursiteneedsme\" rel=\"author noopener\">yoursiteneedsme<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">July 18, 2024<\/span><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"review-replies\">5 replies<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">This plugin worked like it says but it did not change all of the images in the blog posts \u2013 only some. So I have a ton of broken images because they are referencing the .jpg and not the .avif<\/p>\n<p>I even tried regenrate thumbnails and that did not fix the issue. <\/p>\n<p>All of the broken images are the thumnails that are resized. It would be better if it did not automatically delete those images so that at least if it didnt replace them all in the blog posts the old image would still resolve.<\/p><\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/b02e1910da73382baf76e10330fa21248b30bafc4e9e93b9c8e090fa96b129ec?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/b02e1910da73382baf76e10330fa21248b30bafc4e9e93b9c8e090fa96b129ec?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/works-very-well-723\/\" rel=\"noopener\">Works very well<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/sigtunasimklubb\/\" title=\"Posts by sigtunasimklubb\" rel=\"author noopener\">sigtunasimklubb<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">May 21, 2024<\/span><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"review-replies\">1 reply<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Works very well for me. Would love to see .png format conversion .<\/div>\n<\/p><\/div>\n<\/article><\/div>\n<p>\t\t<a target=\"_blank\" class=\"reviews-link\" href=\"https:\/\/wordpress.org\/support\/plugin\/webp-uploads\/reviews\/\" rel=\"noopener\"><br \/>\n\t\t\tRead all 13 reviews\t\t<\/a><\/div>\n<div id=\"tab-developers\" class=\"plugin-developers section\">\n<h2 id=\"developers-header\">Contributors &amp; Developers<\/h2>\n<div class=\"plugin-contributors\">\n<p>\u201cModern Image Formats\u201d is open source software. The following people have contributed to this plugin.<\/p>\n<p><span class=\"screen-reader-text\">Contributors<\/span><\/p>\n<ul id=\"contributors-list\" class=\"contributors-list\">\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/178f40079143ff7464125e4fbc88e62024a16442920a6a3d6dfa3d7e626be20d?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/178f40079143ff7464125e4fbc88e62024a16442920a6a3d6dfa3d7e626be20d?s=64&amp;d=mm&amp;r=g 2x\" class=\"avatar avatar-32 photo\" height=\"32\" width=\"32\">\t\t\t\t<a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/wordpressdotorg\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tWordPress.org\t\t\t\t<\/a>\n\t\t\t<\/li>\n<\/ul><\/div>\n<div class=\"plugin-development\">\n<p>\u201cModern Image Formats\u201d has been translated into 10 locales. Thank you to <a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/webp-uploads\/contributors\" rel=\"noopener\">the translators<\/a> for their contributions.<\/p>\n<p><a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/webp-uploads\" rel=\"noopener\">Translate \u201cModern Image Formats\u201d into your language.<\/a><\/p>\n<h3>Interested in development?<\/h3>\n<p><a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/browser\/webp-uploads\/\" rel=\"noopener\" class=\"broken_link\">Browse the code<\/a>, check out the <a target=\"_blank\" href=\"https:\/\/plugins.svn.wordpress.org\/webp-uploads\/\" rel=\"noopener\">SVN repository<\/a>, or subscribe to the <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/webp-uploads\/\" rel=\"noopener\" class=\"broken_link\">development log<\/a> by <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/webp-uploads\/?limit=100&amp;mode=stop_on_copy&amp;format=rss\" rel=\"noopener\" class=\"broken_link\">RSS<\/a>.<\/p>\n<\/div>\n<\/div>\n<div id=\"tab-changelog\" class=\"plugin-changelog section\">\n<h2 id=\"changelog-header\">Changelog<\/h2>\n<h4>2.5.0<\/h4>\n<p><strong>Enhancements<\/strong><\/p>\n<ul>\n<li>Switch to <code>wp_content_img_tag<\/code> filter for improved image handling. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1772\" rel=\"nofollow ugc noopener\">1772<\/a>)<\/li>\n<\/ul>\n<h4>2.4.0<\/h4>\n<p><strong>Enhancements<\/strong><\/p>\n<ul>\n<li>Automatically opt into 1536\u00d71536 and 2048\u00d72048 sizes when generating fallback images. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1679\" rel=\"nofollow ugc noopener\">1679<\/a>)<\/li>\n<li>Convert WebP to AVIF on upload. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1724\" rel=\"nofollow ugc noopener\">1724<\/a>)<\/li>\n<li>Enable end user opt-in to generate all sizes in fallback format. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1689\" rel=\"nofollow ugc noopener\">1689<\/a>)<\/li>\n<\/ul>\n<h4>2.3.0<\/h4>\n<p><strong>Enhancements<\/strong><\/p>\n<ul>\n<li>Introduce <code>webp_uploads_get_file_mime_type<\/code> helper function. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1642\" rel=\"nofollow ugc noopener\">1642<\/a>)<\/li>\n<li>Rename <code>webp_uploads_get_file_mime_type<\/code> to <code>webp_uploads_get_attachment_file_mime_type<\/code> to clarify scope. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1662\" rel=\"nofollow ugc noopener\">1662<\/a>)<\/li>\n<\/ul>\n<p><strong>Bug Fixes<\/strong><\/p>\n<ul>\n<li>Fix bug that would prevent uploaded images from being converted to the intended output format when having fallback formats enabled. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1635\" rel=\"nofollow ugc noopener\">1635<\/a>)<\/li>\n<\/ul>\n<h4>2.2.0<\/h4>\n<p><strong>Enhancements<\/strong><\/p>\n<ul>\n<li>Convert uploaded PNG files to AVIF or WebP. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1421\" rel=\"nofollow ugc noopener\">1421<\/a>)<\/li>\n<\/ul>\n<p><strong>Bug Fixes<\/strong><\/p>\n<ul>\n<li>Account for responsive images being disabled when generating a PICTURE element. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1449\" rel=\"nofollow ugc noopener\">1449<\/a>)<\/li>\n<\/ul>\n<h4>2.1.0<\/h4>\n<p><strong>Enhancements<\/strong><\/p>\n<ul>\n<li>Improve disabling checkbox for Picture Element on Media settings screen. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1470\" rel=\"nofollow ugc noopener\">1470<\/a>)<\/li>\n<\/ul>\n<p><strong>Bug Fixes<\/strong><\/p>\n<ul>\n<li>Add missing full size image in PICTURE &gt; SOURCE srcset. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1437\" rel=\"nofollow ugc noopener\">1437<\/a>)<\/li>\n<li>Correct the fallback image in PICTURE element. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1408\" rel=\"nofollow ugc noopener\">1408<\/a>)<\/li>\n<li>Don\u2019t wrap PICTURE element if JPEG fallback is not available. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1450\" rel=\"nofollow ugc noopener\">1450<\/a>)<\/li>\n<li>Fix setting sizes attribute on PICTURE &gt; SOURCE elements. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1354\" rel=\"nofollow ugc noopener\">1354<\/a>)<\/li>\n<li>Remove string type hint from webp_uploads_sanitize_image_format() to prevent possible fatal error. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1410\" rel=\"nofollow ugc noopener\">1410<\/a>)<\/li>\n<\/ul>\n<p><strong>Documentation<\/strong><\/p>\n<ul>\n<li>Explain how to regenerate images in the Modern Image Formats readme. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1348\" rel=\"nofollow ugc noopener\">1348<\/a>)<\/li>\n<\/ul>\n<h4>2.0.2<\/h4>\n<p><strong>Enhancements<\/strong><\/p>\n<ul>\n<li>I18N: Add context to Modern Image Formats section title. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1287\" rel=\"nofollow ugc noopener\">1287<\/a>)<\/li>\n<\/ul>\n<p><strong>Bug Fixes<\/strong><\/p>\n<ul>\n<li>Improve compatibility of styling picture elements. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1307\" rel=\"nofollow ugc noopener\">1307<\/a>)<\/li>\n<\/ul>\n<h4>2.0.1<\/h4>\n<p><strong>Bug Fixes<\/strong><\/p>\n<ul>\n<li>Fix fatal error when another the_content filter callback returns null instead of a string. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1283\" rel=\"nofollow ugc noopener\">1283<\/a>)<\/li>\n<\/ul>\n<h4>2.0.0<\/h4>\n<p><strong>Features<\/strong><\/p>\n<ul>\n<li>Add <code>picture<\/code> element support. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/73\" rel=\"nofollow ugc noopener\">73<\/a>)<\/li>\n<li>Add AVIF image format support. Add setting for output image format to choose between WebP and AVIF. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1176\" rel=\"nofollow ugc noopener\">1176<\/a>)<\/li>\n<\/ul>\n<p><strong>Enhancements<\/strong><\/p>\n<ul>\n<li>Improve Settings-&gt;Media controls for Modern Image Formats. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1273\" rel=\"nofollow ugc noopener\">1273<\/a>)<\/li>\n<li>Remove obsolete fallback script now that picture element is supported. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1269\" rel=\"nofollow ugc noopener\">1269<\/a>)<\/li>\n<\/ul>\n<h4>1.1.1<\/h4>\n<p><strong>Enhancements<\/strong><\/p>\n<ul>\n<li>Prepend Settings link in webp-uploads. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1146\" rel=\"nofollow ugc noopener\">1146<\/a>)<\/li>\n<li>Improve overall code quality with stricter static analysis checks. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/issues\/775\" rel=\"nofollow ugc noopener\">775<\/a>)<\/li>\n<li>Bump minimum PHP requirement to 7.2. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1130\" rel=\"nofollow ugc noopener\">1130<\/a>)<\/li>\n<\/ul>\n<p><strong>Documentation<\/strong><\/p>\n<ul>\n<li>Updated inline documentation. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1160\" rel=\"nofollow ugc noopener\">1160<\/a>)<\/li>\n<\/ul>\n<h4>1.1.0<\/h4>\n<ul>\n<li>Add link to WebP settings to plugins table. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1036\" rel=\"nofollow ugc noopener\">1036<\/a>)<\/li>\n<li>Rename plugin to \u201cModern Image Formats\u201d. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1101\" rel=\"nofollow ugc noopener\">1101<\/a>)<\/li>\n<li>Use plugin slug for generator tag. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1103\" rel=\"nofollow ugc noopener\">1103<\/a>)<\/li>\n<li>Delete option when uninstalling the Modern Image Formats plugin. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1116\" rel=\"nofollow ugc noopener\">1116<\/a>)<\/li>\n<li>Bump minimum required WP version to 6.4. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1062\" rel=\"nofollow ugc noopener\">1062<\/a>)<\/li>\n<li>Update tested WordPress version to 6.5. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/1027\" rel=\"nofollow ugc noopener\">1027<\/a>)<\/li>\n<\/ul>\n<h4>1.0.5<\/h4>\n<ul>\n<li>Exclude \u201c.wordpress-org\u201d directory when deploying standalone plugins. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/866\" rel=\"nofollow ugc noopener\">866<\/a>)<\/li>\n<\/ul>\n<h4>1.0.4<\/h4>\n<ul>\n<li>Bump minimum required PHP version to 7.0 and minimum required WP version to 6.3. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/851\" rel=\"nofollow ugc noopener\">851<\/a>)<\/li>\n<\/ul>\n<h4>1.0.3<\/h4>\n<ul>\n<li>Add standalone plugin assets. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/815\" rel=\"nofollow ugc noopener\">815<\/a>)<\/li>\n<\/ul>\n<h4>1.0.2<\/h4>\n<ul>\n<li>Fix WebP handling when editing images based on WordPress 6.3 change. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/796\" rel=\"nofollow ugc noopener\">796<\/a>)<\/li>\n<\/ul>\n<h4>1.0.1<\/h4>\n<ul>\n<li>Bump tested up to version to 6.3. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/772\" rel=\"nofollow ugc noopener\">772<\/a>)<\/li>\n<\/ul>\n<h4>1.0.0<\/h4>\n<ul>\n<li>Initial release of the Modern Image Formats plugin as a standalone plugin. (<a target=\"_blank\" href=\"https:\/\/github.com\/WordPress\/performance\/pull\/664\" rel=\"nofollow ugc noopener\">664<\/a>)<\/li>\n<\/ul>\n<\/div><\/div>\n<p><!-- .entry-content --><\/p>\n<p>\t<!-- .entry-meta --><br \/>\n<\/article>\n<p><br \/>\n<br \/><a href=\"https:\/\/wordpress.org\/plugins\/webp-uploads\/\" target=\"_blank\" rel=\"noopener\">Source link <\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Modern Image Formats By performanceteam Download Details Reviews Installation Development Support Description This plugin adds WebP and AVIF support for media uploads within the WordPress application. By default, AVIF images will be generated if supported on the hosting server, otherwise WebP will be used as the output format. When both formats are available, the output [&hellip;]<\/p>","protected":false},"author":6,"featured_media":3204,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"give_campaign_id":0,"footnotes":""},"categories":[1933,39,40],"tags":[2157,1975,2156],"class_list":["post-3203","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-community-plugin","category-lite-version","category-wp-plugin-solution","tag-formats","tag-image","tag-modern"],"acf":[],"fifu_image_url":"https:\/\/ps.w.org\/webp-uploads\/assets\/banner-772x250.png?rev=3098226","_links":{"self":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/3203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/comments?post=3203"}],"version-history":[{"count":0,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/3203\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media\/3204"}],"wp:attachment":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media?parent=3203"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/categories?post=3203"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/tags?post=3203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}