{"id":1466,"date":"2017-05-08T09:49:09","date_gmt":"2017-05-08T09:49:09","guid":{"rendered":"https:\/\/shortpixel.com/blog\/?p=1466"},"modified":"2021-11-14T10:12:28","modified_gmt":"2021-11-14T10:12:28","slug":"is-my-site-serving-webp-images","status":"publish","type":"post","link":"https:\/\/shortpixel.com\/blog\/is-my-site-serving-webp-images\/","title":{"rendered":"Is my site serving WebP images? How to run a WebP test"},"content":{"rendered":"<p>We assume that you already learned about the WebP image format Google created. You generated WebP versions of your files with a smart tool &#8211; we assume that it was <a href=\"https:\/\/shortpixel.com/blog\/how-webp-images-can-speed-up-your-site\/\">ShortPixel<\/a> \ud83d\ude42 And, finally, you employed a plugin (like <a href=\"https:\/\/wordpress.org\/plugins\/wp-webp\/\" target=\"_blank\" rel=\"noopener noreferrer\">wp-webp<\/a> or why not, the same <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener\">ShortPixel<\/a>!) to deliver the WebP images to users who visit your site from a WebP-compatible browser (mainly all except IE and Safari; a full list is to be found <a href=\"http:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>).<!--more--><\/p>\n<p>What&#8217;s next? Of course, you want to test if everything works as expected. The easiest method to see if your website has WebP images has three simple steps:<\/p>\n<p><strong>Step 1:<\/strong> Open your site in Chrome browser.<\/p>\n<p><strong>Step 2:<\/strong> Right-click on an image and choose <em>Open in new tab<\/em>.<\/p>\n<figure id=\"attachment_1469\" aria-describedby=\"caption-attachment-1469\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-1469 size-full\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2017\/05\/open-image-tab.png\" alt=\"Open image in new tab\" width=\"610\" height=\"426\" title=\"\"><figcaption id=\"caption-attachment-1469\" class=\"wp-caption-text\">Google WebP Samples page: https:\/\/developers.google.com\/speed\/webp\/gallery<\/figcaption><\/figure>\n<p><strong>Step 3:<\/strong> Check the image extension.<br \/>\nIf it is <em><strong>.webp<\/strong>, <\/em>then we can only congratulate you. And Google will love your site a bit more!<\/p>\n<p><img decoding=\"async\" class=\"wp-image-1470 size-full\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2017\/05\/webp.png\" alt=\"webp image\" width=\"610\" height=\"300\" title=\"\"><\/p>\n<h4>How to generate WebP images with ShortPixel<\/h4>\n<p>ShortPixel freely generates WebP files if you optimize your images with our WP plugin, and you have checked <em>WebP versions<\/em> option in <em>ShortPixel Settings &#8211; Advanced<\/em> section:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1459 size-full\" title=\"WebP images conversion\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2017\/05\/webp-images-check.png\" alt=\"WebP images conversion\" width=\"610\" height=\"58\" \/><\/p>\n<p>ShortPixel also has an option to deliver the WebP files for you, so you don&#8217;t need to look for another plugin out there to do that. Right under the previous option, you will find this:<\/p>\n<p><a href=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2017\/05\/Serving-WebP-with-ShortPixel.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-4799\" src=\"https:\/\/shortpixel.com/blog\/wp-content\/uploads\/2017\/05\/Serving-WebP-with-ShortPixel.jpg\" alt=\"\" width=\"838\" height=\"284\" title=\"\" srcset=\"https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2017\/05\/Serving-WebP-with-ShortPixel.jpg 838w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2017\/05\/Serving-WebP-with-ShortPixel-300x102.jpg 300w, https:\/\/shortpixel.com\/blog\/wp-content\/uploads\/2017\/05\/Serving-WebP-with-ShortPixel-768x260.jpg 768w\" sizes=\"(max-width: 838px) 100vw, 838px\" \/><\/a><\/p>\n<p>For more info about how to create and use WebP images, please read this ShortPixel blog article: <a href=\"https:\/\/shortpixel.com/blog\/how-webp-images-can-speed-up-your-site\/\"><em>How WebP images can speed up your (WordPress) site.<\/em><\/a><\/p>\n<p>Note: Starting May 10th 2021, the generation of WebP images files will cost 1 credit per .webp file. For more information, please consult <a href=\"https:\/\/help.shortpixel.com\/article\/13-a-credit-equals-an-optimized-image\" target=\"_blank\" rel=\"noopener\">this article<\/a>.<\/p>\n<p>Furthermore, ShortPixel has another excellent plugin called <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-adaptive-images\/\" target=\"_blank\" rel=\"noopener\">ShortPixel Adaptive Images<\/a>, which helps you deliver WebPs even easier! Here&#8217;s a couple of articles to help you understand how ShortPixel AI works:<br \/>\n&#8211;\u00a0<a href=\"https:\/\/shortpixel.helpscoutdocs.com\/article\/231-step-by-step-guide-to-install-and-use-shortpixel-adaptive-images-spai\" target=\"_blank\" rel=\"noopener\">Step-by-step guide to install and use ShortPixel Adaptive Images (SPAI)<\/a><br \/>\n&#8211;\u00a0<a href=\"https:\/\/shortpixel.helpscoutdocs.com\/article\/179-shortpixel-adaptive-images-vs-shortpixel-image-optimizer\" target=\"_blank\" rel=\"noopener\">ShortPixel Adaptive Images vs. ShortPixel Image Optimizer<\/a><\/p>\n<p>And a few more resources:<br \/>\n&#8211; Google:\u00a0 <a href=\"https:\/\/developers.google.com\/speed\/webp\/\" target=\"_blank\" rel=\"noopener\"><em>A new image format for the Web <\/em><\/a><br \/>\n&#8211; Smashing Magazine:\u00a0<em><a href=\"https:\/\/www.smashingmagazine.com\/2015\/10\/webp-images-and-performance\/\" target=\"_blank\" rel=\"noopener\">Using WebP Image Format Today<\/a> <\/em><\/p>\n<p>Great, you know more about WebP format than some SEO specialists! Now, all you have to do is run a WEbP test on your website!<\/p>\n<h2>WebP &#8211; to use or not to use?<\/h2>\n<p>If your SEO is almost an unhealthy obsession, then you surely need WebP images \ud83d\ude42 For the rest of the folks, the answer is <em>Maybe<\/em>. The ability to serve WebP files is a nice to have feature from a SEO point of view.<\/p>\n<p>There is a &#8220;<em>but&#8221;:<\/em> please remember that WebP is not a universal format. <a href=\"http:\/\/caniuse.com\/#feat=webp\" target=\"_blank\" rel=\"noopener\">Safari and Internet Explorer don&#8217;t understand it<\/a>, and you need enough hosting storage to keep JPEG\/PNG versions of your images alongside the WebP ones. Moreover, you depend on a caching or special plugin to deliver the right images to the right browsers.<\/p>\n<p>More storage and more plugins, this is the price for having WebP files. You should decide whether it&#8217;s worth it. The good news is that <a href=\"https:\/\/shortpixel.com/blog\/\" target=\"_blank\" rel=\"noopener noreferrer\">ShortPixel<\/a> can freely generate the WebP version of your images and at the same time, compress your pictures. It is not bad to have your JPEG\/PNG images optimized alongside WebP \ud83d\ude42<\/p>\n<h2><strong>What image format does ShortPixel.com use?<\/strong><\/h2>\n<p>ShortPixel&#8217;s preferred formats are: PNG for screenshots &amp; logos, and JPEG for the rest of the images. Of course, SEO is important for us too. That&#8217;s why we developed Lossy optimization, which generates compressed images at a very good quality, and Glossy optimization for images looking almost identical with the originals.<\/p>\n<p>Right now, we use Glossy*, because we want to have optimized images with the best picture quality, instead of stretching a few more bits for Google.<\/p>\n<p>*You could read more about the new ShortPixel image optimization algorithm for photographers here: <a href=\"https:\/\/shortpixel.com/blog\/glossy-image-optimization-for-photographers\/\"><em>Glossy, image optimization option for photographers.<\/em><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We assume that you already learned about the WebP image format Google created. You generated WebP versions of your files with a smart tool &#8211; we assume that it was ShortPixel \ud83d\ude42 And, finally, you employed a plugin (like wp-webp or why not, the same ShortPixel!) to deliver the WebP images to users who visit [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[8,9],"class_list":["post-1466","post","type-post","status-publish","format-standard","hentry","category-world-of-wordpress","tag-webp","tag-webp-images"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/1466","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/comments?post=1466"}],"version-history":[{"count":32,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/1466\/revisions"}],"predecessor-version":[{"id":6192,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/posts\/1466\/revisions\/6192"}],"wp:attachment":[{"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/media?parent=1466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/categories?post=1466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shortpixel.com\/blog\/wp-json\/wp\/v2\/tags?post=1466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}