{"id":4252,"date":"2021-01-27T23:07:10","date_gmt":"2021-01-27T17:37:10","guid":{"rendered":"https:\/\/seoneurons.com\/blog\/?p=4252"},"modified":"2023-05-29T01:00:18","modified_gmt":"2023-05-28T19:30:18","slug":"serve-nextgen-webp-format-images","status":"publish","type":"blogger-seo","link":"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/","title":{"rendered":"How to Serve NextGen WebP Format images in Blogger Blog 2022"},"content":{"rendered":"\n<p>Google rolls out its core web vitals updates for all websites. I can see many websites benefitting from the theme, and at the same time, a lot of websites get down and down. Google PageSpeed Insights Tool recommends to server nextGen images. This article will discuss how we can serve the nextGen image to the Blogger blog.<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">In this guide, we\u2019ll walk through:<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #494949;color:#494949\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #494949;color:#494949\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/#serve-nextgen-webp-images-in-a-blogger-blog\" >Serve NextGen WebP Images in a Blogger Blog.<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/#how-can-you-upload-a-webp-image-to-blogger\" >How can you upload a webP image to Blogger?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/#blogger-updated-image-url-structure2022-update\" >Blogger updated image URL structure(2022 update).<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/#is-your-theme-not-supporting-webp-format\" >Is Your Theme Not supporting webP format?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n\n\n\n\t\t<div class=\"stream-item stream-item-in-post stream-item-in-post-1\">\n\t\t<\/div>\n\t\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-serve-nextgen-webp-images-in-a-blogger-blog\"><span class=\"ez-toc-section\" id=\"serve-nextgen-webp-images-in-a-blogger-blog\"><\/span>Serve NextGen WebP Images in a Blogger Blog.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>You can serve the Next Generation images for a WordPress website with the help of plugins. Unfortunately, Blogger blog doesn&#8217;t support plugins but is backed by a powerful Google Image Server. Google image server can serve the webP images, irrespective of the uploaded file format.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger.png\" alt=\"Serve NextGen WebP image Blogger\" class=\"wp-image-4262\" srcset=\"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger.png 1280w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger-300x169.png 300w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger-1024x576.png 1024w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger-768x432.png 768w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger-390x220.png 390w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><figcaption>Serve NextGen WebP image Blogger.<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Blogger has a powerful Google image server. That can serve almost every kind of image as per the request.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-how-can-you-upload-a-webp-image-to-blogger\"><span class=\"ez-toc-section\" id=\"how-can-you-upload-a-webp-image-to-blogger\"><\/span>How can you upload a webP image to Blogger?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can upload JPG, JPEG, and PNG images to the Blogger blog. Blogger automatically converts these files to webP format. Let&#8217;s understand how to request the nextGen image from Blogger: Upload an image file to the Blogger dashboard, as shown below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"647\" src=\"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/change-to-edit-html-mode.png\" alt=\"HTML mode in Blogger blog\" class=\"wp-image-4258\" srcset=\"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/change-to-edit-html-mode.png 1280w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/change-to-edit-html-mode-300x152.png 300w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/change-to-edit-html-mode-1024x518.png 1024w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/change-to-edit-html-mode-768x388.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n\n\n\n<p>Now change the HTML mode using edit mode and click on the edit(pencil) button in the upper left corner. Select the HTML mode to convert to the Blogger image in webP NextGen format.<\/p>\n\n\n\n\t\t<div class=\"stream-item stream-item-in-post stream-item-in-post-2\">\n\t\t<\/div>\n\t\n\n\n\n<p>You&#8217;ll see a code similar to as shown above. You have to edit the source link of the image that is the tag.<\/p>\n\n\n\n<p>You can serve different sizes and formats of images using the Google image server. To perform this action, change the value in size provided in the src code in the tag. In the above image, the size declared is <code>s640<\/code> , which means a medium-sized image will serve, change <code>s640 <\/code>to <code>s320 <\/code>for small image size. Change the size values according to your need.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1511\" height=\"740\" src=\"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/change-image-rw.png\" alt=\"server nextgen webp images blogger\" class=\"wp-image-4257\" srcset=\"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/change-image-rw.png 1511w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/change-image-rw-300x147.png 300w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/change-image-rw-1024x501.png 1024w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/change-image-rw-768x376.png 768w\" sizes=\"auto, (max-width: 1511px) 100vw, 1511px\" \/><\/figure>\n<\/div>\n\n\n<p>Using this <code>-rw<\/code> value in the image, you can serve the next webp images to Blogger. Just change <code>s320<\/code> to <code>s320-rw<\/code>, or change <code>s640<\/code> to <code>s640-rw<\/code>. You have to add <code>-rw<\/code> after the size value of the image for webP.<\/p>\n\n\n\n<div class=\"wp-block-group has-background\" style=\"background-color:#d7e7e6\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\" id=\"h-blogger-updated-image-url-structure-2022-update\"><span class=\"ez-toc-section\" id=\"blogger-updated-image-url-structure2022-update\"><\/span>Blogger updated image URL structure(2022 update).<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In 2022, Blogger discontinued the older structure for Blogger images and introduced a new structure. There is no change for old uploads.<\/p>\n\n\n\n<p>The latest image URL structure of the Blogger carries image properties like size, type, etc.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"915\" height=\"519\" src=\"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/blogger-nextgen.png\" alt=\"blogger-nextgen webp images\" class=\"wp-image-10995\" srcset=\"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/blogger-nextgen.png 915w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/blogger-nextgen-300x170.png 300w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/blogger-nextgen-768x436.png 768w, https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/blogger-nextgen-390x220.png 390w\" sizes=\"auto, (max-width: 915px) 100vw, 915px\" \/><\/figure>\n<\/div>\n\n\n<p>You have to place <strong><mark style=\"background-color:#cf2e2e\" class=\"has-inline-color has-white-color\">-rw <\/mark><\/strong>at the end of the image URL and publish the content.<\/p>\n<\/div><\/div>\n\n\n\n<p>Now update your post, the image is now converted and served in webP format. You can check it by dragging the image on the desktop screen.<\/p>\n\n\n\n<p>Follow the above step whenever you upload a new image to Blogger and convert that to webP NextGen format.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-is-your-theme-not-supporting-webp-format\"><span class=\"ez-toc-section\" id=\"is-your-theme-not-supporting-webp-format\"><\/span>Is Your Theme Not supporting webP format?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Every image you covert will serve as a webP image. But, Is your Blogger theme capable of handling webP image requests?<\/p>\n\n\n\n<p>It may create problems with your theme, like some gadgets may not be visible. It&#8217;s all because the Blogger theme you&#8217;re using is not supporting webP nextGen.<\/p>\n\n\n\n<p>To solve this issue,&nbsp;<a href=\"https:\/\/seoneurons.com\/blog\/blogger\/edit-xml-template-theme\/\" target=\"_blank\" rel=\"noreferrer noopener\">Edit Blogger Theme<\/a>&nbsp;and change the main theme function file (a long js file that is usually found just before the <code>&lt;\/body&gt; <\/code>tag).<\/p>\n\n\n\n<p>You can add some updates to your blogger template or theme. These are.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>replace('\/s72-c','\/s680')<\/code><\/pre>\n\n\n\n<p>Replace the above code with the following code.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>replace('\/s72-c','\/s680-rw').replace('\/s72-rc','\/s680-rw')<\/code><\/pre>\n\n\n\n<p>You&#8217;ve to follow this for all similar codes in the main function file. If you&#8217;re using a free Blogger theme, then you have to decrypt the theme file.<\/p>\n\n\n\n\t\t<div class=\"stream-item stream-item-in-post stream-item-in-post-3\">\n\t\t<\/div>\n\t\n\n\n\n<p>If you don&#8217;t know how to do this? You can use our <a href=\"https:\/\/seoneurons.com\/blog\/blogger-seo\/seo-friendly-blogger-theme\/oyedad-blogger-theme\/\">WebP image-friendly Blogger theme<\/a> for the Blogger blog. This theme will serve all the widget images in webP format. But for the image inside the posts, you&#8217;ve to follow the <code>-rw <\/code>method for every image you upload.<\/p>\n\n\n\n<p>I hope you liked this article on webP NextGen images for Blogger blog. In case of any doubt, feel free to ask in the comment section below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google rolls out its core web vitals updates for all websites. I can see many websites benefitting from the theme, and at the same time, a lot of websites get down and down. Google PageSpeed Insights Tool recommends to server nextGen images. This article will discuss how we can serve the nextGen image to the &hellip;<\/p>\n","protected":false},"author":2,"featured_media":4262,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"parentpage":[959],"class_list":["post-4252","blogger-seo","type-blogger-seo","status-publish","format-standard","has-post-thumbnail","hentry","parentpage-blogger-seo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Serve NextGen WebP Format images in Blogger Blog 2022 - SEO Neurons<\/title>\n<meta name=\"description\" content=\"Serve NextGen images for Blogger Blog, How to upload webP images in the Blogspot and boost the speed of your website or Blog. 2022 best practice.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Serve NextGen WebP Format images in Blogger Blog 2022\" \/>\n<meta property=\"og:description\" content=\"Serve NextGen images for Blogger Blog, How to upload webP images in the Blogspot and boost the speed of your website or Blog. 2022 best practice.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/\" \/>\n<meta property=\"og:site_name\" content=\"SEO Neurons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SEONeuronsAgency\/\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-28T19:30:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@SEONeurons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/blogger-seo\\\/serve-nextgen-webp-format-images\\\/\",\"url\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/blogger-seo\\\/serve-nextgen-webp-format-images\\\/\",\"name\":\"How to Serve NextGen WebP Format images in Blogger Blog 2022 - SEO Neurons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/blogger-seo\\\/serve-nextgen-webp-format-images\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/blogger-seo\\\/serve-nextgen-webp-format-images\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/serve-nextgen-web-image-blogger.png\",\"datePublished\":\"2021-01-27T17:37:10+00:00\",\"dateModified\":\"2023-05-28T19:30:18+00:00\",\"description\":\"Serve NextGen images for Blogger Blog, How to upload webP images in the Blogspot and boost the speed of your website or Blog. 2022 best practice.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/blogger-seo\\\/serve-nextgen-webp-format-images\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/seoneurons.com\\\/blog\\\/blogger-seo\\\/serve-nextgen-webp-format-images\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/blogger-seo\\\/serve-nextgen-webp-format-images\\\/#primaryimage\",\"url\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/serve-nextgen-web-image-blogger.png\",\"contentUrl\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/serve-nextgen-web-image-blogger.png\",\"width\":1280,\"height\":720,\"caption\":\"serve-nextgen-web-image-blogger\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/blogger-seo\\\/serve-nextgen-webp-format-images\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/seoneurons.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Serve NextGen WebP Format images in Blogger Blog 2022\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/\",\"name\":\"SEO Neurons\",\"description\":\"Create, Optimize Website and Drive More Organic Traffic\",\"publisher\":{\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/#organization\"},\"alternateName\":\"SEO Neurons\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/#organization\",\"name\":\"SEO Neurons\",\"alternateName\":\"SEO Neurons\",\"url\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/seoneurons-logo.svg\",\"contentUrl\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/seoneurons-logo.svg\",\"width\":1,\"height\":1,\"caption\":\"SEO Neurons\"},\"image\":{\"@id\":\"https:\\\/\\\/seoneurons.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/SEONeuronsAgency\\\/\",\"https:\\\/\\\/x.com\\\/SEONeurons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/seoneurons\",\"https:\\\/\\\/www.youtube.com\\\/c\\\/SEONeurons\",\"https:\\\/\\\/www.instagram.com\\\/seo_neurons\\\/\",\"https:\\\/\\\/t.me\\\/SEONeurons\"],\"legalName\":\"SEO Neurons\",\"foundingDate\":\"2021-01-21\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"1\",\"maxValue\":\"10\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Serve NextGen WebP Format images in Blogger Blog 2022 - SEO Neurons","description":"Serve NextGen images for Blogger Blog, How to upload webP images in the Blogspot and boost the speed of your website or Blog. 2022 best practice.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/","og_locale":"en_US","og_type":"article","og_title":"How to Serve NextGen WebP Format images in Blogger Blog 2022","og_description":"Serve NextGen images for Blogger Blog, How to upload webP images in the Blogspot and boost the speed of your website or Blog. 2022 best practice.","og_url":"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/","og_site_name":"SEO Neurons","article_publisher":"https:\/\/www.facebook.com\/SEONeuronsAgency\/","article_modified_time":"2023-05-28T19:30:18+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@SEONeurons","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/","url":"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/","name":"How to Serve NextGen WebP Format images in Blogger Blog 2022 - SEO Neurons","isPartOf":{"@id":"https:\/\/seoneurons.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/#primaryimage"},"image":{"@id":"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/#primaryimage"},"thumbnailUrl":"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger.png","datePublished":"2021-01-27T17:37:10+00:00","dateModified":"2023-05-28T19:30:18+00:00","description":"Serve NextGen images for Blogger Blog, How to upload webP images in the Blogspot and boost the speed of your website or Blog. 2022 best practice.","breadcrumb":{"@id":"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/#primaryimage","url":"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger.png","contentUrl":"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2021\/01\/serve-nextgen-web-image-blogger.png","width":1280,"height":720,"caption":"serve-nextgen-web-image-blogger"},{"@type":"BreadcrumbList","@id":"https:\/\/seoneurons.com\/blog\/blogger-seo\/serve-nextgen-webp-format-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seoneurons.com\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/seoneurons.com\/blog\/"},{"@type":"ListItem","position":3,"name":"How to Serve NextGen WebP Format images in Blogger Blog 2022"}]},{"@type":"WebSite","@id":"https:\/\/seoneurons.com\/blog\/#website","url":"https:\/\/seoneurons.com\/blog\/","name":"SEO Neurons","description":"Create, Optimize Website and Drive More Organic Traffic","publisher":{"@id":"https:\/\/seoneurons.com\/blog\/#organization"},"alternateName":"SEO Neurons","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seoneurons.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/seoneurons.com\/blog\/#organization","name":"SEO Neurons","alternateName":"SEO Neurons","url":"https:\/\/seoneurons.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seoneurons.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2023\/06\/seoneurons-logo.svg","contentUrl":"https:\/\/seoneurons.com\/blog\/wp-content\/uploads\/2023\/06\/seoneurons-logo.svg","width":1,"height":1,"caption":"SEO Neurons"},"image":{"@id":"https:\/\/seoneurons.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SEONeuronsAgency\/","https:\/\/x.com\/SEONeurons","https:\/\/www.linkedin.com\/company\/seoneurons","https:\/\/www.youtube.com\/c\/SEONeurons","https:\/\/www.instagram.com\/seo_neurons\/","https:\/\/t.me\/SEONeurons"],"legalName":"SEO Neurons","foundingDate":"2021-01-21","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"}}]}},"_links":{"self":[{"href":"https:\/\/seoneurons.com\/blog\/wp-json\/wp\/v2\/blogger-seo\/4252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seoneurons.com\/blog\/wp-json\/wp\/v2\/blogger-seo"}],"about":[{"href":"https:\/\/seoneurons.com\/blog\/wp-json\/wp\/v2\/types\/blogger-seo"}],"author":[{"embeddable":true,"href":"https:\/\/seoneurons.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/seoneurons.com\/blog\/wp-json\/wp\/v2\/comments?post=4252"}],"version-history":[{"count":0,"href":"https:\/\/seoneurons.com\/blog\/wp-json\/wp\/v2\/blogger-seo\/4252\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seoneurons.com\/blog\/wp-json\/wp\/v2\/media\/4262"}],"wp:attachment":[{"href":"https:\/\/seoneurons.com\/blog\/wp-json\/wp\/v2\/media?parent=4252"}],"wp:term":[{"taxonomy":"parentpage","embeddable":true,"href":"https:\/\/seoneurons.com\/blog\/wp-json\/wp\/v2\/parentpage?post=4252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}