{"id":1371,"date":"2022-03-08T14:32:51","date_gmt":"2022-03-08T19:32:51","guid":{"rendered":"https:\/\/basicwebguide.com\/?p=1371"},"modified":"2022-03-08T14:32:51","modified_gmt":"2022-03-08T19:32:51","slug":"how-to-add-featured-image-in-wordpress","status":"publish","type":"post","link":"https:\/\/basicwebguide.com\/how-to-add-featured-image-in-wordpress\/","title":{"rendered":"How To Add Featured Image In WordPress?"},"content":{"rendered":"<p>A picture is worth a thousand words &#8211; This phrase is accurately fit for content management systems and content marketing. Today we will learn <strong>how to add featured image in WordPress<\/strong> to make your post more meaningful and appealing.<\/p>\n<p>A featured image or thumbnail is the <strong>primary image of a blog post<\/strong> which commonly appears at the head of the post. It is proven that visual elements get more attraction than plain text, and <strong>users easily engage<\/strong> with the images.<\/p>\n<p>When any user visits an article, a featured image is something displayed first, and a catchy thumbnail improves the &#8220;<strong>user spending time.<\/strong>&#8221; All popular WordPress themes come with an <strong>in-built featured image<\/strong> section at the right sidebar or bottom.<\/p>\n<p>So, you don&#8217;t have to struggle much with how to add featured image in WordPress or thumbnails in WordPress. Possibly, you don&#8217;t like to set an image to a featured image, then read <span style=\"color: #3366ff;\"><strong><a style=\"color: #3366ff;\" href=\"https:\/\/basicwebguide.com\/how-to-hide-featured-image-in-wordpress-post\/\">how to hide featured image in WordPress<\/a><\/strong><\/span>.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_61 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/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: #999;color:#999\" 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: #999;color:#999\" 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:\/\/basicwebguide.com\/how-to-add-featured-image-in-wordpress\/#Purposes_Of_Featured_Image\" title=\"Purposes Of Featured Image\">Purposes Of Featured Image<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/basicwebguide.com\/how-to-add-featured-image-in-wordpress\/#How_To_Add_Featured_Image_In_WordPress\" title=\"How To Add Featured Image In WordPress?\">How To Add Featured Image In WordPress?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/basicwebguide.com\/how-to-add-featured-image-in-wordpress\/#Important_Points_For_Using_Featured_Images\" title=\"Important Points For Using Featured Images\">Important Points For Using Featured Images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/basicwebguide.com\/how-to-add-featured-image-in-wordpress\/#How_To_Manage_Featured_Image_Size\" title=\"How To Manage Featured Image Size?\">How To Manage Featured Image Size?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/basicwebguide.com\/how-to-add-featured-image-in-wordpress\/#How_To_Change_Featured_Image_Dimensions\" title=\"How To Change Featured Image Dimensions?\">How To Change Featured Image Dimensions?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/basicwebguide.com\/how-to-add-featured-image-in-wordpress\/#Final_Thoughts\" title=\"Final Thoughts\">Final Thoughts<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Purposes_Of_Featured_Image\"><\/span><strong>Purposes Of Featured Image<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p style=\"text-align: center;\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-1374 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/2784330473_555ec6cf8e_b.jpg\" alt=\"how to add featured image in WordPress\" width=\"1024\" height=\"606\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/2784330473_555ec6cf8e_b.jpg 1024w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/2784330473_555ec6cf8e_b-300x178.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/2784330473_555ec6cf8e_b-768x455.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/2784330473_555ec6cf8e_b-20x12.jpg 20w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>As discussed above, the featured image represents<strong>\u00a0the blog post<\/strong>. A featured image must be related to the title of the article or the content you are providing to analyze <strong>what the particular post is about<\/strong>.<\/p>\n<p>Adding a perfect featured image in WordPress assuredly improves the visitor counts. Following are the purposes served by the featured image:<\/p>\n<ul>\n<li>Featured image enhances user engagement.<\/li>\n<li>Provide an impressive sharable snippet for the post.<\/li>\n<li>Thumbnail or featured image indicates what the post is all about.<\/li>\n<li>Featured images help to build your branding.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Add_Featured_Image_In_WordPress\"><\/span><strong>How To Add Featured Image In WordPress?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Adding a featured image in WordPress is quite an easy process; however, the &#8216;featured image&#8217; column could be varied according to <strong><span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/basicwebguide.com\/how-to-find-out-what-wordpress-theme-a-site-is-using\/\">which theme you are using<\/a><\/span><\/strong>\u00a0and the editor you are using.<\/p>\n<ul>\n<li>Go to your WordPress dashboard.<\/li>\n<li>Head to the posts and then all posts;<strong> Posts &gt;&gt; All Posts.<\/strong><\/li>\n<li><strong>Select<\/strong> the post on which you want to add a featured image.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-1377 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-204617.jpg\" alt=\"How to add featured image in WordPress\" width=\"729\" height=\"303\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-204617.jpg 729w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-204617-300x125.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-204617-20x8.jpg 20w\" sizes=\"(max-width: 729px) 100vw, 729px\" \/><\/p>\n<ul>\n<li>Hover the mouse over the select post and click on the <strong>edit<\/strong> link.<\/li>\n<li>It leads to the <strong>editor<\/strong> of WordPress.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"aligncenter wp-image-1378 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-205747.jpg\" alt=\"add featured image\" width=\"430\" height=\"448\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-205747.jpg 430w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-205747-288x300.jpg 288w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-205747-20x20.jpg 20w\" sizes=\"(max-width: 430px) 100vw, 430px\" \/><\/p>\n<ul>\n<li>Look for the <strong>Featured image<\/strong> at the sidebar or bottom and click on it.<\/li>\n<li>Under this, click on <strong>set featured image.<\/strong><\/li>\n<li>Upload the file of your choice from the media library.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1380 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-215252.jpg\" alt=\"How to add featured image in WordPress\" width=\"429\" height=\"492\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-215252.jpg 429w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-215252-262x300.jpg 262w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-215252-17x20.jpg 17w\" sizes=\"(max-width: 429px) 100vw, 429px\" \/><\/p>\n<ul>\n<li>You can also <strong>remove or change<\/strong> the current featured image by clicking on &#8220;Remove featured image.&#8221;<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Important_Points_For_Using_Featured_Images\"><\/span><strong>Important Points For Using Featured Images<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Although you understand well how to add featured image in WordPress yet, you must remember some key points. Bloggers, <strong>especially beginners,<\/strong> make some<strong> critical mistakes<\/strong> while selecting images for post thumbnails. These mistakes not only lead to <span style=\"color: #3366ff;\"><a style=\"color: #3366ff;\" href=\"https:\/\/en.wikipedia.org\/wiki\/Copyright_infringement\" target=\"_blank\" rel=\"noopener\">copyright infringement<\/a><\/span> but also hurt your SEO.<\/p>\n<ul>\n<li><strong>Post matching thumbnail:<\/strong> The image must represent the post&#8217;s title, which boosts user engagement. This image also appears on <strong>Google snippet<\/strong>\u00a0social media platforms wherever you share the post, so it must be catchy and crispy.<\/li>\n<li><strong>Image shouldn&#8217;t be copyrighted:<\/strong> This is the most common misstep taken by a blogger. Most users just copy or download an image and paste it into their article, which could have <strong>severe consequences<\/strong>. Not all images on the internet are free to use, and using them without consent is a <strong>violation of copyright laws<\/strong>.<\/li>\n<li><strong>Optimize the image:<\/strong> Optimization of images means making them SEO friendly. Images can be optimized easily using alt tags and title tags. Properly optimized images also appear on search results which boosts your views.<\/li>\n<li><strong>Copyright-free images:<\/strong> You can find copyright-free images on popular websites like <a title=\"Shutterstock\" href=\"https:\/\/www.shutterstock.com\/\" target=\"_blank\" rel=\"nofollow noopener\">Shutterstock<\/a>, <a title=\"Unsplash\" href=\"https:\/\/unsplash.com\/\" target=\"_blank\" rel=\"noopener nofollow\">Unsplash<\/a>, <a href=\"https:\/\/pixabay.com\/\" target=\"_blank\" rel=\"noopener\">Pixabay<\/a>, <a href=\"https:\/\/www.flickr.com\/\" target=\"_blank\" rel=\"noopener\">Flickr<\/a>, etc. Alternatively, you can create your own image using <a href=\"https:\/\/www.canva.com\/\" target=\"_blank\" rel=\"noopener\">Canva<\/a> or similar image editing tools.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Manage_Featured_Image_Size\"><\/span><strong>How To Manage Featured Image Size?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Apart from selecting a <strong>suitable and copyright-free image<\/strong>, you must manage the dimension of the image so that it would display properly. When we <strong>add an image<\/strong> to the media library of WordPress, it by default makes <strong>three copies<\/strong> of the original image, which are as follows:<\/p>\n<ul>\n<li>Thumbnail Size- 150*150 pixels.<\/li>\n<li>Medium size- maximum of 300 pixels.<\/li>\n<li>Large size- maximum of 1024 pixels.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1381 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-230657.jpg\" alt=\"featured image of wordpress\" width=\"390\" height=\"433\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-230657.jpg 390w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-230657-270x300.jpg 270w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-230657-18x20.jpg 18w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/><\/p>\n<p>These image sizes can be used as per the requirements like <strong>mid-post image, cover image, and thumbnail\/featured image<\/strong>. However, this default technique of resizing images is not worthwhile and deteriorates the performance. So it is better to manage the featured image dimensions manually.<\/p>\n<p>One method of adjusting featured images manually is a <strong>theme<\/strong> that enables the users to adjust the <strong>dimensions of the featured image; however<\/strong>, it varies from theme to theme. Usually, you can find this option under the <strong>Appearance<\/strong> section of the dashboard.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"How_To_Change_Featured_Image_Dimensions\"><\/span><strong>How To Change Featured Image Dimensions?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>As discussed above, the image&#8217;s or featured image&#8217;s dimension can be changed either <strong>via theme panel or the media settings<\/strong>. Here I am discussing how to change the image dimension using media setting (for theme method, read above sections).<\/p>\n<ul>\n<li>Go to the WordPress dashboard and look for <strong>settings.<\/strong><\/li>\n<li>Under the settings tab, select media; <strong>Settings &gt;&gt; Media.<\/strong><\/li>\n<li>You reached the media setting page.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1382 size-full\" src=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-231701.jpg\" alt=\"How To Add Featured Image In WordPress\" width=\"1315\" height=\"733\" srcset=\"https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-231701.jpg 1315w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-231701-300x167.jpg 300w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-231701-1024x571.jpg 1024w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-231701-768x428.jpg 768w, https:\/\/basicwebguide.com\/wp-content\/uploads\/2022\/03\/Screenshot-2022-03-07-231701-20x11.jpg 20w\" sizes=\"(max-width: 1315px) 100vw, 1315px\" \/><\/p>\n<ul>\n<li>Here, you can choose the image size for thumbnail, medium, and large size.<\/li>\n<li>Click on the checkbox <strong>Crop thumbnail to exact dimensions<\/strong> if you wish to resize the image automatically.<\/li>\n<li>That&#8217;s it. Click on the <strong>Save Changes<\/strong> at the bottom of the page.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Final_Thoughts\"><\/span><strong>Final Thoughts<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>It is all about <strong>how to add featured image in WordPress,<\/strong> and I hope you enjoyed this article. It is a complete article on WordPress post thumbnail, how to select the image, key issues, and solutions to image dimensions. This is an <strong>exclusive guide<\/strong> irrespective of the theme and editor you are using.<\/p>\n<p>Adding a WordPress featured image is not just about <strong>copying and pasting any image<\/strong> from the internet. It has some norms that need to be followed for <strong>risk-free content marketing.<\/strong><\/p>\n<p>The critical part is to <strong>select a suitable as well copyright-free image<\/strong> and upload it with the right dimension. I hope you love the post, further queries and suggestions are most welcome.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A picture is worth a thousand words &#8211; This phrase is accurately fit for content management systems and content marketing. Today we will learn how to add featured image in WordPress to make your post more meaningful and appealing. A featured image or thumbnail is the primary image of a blog post which commonly appears [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1387,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[362],"tags":[1782,1767,1768,1783,1785,1784,1762,1765,1764,1774,1781,1763,1313,1775,1776,1319,1325,1773,1771,1779,1778,1772,1769,1780,1770,1766,1777],"_links":{"self":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/1371"}],"collection":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/comments?post=1371"}],"version-history":[{"count":9,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/1371\/revisions"}],"predecessor-version":[{"id":1388,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/posts\/1371\/revisions\/1388"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media\/1387"}],"wp:attachment":[{"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/media?parent=1371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/categories?post=1371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/basicwebguide.com\/wp-json\/wp\/v2\/tags?post=1371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}