{"id":9321,"date":"2019-05-07T10:47:02","date_gmt":"2019-05-07T10:47:02","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=9321"},"modified":"2020-01-16T10:52:46","modified_gmt":"2020-01-16T10:52:46","slug":"how-to-solve-image-size-smaller-than-recommended-size-in-amp","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-solve-image-size-smaller-than-recommended-size-in-amp\/","title":{"rendered":"How to solve Image Size Smaller Than Recommended Size in AMP"},"content":{"rendered":"\n<p>First of all, this is just a WARNING. It is NOT an error. AMP pages will still get indexed and displayed in Google\u2019s search results.  it\u2019s just one of the Google new requirements.<\/p>\n\n\n\n<p><strong>If you are facing this type of Warnings we have two solutions to solve this <\/strong><\/p>\n\n\n\n<ol><li><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/how-to-solve-image-size-smaller-than-recommended-size-in-amp\/#1-for-jetpack-user-try-this-solution\">For Jetpack user try this solution<\/a><\/li><li><a href=\"https:\/\/ampforwp.com\/tutorials\/article\/how-to-solve-image-size-smaller-than-recommended-size-in-amp\/#2-for-yoast-user-try-this-solution\">For Yoast user try this solution<\/a><\/li><\/ol>\n\n\n\n<p><strong>According to Google, Below are the Image required properties:<\/strong><\/p>\n\n\n\n<p><strong>1.<\/strong> Images should be at least 1200 pixels wide. <\/p>\n\n\n\n<p><strong>2. <\/strong>Every page must contain at least one image (whether or not you include markup). Google will pick the best image to display in Search results based on the aspect ratio and resolution, etc. <\/p>\n\n\n\n<p><strong>3.<\/strong> Images must be in .jpg, .png, or .gif format.<\/p>\n\n\n\n<p>You can read more from <a href=\"https:\/\/developers.google.com\/search\/docs\/data-types\/article#article_types\">Here<\/a>: <\/p>\n\n\n\n<p>Below is the screenshot of the Google Search Console (webmaster tool ) with the warnings<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"553\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/image-size-1200-1024x553.png\" alt=\"\" class=\"wp-image-9371\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/image-size-1200-1024x553.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/image-size-1200-300x162.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/image-size-1200-768x415.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/image-size-1200-50x27.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/image-size-1200-60x32.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/image-size-1200-100x54.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/image-size-1200.png 1216w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>we have already fixed this issue and pushed in 0.9.97.27 version. Please update to this version but If you still have any issues\/problems after updating also then please contact our <a href=\"https:\/\/ampforwp.com\/support\/\">support team<\/a>. <\/p>\n\n\n\n<h4>1. For Jetpack user try this solution<\/h4>\n\n\n\n<p> If you are using the &#8220;<strong>Jetpack performance<\/strong>&#8221; plugin then disable Image Performance option. <\/p>\n\n\n\n<p>Go to <strong>WordPress dashboard<\/strong> -&gt; <strong>Jetpack <\/strong>-&gt;  <strong>Performance<\/strong> -&gt; Enable <strong>image performance<\/strong> option<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"536\" height=\"257\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/jetpack-1.png\" alt=\"\" class=\"wp-image-10037\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/jetpack-1.png 536w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/jetpack-1-300x144.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/jetpack-1-50x24.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/jetpack-1-60x29.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/05\/jetpack-1-100x48.png 100w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/figure>\n\n\n\n<h4>2. For Yoast user try this solution<\/h4>\n\n\n\n<p>If you are using the \u201c<strong>Yoast<\/strong>\u201d plugin then you need to enable Yoast SEO plugin for this first you need to install <a href=\"https:\/\/wordpress.org\/plugins\/schema-and-structured-data-for-wp\/\">Schema &amp; Structured Data for WP &amp; AMP<\/a> plugin.<\/p>\n\n\n\n<p>After installing you will find this option in <strong>WordPress Dashboard<\/strong> -&gt; <strong>Structure Data<\/strong>&nbsp;-&gt;&nbsp;<strong>Settings<\/strong>&nbsp;-&gt;&nbsp;<strong>Compatibility<\/strong> <br><\/p>\n\n\n\n<p>Please refer to the below steps and checked the box of <strong>Yoast&nbsp;<\/strong>in the&nbsp;<strong>Compatibility section of<\/strong>&nbsp;the options panel and save it.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/05\/yoast-seo-1.png\" alt=\"\" class=\"wp-image-592\"\/><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n<div id=\"div-1\" class=\"hkb-feedback\">\n\t\t\t<strong class=\"ht-mobile-exit__title\">Ask your Questions Directly!<\/strong><br>\n\t\t\t<div class=\"hkb_widget_exit__content\" style=\"font-size: 14px;\">If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t<a href=\"https:\/\/ampforwp.com\/support\/#contact\" id=\"button\" target=\"_blank\" rel=\"noopener noreferrer\"><button>Yes, I have a Question<\/button><\/a>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>First of all, this is just a WARNING. It is NOT an error. AMP pages will still get indexed and displayed in Google\u2019s search results. it\u2019s just one of the Google new requirements. If you are facing this type of Warnings we have two solutions to solve this For Jetpack&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[34],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9321"}],"collection":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/comments?post=9321"}],"version-history":[{"count":43,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9321\/revisions"}],"predecessor-version":[{"id":15730,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/9321\/revisions\/15730"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=9321"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=9321"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=9321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}