{"id":1930,"date":"2023-03-20T14:30:08","date_gmt":"2023-03-20T14:30:08","guid":{"rendered":"https:\/\/imagify.io\/blog\/?p=1930"},"modified":"2024-03-07T11:10:52","modified_gmt":"2024-03-07T11:10:52","slug":"blog-images-best-practices","status":"publish","type":"post","link":"https:\/\/imagify.io\/blog\/blog-images-best-practices\/","title":{"rendered":"6 Best Practices For Your Blog Images"},"content":{"rendered":"\n<p>As fellow web users, we know we are not reading every single word of a blog post &#8211; we rather tend to \u201cscan\u201d the page. As a result, the visual aspect is also crucial to building trust and authority amongst visitors. Performance and conversions rely heavily on the choice of images, so we have listed 6 best practices to add optimized pictures to your blog posts.&nbsp;<\/p>\n\n\n\n<p>Let\u2019s dive in!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why You Should Choose Well Your Blog Images<\/h2>\n\n\n\n<p>A typical visitor will read only around 20% of the words on your blog post. Therefore, it is essential to add relevant visuals to catch its attention a bit longer. The chart below shows the maximum amount of text users could read during an average visit to pages with different word counts.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"400\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Readers-tend-to-read-less-content-when-the-article-is-longer-Source-NNGroup-which-are-specialized-in-research-based-user-experience.-.png\" alt=\"\" class=\"wp-image-1938\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Readers-tend-to-read-less-content-when-the-article-is-longer-Source-NNGroup-which-are-specialized-in-research-based-user-experience.-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Readers-tend-to-read-less-content-when-the-article-is-longer-Source-NNGroup-which-are-specialized-in-research-based-user-experience.--300x150.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Readers-tend-to-read-less-content-when-the-article-is-longer-Source-NNGroup-which-are-specialized-in-research-based-user-experience.--768x384.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Readers tend to read less content when the article is longer &#8211; Source: <a href=\"https:\/\/www.nngroup.com\/articles\/how-little-do-users-read\/\">NNGroup<\/a>, which are specialized in research-based user experience.<\/figcaption><\/figure>\n\n\n\n<p>So if users are not going to read the entire content, they will have a look at the layout, design, and, of course: <strong>the images<\/strong>. Here\u2019s why you should carefully choose your images for your next post:&nbsp;<\/p>\n\n\n\n<p>1. <strong>High-quality website images build trust and authority in your company and brand<\/strong><\/p>\n\n\n\n<p>Trust should be the ultimate marketing goal when building a website or writing a blog post. You want the readers to take you seriously, advocate for your company and ultimately, purchase your products. How to achieve trust? Customers are more likely to have confidence in someone they consider to be an expert on a topic, and this authority is built through the design, your choice of words, colors, logo, and of course, the images. Infographics are ideal for boosting credibility and helping grasp the idea in a few seconds only.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Relevancy-and-trust-Source-Imagify.png\" alt=\"Relevancy and trust - Source: Imagify\n\" class=\"wp-image-1940\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Relevancy-and-trust-Source-Imagify.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Relevancy-and-trust-Source-Imagify-300x200.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Relevancy-and-trust-Source-Imagify-768x512.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Relevancy and trust &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><\/figcaption><\/figure>\n\n\n\n<p>2. <strong>Images can make content stand out and be more memorable<\/strong><\/p>\n\n\n\n<p>Always try to select photos that make the reader willing to share them on social media. For example, which blog post would you share on Facebook if you want to announce your next trip to the Maldives? When we think about this destination, post \u201cA\u201d has a more attractive photo than post \u201cB\u201d.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"671\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Example-of-attractive-vs.-less-appealing-image-for-a-travel-blog-post-Source-Imagify.png\" alt=\"Example of attractive vs. less appealing image for a travel blog post - Source: Imagify\n\" class=\"wp-image-1941\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Example-of-attractive-vs.-less-appealing-image-for-a-travel-blog-post-Source-Imagify.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Example-of-attractive-vs.-less-appealing-image-for-a-travel-blog-post-Source-Imagify-300x252.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Example-of-attractive-vs.-less-appealing-image-for-a-travel-blog-post-Source-Imagify-768x644.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Example of attractive vs. less appealing image for a travel blog post &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><\/figcaption><\/figure>\n\n\n\n<p>3. <strong>Pictures help to illustrate what you want to say with your words<\/strong><\/p>\n\n\n\n<p>You may have heard the popular adage \u201cone picture is worth a thousand words\u201d&nbsp; which means that a single image can convey complex ideas. That\u2019s exactly what your images should do: reinforce your written idea from a visual perspective.&nbsp;<\/p>\n\n\n\n<p>For example, if you are writing about data-driven facts, it may be helpful to create key figures visuals like Google is doing on its blog:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"411\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Highlighting-the-key-figures-in-the-text-Source-ThinkwithGoogle-.png\" alt=\"Highlighting the key figures in the text - Source: ThinkwithGoogle\n\" class=\"wp-image-1942\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Highlighting-the-key-figures-in-the-text-Source-ThinkwithGoogle-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Highlighting-the-key-figures-in-the-text-Source-ThinkwithGoogle--300x154.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Highlighting-the-key-figures-in-the-text-Source-ThinkwithGoogle--768x395.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Highlighting the key figures in the text &#8211; Source: <a href=\"https:\/\/www.thinkwithgoogle.com\/marketing-strategies\/app-and-mobile\/mobile-speed-optimization\/\">ThinkwithGoogle<\/a><br><\/figcaption><\/figure>\n\n\n\n<p>The last piece of advice about choosing the right image is to select the ones that will not impact the performance of your blog and that will boost your SEO. That takes us to the next section: our 6 tips to ensure your images are perfectly optimized before publishing them.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6 Best Practices for Your Blog Images<\/h2>\n\n\n\n<p>Here are 6 best practices to follow before uploading images on your blog. They\u2019ll be useful for your next article, especially if you want to ensure performance, reinforce your SEO and avoid any copyright issues.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Choose the Right Image Size and Format<\/h3>\n\n\n\n<p>Choosing the right image size and format is crucial to avoid performance issues. When you have created the perfect infographics or selected the right photo, remember to check the final size of the file. For a blog post, we recommend you use a maximum width of 800px for your images.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"350\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Sizing-images-for-a-blog-post-Source-Imagify-.png\" alt=\"Sizing images for a blog post - Source: Imagify\n\n\" class=\"wp-image-1943\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Sizing-images-for-a-blog-post-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Sizing-images-for-a-blog-post-Source-Imagify--300x131.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Sizing-images-for-a-blog-post-Source-Imagify--768x336.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Sizing images for a blog post &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><\/figcaption><\/figure>\n\n\n\n<p>Regarding the format, we suggest you use next-gen formats such as WebP or AVIF instead of the traditional png or JPG. For the same quality, Google observed that <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\">the average WebP file size was 25%-34% smaller than the JPEG file<\/a>.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"259\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/WebP-files-smaller-than-JPEG-Source-Google-.png\" alt=\"\" class=\"wp-image-1944\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/WebP-files-smaller-than-JPEG-Source-Google-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/WebP-files-smaller-than-JPEG-Source-Google--300x97.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/WebP-files-smaller-than-JPEG-Source-Google--768x249.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">WebP files smaller than JPEG &#8211; Source: <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\">Google<\/a><\/figcaption><\/figure>\n\n\n\n<p><strong>\ud83d\udca1Solutions to convert images to WebP:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Online tools like <a href=\"https:\/\/www.xconvert.com\/compress-webp\">xConvert<\/a> &#8211; you can convert your images to WebP in a few clicks and upload them to WordPress manually later on.&nbsp;<\/li>\n\n\n\n<li>WordPress plugins like <a href=\"https:\/\/imagify.io\/\">Imagify<\/a> &#8211; which allows you to <a href=\"https:\/\/imagify.io\/blog\/how-to-convert-images-to-webp\/\">convert images to WebP<\/a> or Avif.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"318\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Converting-images-to-the-best-web-format-WebP-Source-Imagify-1-1.png\" alt=\"Converting images to the best web format (WebP) - Source: Imagify\n\" class=\"wp-image-1946\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Converting-images-to-the-best-web-format-WebP-Source-Imagify-1-1.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Converting-images-to-the-best-web-format-WebP-Source-Imagify-1-1-300x119.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Converting-images-to-the-best-web-format-WebP-Source-Imagify-1-1-768x305.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Converting images to the best web format (WebP) &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>If you want to learn more, we have two insightful guides dedicated to the <a href=\"https:\/\/imagify.io\/blog\/best-image-sizes\/\">best image size<\/a> on the web, as well as the <a href=\"https:\/\/imagify.io\/blog\/best-image-formats\/\">best image formats<\/a>.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Compress Your Largest Images<\/h3>\n\n\n\n<p>Compressing large images is essential to maintain a good performance and a fast-loading page. However, you don\u2019t want to compromise on quality either. That\u2019s where compression (with the right tool) comes in handy!&nbsp;<\/p>\n\n\n\n<p>Ideally, you want to keep your page weight under 1 &#8211; 1.5 MB. You can audit your site and check this metric on <a href=\"https:\/\/gtmetrix.com\/\"><strong>GTMetrix<\/strong><\/a><strong> <\/strong>&gt; <strong>Page Details <\/strong>&gt;<strong> Total Page Size.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"415\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Checking-my-page-size-and-the-weight-occupied-by-images-Source-GTMetrix-.png\" alt=\"Checking my page size and the weight occupied by images - Source: GTMetrix\n\" class=\"wp-image-1947\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Checking-my-page-size-and-the-weight-occupied-by-images-Source-GTMetrix-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Checking-my-page-size-and-the-weight-occupied-by-images-Source-GTMetrix--300x156.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Checking-my-page-size-and-the-weight-occupied-by-images-Source-GTMetrix--768x398.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Checking my page size and the weight occupied by images &#8211; Source: <a href=\"https:\/\/gtmetrix.com\/\">GTMetrix<\/a><br><\/figcaption><\/figure>\n\n\n\n<p><strong>\ud83d\udca1Solutions to compress your large images:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Photoshop and Lightroom, but you may reduce the quality when exporting the final images.<\/li>\n\n\n\n<li><a href=\"https:\/\/imagify.io\/\">The Imagify plugin<\/a> &#8211; allows you to optimize and <a href=\"https:\/\/imagify.io\/blog\/resize-compress-large-images-in-bulk\/\">compress your images in bulk<\/a> directly from WordPress. You can save up to 90% on file size while maintaining high quality.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>In our example below, Imagify compressed the image by almost 50%, making the page much lighter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"212\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Overall-saving-thanks-to-Imagify-compression-Source-Imagify-.png\" alt=\"Overall saving thanks to Imagify compression - Source: Imagify\n\" class=\"wp-image-1948\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Overall-saving-thanks-to-Imagify-compression-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Overall-saving-thanks-to-Imagify-compression-Source-Imagify--300x80.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Overall-saving-thanks-to-Imagify-compression-Source-Imagify--768x204.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Overall saving thanks to Imagify compression &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<p>Imagify also preserves the quality. We can\u2019t tell which image is the compressed one:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"671\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Imagify-preserving-quality-when-compressing-images-Source-Imagify-.png\" alt=\"Imagify preserving quality when compressing images - Source: Imagify\n\" class=\"wp-image-1949\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Imagify-preserving-quality-when-compressing-images-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Imagify-preserving-quality-when-compressing-images-Source-Imagify--300x252.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Imagify-preserving-quality-when-compressing-images-Source-Imagify--768x644.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Imagify preserving quality when compressing images &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\ud83d\udcd6Good to know: Imagify helps you <a href=\"https:\/\/imagify.io\/blog\/optimize-images-page-speed-google\/\">optimize your images for somePageSpeed Insights audits.<\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Use Responsive Images<\/h3>\n\n\n\n<p>Another advice before publishing your blog post is to make your image responsive. Luckily, many page builders come with the option to serve images according to the device of your choice.&nbsp;<\/p>\n\n\n\n<p><strong>\ud83d\udca1Solutions to use responsive images:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Manually, with code &#8211; using the \u201csrcset\u201d and \u201csizes\u201d attributes to make images responsive.<\/li>\n\n\n\n<li>Using the Block Editor or any page builders that allow you to display different image sizes according to the device:<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"583\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Elementor-and-the-responsive-image-feature-Source-Elementor-.png\" alt=\"Elementor and the responsive image feature - Source: Elementor\n\" class=\"wp-image-1950\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Elementor-and-the-responsive-image-feature-Source-Elementor-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Elementor-and-the-responsive-image-feature-Source-Elementor--300x219.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Elementor-and-the-responsive-image-feature-Source-Elementor--768x560.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Elementor and the responsive image feature &#8211; Source: <a href=\"https:\/\/elementor.com\/\">Elementor<\/a><br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\ud83d\udcd6 Check our guide to learn more about <a href=\"https:\/\/imagify.io\/blog\/make-responsive-images\/\">how to make images with responsive design<\/a>.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">4. Rename Your Image File Properly And Use the Alt Tag&nbsp;<\/h3>\n\n\n\n<p>Images with descriptive names and alt tags will be more likely to be found by search engines &#8211; increasing your chance to appear in the search results. Alt tags are useful for SEO because Google cannot interpret images (yet). Therefore, the alt tags solve this by indicating what the image is about.&nbsp;<\/p>\n\n\n\n<p><strong>Tips for using the right file name and alt tag:<\/strong><\/p>\n\n\n\n<p>Regarding the file name, here are a few guidelines:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Describe concisely what the image is about to help users find your image<\/li>\n\n\n\n<li>Use a maximum of 4-5 words<\/li>\n\n\n\n<li>Capital letters are not needed<\/li>\n\n\n\n<li>Use a hyphen (-) not underscore to separate each word from each other.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>For the alt tag, keep the text short to maximize its impact, and don\u2019t forget to mention the topic in the alt text.<\/p>\n\n\n\n<p>In the example below, you can easily see the differences:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"673\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/File-names-and-alt-tags-Source-Imagify-.png\" alt=\"File names and alt tags - Source: Imagify\n\n\" class=\"wp-image-1951\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/File-names-and-alt-tags-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/File-names-and-alt-tags-Source-Imagify--300x252.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/File-names-and-alt-tags-Source-Imagify--768x646.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">File names and alt tags &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">5. Pay Attention to Copyright Issues<\/h3>\n\n\n\n<p>Now that you have found the perfect relevant image for your blog post. It\u2019s also time to check the copyright on it. Usually, there is a note next to the image with a \u201c\u00a9\u201d and you may not be able to use it for your blog. In case of doubt, always check with the photographer or designer if you can reuse the work and, eventually, credit them.&nbsp;<\/p>\n\n\n\n<p>For example, if your image is coming from <a href=\"https:\/\/pixabay.com\/service\/license\/\">Pixabay<\/a>, the dos and don\u2019t for the copyright-free content are below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"510\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Dos-and-dont-with-copyright-free-content-Source-Pixabay-.png\" alt=\"Do\u2019s and don\u2019t with copyright-free content: - Source: Pixabay\n\" class=\"wp-image-1952\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Dos-and-dont-with-copyright-free-content-Source-Pixabay-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Dos-and-dont-with-copyright-free-content-Source-Pixabay--300x191.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Dos-and-dont-with-copyright-free-content-Source-Pixabay--768x490.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Do\u2019s and don\u2019t with copyright-free content: &#8211; Source: <a href=\"https:\/\/pixabay.com\/service\/license\/\">Pixabay<\/a><br><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">6. Create an Image Sitemap&nbsp;<\/h3>\n\n\n\n<p>An image sitemap is the best way of telling Google about all the images on your site. It\u2019s invaluable for indexing your images and ensuring they are included in search results.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"537\" src=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Sitemap-example-Source-Imagify-.png\" alt=\"Sitemap example - Source: Imagify\n\" class=\"wp-image-1953\" srcset=\"https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Sitemap-example-Source-Imagify-.png 800w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Sitemap-example-Source-Imagify--300x201.png 300w, https:\/\/imagify.io\/blog\/wp-content\/uploads\/2023\/03\/Sitemap-example-Source-Imagify--768x516.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption class=\"wp-element-caption\">Sitemap example &#8211; Source: <a href=\"https:\/\/imagify.io\/\">Imagify<\/a><br><\/figcaption><\/figure>\n\n\n\n<p><strong>\ud83d\udca1Solutions to create an image sitemap:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use a WordPress plugin like<a href=\"https:\/\/wordpress.org\/plugins\/google-sitemap-generator\/\"> XML Sitemap<\/a>. Go to <strong>Settings<\/strong> \u2192 <strong>XML-Sitemap<\/strong>. The XML Sitemap plugin automatically creates a sitemap on WordPress, and you&#8217;ll see the URL at the top of the settings page.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Wrapping Up<\/h3>\n\n\n\n<p>Our checklist should help you to select the best relevant images for your blog. It\u2019s all about consistency, quality, size, copyright, and performance!&nbsp;<\/p>\n\n\n\n<p>The good news is that the compression and optimization parts can be implemented easily with Imagify. The plugin also allows you to pass several image audits on PageSpeed Insights! <a href=\"https:\/\/imagify.io\/optimizer\/#page\">A free trial of Imagify is available<\/a> so you can optimize images for your next article and see how your page performance improves while maintaining high-quality visuals.<\/p>\n<a href=\"https:\/\/imagify.io\/optimizer\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter bottom-blog-post-cta\" src=\"https:\/\/imagify.io\/blog\/wp-content\/themes\/imagify\/assets\/img\/gwic-1.png\" alt=\"Imagify, decrease the size of your images, increase the speed of your website: try it for free\" width=\"690\" height=\"190\"><\/a>","protected":false},"excerpt":{"rendered":"<p>Optimizing your blog images is crucial to engaging with your users, boosting performance, and improving your SEO visibility. Read our article to discover the 6 best practices to apply right now.<\/p>\n","protected":false},"author":8,"featured_media":1935,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-1930","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-image-optimization"],"_links":{"self":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/1930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/comments?post=1930"}],"version-history":[{"count":7,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/1930\/revisions"}],"predecessor-version":[{"id":2385,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/posts\/1930\/revisions\/2385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/media\/1935"}],"wp:attachment":[{"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/media?parent=1930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/categories?post=1930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/imagify.io\/blog\/wp-json\/wp\/v2\/tags?post=1930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}