{"id":12206,"date":"2019-07-10T12:52:27","date_gmt":"2019-07-10T12:52:27","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&#038;p=12206"},"modified":"2019-07-15T10:15:54","modified_gmt":"2019-07-15T10:15:54","slug":"what-if-image-size-values-are-not-rendering-properly","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/what-if-image-size-values-are-not-rendering-properly\/","title":{"rendered":"What if image size values are not rendering properly"},"content":{"rendered":"\n<p>If you are images are not properly rendering then there are two problems<br><strong>1-<\/strong> Your images width and height is not set properly <br><strong>2-<\/strong> Due to wrongly set Transient<\/p>\n\n\n\n<h4><strong>What is Transient ?<\/strong><\/h4>\n\n\n\n<p>Transients API allow developers to store information in your WordPress database with an expiration time. This help speeds up your site and keep your server load down. <\/p>\n\n\n\n<h4><strong>How to clear Transient<\/strong><\/h4>\n\n\n\n<p><strong>If you want to delete expire transients to clear out your database then follow this below steps: <\/strong><\/p>\n\n\n\n<p>First, install <a href=\"https:\/\/wordpress.org\/plugins\/artiss-transient-cleaner\/\">Transient Cleaner<\/a> and activate the plugin.<\/p>\n\n\n\n<p>You will find this option on the <strong>WordPress Dashboard<\/strong> -&gt;  <strong>Tools -&gt; Transients<\/strong>. -&gt; Check this &#8220;<strong>Clean Now<\/strong>&#8221; option and then click on the &#8220;Save changes&#8221; button.you can see all your transients listed there<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"901\" height=\"606\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-3.png\" alt=\"\" class=\"wp-image-12385\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-3.png 901w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-3-300x202.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-3-768x517.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-3-50x34.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-3-60x40.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/2-3-100x67.png 100w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/figure>\n\n\n\n<p>Once you check this option you transients to clear out your database.<\/p>\n\n\n\n<p><strong>Follow the below steps If you want to check your transients in database<\/strong><\/p>\n\n\n\n<p>Once you\u2019re in phpMyAdmin, you\u2019ll see your website\u2019s databases dashboard -&gt; Click on the &#8220;<strong>Structure<\/strong>&#8221; option -&gt; Click on the &#8220;<strong>wp_options<\/strong>&#8221; option like below the screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"527\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-6-1024x527.png\" alt=\"\" class=\"wp-image-12387\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-6-1024x527.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-6-300x154.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-6-768x395.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-6-50x26.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-6-60x31.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-6-100x51.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/3-6.png 1349w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once you click on this &#8220;<strong>wp_options<\/strong>&#8221; you will see the list of transient amp img like below the screen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"418\" src=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-3-1024x418.png\" alt=\"\" class=\"wp-image-12389\" srcset=\"https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-3-1024x418.png 1024w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-3-300x123.png 300w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-3-768x314.png 768w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-3-50x20.png 50w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-3-60x25.png 60w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-3-100x41.png 100w, https:\/\/ampforwp.com\/tutorials\/wp-content\/uploads\/2019\/07\/4-3.png 1351w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>To fix this problem you only have one solution of it and that is you need to clear the transient once and it will be resolved automatically. If not then please contact the <a href=\"https:\/\/ampforwp.com\/support\/\">support team<\/a> and there will help you in fixing it.<\/p>\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>If you are images are not properly rendering then there are two problems1- Your images width and height is not set properly 2- Due to wrongly set Transient What is Transient ? Transients API allow developers to store information in your WordPress database with an expiration time. This help speeds&#8230;<\/p>\n","protected":false},"author":18,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[1],"ht-kb-tag":[],"_links":{"self":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/12206"}],"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=12206"}],"version-history":[{"count":25,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/12206\/revisions"}],"predecessor-version":[{"id":12499,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb\/12206\/revisions\/12499"}],"wp:attachment":[{"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/media?parent=12206"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-category?post=12206"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/ampforwp.com\/tutorials\/wp-json\/wp\/v2\/ht-kb-tag?post=12206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}