{"id":7915,"date":"2022-01-23T11:58:50","date_gmt":"2022-01-23T08:58:50","guid":{"rendered":"https:\/\/adoric.com\/blog\/?p=7915"},"modified":"2022-12-19T14:47:25","modified_gmt":"2022-12-19T11:47:25","slug":"10-product-image-optimization-tips-for-shopify","status":"publish","type":"post","link":"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/","title":{"rendered":"10 Product Image Optimization Tips For Shopify"},"content":{"rendered":"<p>Optimizing the images you upload to your Shopify website is very important. Not only does it help make your website load faster, but improves your <a target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/shopify-seo-guide-to-improve-ranking\/\">store\u2019s SEO<\/a>.<\/p>\n<p>On top of that, optimizing your images by using an\u00a0<a target=\"_blank\" href=\"https:\/\/www.adobe.com\/express\/feature\/image\/editor\">online picture editor<\/a>\u00a0can improve your conversion rate tremendously.<\/p>\n<p>This guide will provide answers to everything you need to know about image optimization, including tips on optimizing your product images.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_66_1 counter-hierarchy ez-toc-counter ez-toc-light-blue 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\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#What_is_Image_Optimization\" title=\"What is Image Optimization?\">What is Image Optimization?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#Benefits_of_Optimizing_Your_Images\" title=\"Benefits of Optimizing Your Images\">Benefits of Optimizing Your Images<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#1_To_Improve_Website_Speed\" title=\"1. To Improve Website Speed\">1. To Improve Website Speed<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#2_To_Build_Better_Engagement_and_Improve_Customer_Retention\" title=\"2. To Build Better Engagement and Improve Customer Retention\">2. To Build Better Engagement and Improve Customer Retention<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#3_To_Increase_Your_Visibility_on_Search_Engines\" title=\"3. To Increase Your Visibility on Search Engines\">3. To Increase Your Visibility on Search Engines<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#10_Tips_to_Optimize_Your_Product_Images\" title=\"10 Tips to Optimize Your Product Images\">10 Tips to Optimize Your Product Images<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#1_Use_Descriptive_Image_Names\" title=\"1. Use Descriptive Image Names\">1. Use Descriptive Image Names<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#2_Use_Alt_Text\" title=\"2. Use Alt Text\">2. Use Alt Text<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#3_Pay_Attention_to_Product_Photography\" title=\"3. Pay Attention to Product Photography\">3. Pay Attention to Product Photography<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#4_Resize_Your_Images\" title=\"4. Resize Your Images\">4. Resize Your Images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#5_Optimize_Your_Thumbnails\" title=\"5. Optimize Your Thumbnails\">5. Optimize Your Thumbnails<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#6_Use_Image_Sitemaps\" title=\"6. Use Image Sitemaps\">6. Use Image Sitemaps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#7_Use_the_Appropriate_Image_Format\" title=\"7. Use the Appropriate Image Format\">7. Use the Appropriate Image Format<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#8_Beware_of_Non-Product_Related_Images\" title=\"8. Beware of Non-Product Related Images\">8. Beware of Non-Product Related Images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#9_Optimize_Both_Technical_and_Aesthetic_Product_Images\" title=\"9. Optimize Both Technical and Aesthetic Product Images\">9. Optimize Both Technical and Aesthetic Product Images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#10_Test_the_Impact_of_Your_Images_by_Loading_Your_Web_Pages\" title=\"10. Test the Impact of Your Images by Loading Your Web Pages\">10. Test the Impact of Your Images by Loading Your Web Pages<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#Image_Optimization_Tools\" title=\"Image Optimization Tools\">Image Optimization Tools<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#1_TinyPNG\" title=\"1. TinyPNG\">1. TinyPNG<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#3_TinyIMG_SEO_Image_Optimizer\" title=\"3. TinyIMG SEO &amp; Image Optimizer\">3. TinyIMG SEO &amp; Image Optimizer<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_is_Image_Optimization\"><\/span>What is Image Optimization?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Image optimization means delivering images with the proper dimension and format at the lowest possible size without any reduction in quality. This ensures that your website loads faster.<\/p>\n<p>Heavy images can make your website load slowly. This can make your store challenging to navigate and less appealing to visitors. Around <a target=\"_blank\" href=\"https:\/\/websitesetup.org\/news\/website-load-time-statistics\/\">45% of people<\/a> have admitted being discouraged from completing a purchase when a website loads slower than expected.<\/p>\n<p>Optimizing your images can make your web pages rank higher on Google.<\/p>\n<p>By optimizing your images, you ensure that your Shopify site has perfect images that allow it to perform maximally both on desktop and mobile. Ultimately, your goal should be to have images with very high quality and small file sizes with image optimization.<\/p>\n<p>To achieve this, here are three factors to take into consideration:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">The height and width of the image,<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">The compression level, and<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">The file size of the image<\/li>\n<\/ul>\n<p>Balancing these three variables will help you create highly optimized images for your store.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Benefits_of_Optimizing_Your_Images\"><\/span>Benefits of Optimizing Your Images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Why should you optimize your images?<\/p>\n<p>Remember that making a good first impression is important even in eCommerce. If you fail to grab your customers\u2019 attention from the get-go, you will likely lose them to the competition. Having web pages that load quickly is one of the ways to avoid this.<\/p>\n<p>According to HTTP Archive, on average, images can make up as much as <a target=\"_blank\" href=\"https:\/\/almanac.httparchive.org\/en\/2019\/page-weight\">75% of a web page\u2019s total weight<\/a>. If this huge portion of a web page is optimized, the impact will be far-reaching.<\/p>\n<p>Here are three more reasons why optimizing your images is important.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_To_Improve_Website_Speed\"><\/span>1. To Improve Website Speed<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Your website\u2019s speed refers to how quickly the content on your web pages is displayed. It also refers to the \u201ctime to first byte\u201d. That is, how fast the first byte of information from your web server gets to your visitor\u2019s browser.<\/p>\n<p>Because optimized images reduce your web pages\u2019 weight, they load at a faster speed, and this improves your Shopify store user experience.<\/p>\n<p>A <a target=\"_blank\" href=\"https:\/\/www.thinkwithgoogle.com\/marketing-strategies\/app-and-mobile\/mobile-page-speed-new-industry-benchmarks\/\">report by Google<\/a> shows that a delay for as little as 7 seconds could increase your <a target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/how-to-decrease-website-bounce-rate\/\">bounce rate<\/a> by over 100%. This means that improving your website speed by optimizing your images is an effective way to increase your customer retention rate.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_To_Build_Better_Engagement_and_Improve_Customer_Retention\"><\/span>2. To Build Better Engagement and Improve Customer Retention<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>When your website loads faster, visitors will naturally stay longer. In turn, your bounce rate will reduce, engagement rate increase, and <a target=\"_blank\" href=\"https:\/\/adoric.com\/blog\/website-personalization\/\">customer retention<\/a> rate will increase as well.<\/p>\n<p>And you know, the more engaged your visitors are, the more likely they will want to buy from you.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_To_Increase_Your_Visibility_on_Search_Engines\"><\/span>3. To Increase Your Visibility on Search Engines<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>One of the reasons your product is not getting ranked on search engines like Google could be because your product images are not well-optimized. This may leave you with a Shopify store that isn\u2019t easily visible in search results.<\/p>\n<p>As stated earlier, your product images and web page content also come up in search engine results. Well-optimized web pages allow search engines to rank you higher when people make relevant search queries. This can potentially increase traffic flow to your store and consequently grow your business and your brand faster.<\/p>\n<p>Did you know that <a target=\"_blank\" href=\"https:\/\/searchengineland.com\/google-starts-showing-more-images-in-the-web-search-results-315804\">over 30% of Google searches<\/a> are image-based? Also, the introduction of the visual search feature that allows users to make a search query that combines both images and text has begun to gain traction.<\/p>\n<p>To stay relevant, you must optimize your product images to allow you to take advantage of these new developments.<\/p>\n<p>Besides all of these benefits, optimizing your images also allows you to create backups of your website more quickly, and your website will require less space on your web server. You will also require less bandwidth. Isn\u2019t that a good thing?<\/p>\n<h2><span class=\"ez-toc-section\" id=\"10_Tips_to_Optimize_Your_Product_Images\"><\/span>10 Tips to Optimize Your Product Images<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Here are 10 tips to optimize your product images.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Use_Descriptive_Image_Names\"><\/span>1. Use Descriptive Image Names<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Don\u2019t make the mistake most Shopify store owners make: using generic, unreadable names to save their images.<\/p>\n<p>Often, they take a picture straight from their camera and upload it straight to their website.<\/p>\n<p>When naming your product image names, describe your product the way your customers would search for it online. You can also use analytic tools like Google Keyword Planner to determine keywords your customers typically use.<\/p>\n<p>Using descriptive image names is very important for optimizing your product images. Your image name is the primary way to inform Google and other search engines of what your product image is all about.<\/p>\n<p>Search engines rank web pages based on their content. Content, in this context, is more than just web text; it also includes image file names.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Use_Alt_Text\"><\/span>2. Use Alt Text<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>It&#8217;s important to use descriptive alt texts for your product images. See the highlighted examples below:<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-7916 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Product-image-optimization.jpg\" alt=\"Product image optimization\" width=\"1999\" height=\"850\" data-srcset=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Product-image-optimization.jpg 1999w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Product-image-optimization-300x128.jpg 300w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Product-image-optimization-768x327.jpg 768w\" data-sizes=\"(max-width: 1999px) 100vw, 1999px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1999px; --smush-placeholder-aspect-ratio: 1999\/850;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-7916\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Product-image-optimization.jpg\" alt=\"Product image optimization\" width=\"1999\" height=\"850\" srcset=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Product-image-optimization.jpg 1999w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Product-image-optimization-300x128.jpg 300w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Product-image-optimization-768x327.jpg 768w\" sizes=\"(max-width: 1999px) 100vw, 1999px\" \/><\/noscript><\/p>\n<p><a target=\"_blank\" href=\"https:\/\/moz.com\/learn\/seo\/alt-text\">Source<\/a><\/p>\n<p>They are handy when your visitor\u2019s browser cannot properly render the image or when the browser has issues loading the image. It lets them know what exactly is in the image.<\/p>\n<p>Alt texts are also used to improve the accessibility of a website. This is particularly useful for visually impaired people using a screen reader. As they read through the page, the screen reader can read out the alt attributes to their hearing.<\/p>\n<p>Alt texts also contribute to the SEO value of your website, and including necessary keywords in your alt tags improves the ranking of your website on search engines. Having said that, alt texts are the best way to optimize your images to show up in search results.<\/p>\n<p>Keep the following in mind when writing alt attributes for your product images:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Use simple language in describing your product image<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Do not fill your alt attributes with too many keywords, especially when unnecessary<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">For images of products that have serial or model numbers, be sure to include them in the alt attributes<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Avoid using alt attributes for decorative images<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"3_Pay_Attention_to_Product_Photography\"><\/span>3. Pay Attention to Product Photography<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-7917 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/image4.jpg\" alt=\"\" width=\"609\" height=\"480\" data-srcset=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/image4.jpg 609w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/image4-300x236.jpg 300w\" data-sizes=\"(max-width: 609px) 100vw, 609px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 609px; --smush-placeholder-aspect-ratio: 609\/480;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-7917\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/image4.jpg\" alt=\"\" width=\"609\" height=\"480\" srcset=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/image4.jpg 609w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/image4-300x236.jpg 300w\" sizes=\"(max-width: 609px) 100vw, 609px\" \/><\/noscript><\/p>\n<p>You can\u2019t have good product images if you don\u2019t put the required work into your product photography. Whether you are doing it yourself or outsourcing it to a professional product photographer, there are some things you want to pay attention to.<\/p>\n<p>You want to show different angles of your product to customers. <a target=\"_blank\" href=\"https:\/\/blog.pics.io\/shopify-images-speed-up-your-shopify-store-with-bulk-image-upload-from-google-drive\/\" rel=\"noopener\" aria-describedby=\"sk-tooltip-2741\" data-saferedirecturl=\"https:\/\/www.google.com\/url?q=https:\/\/blog.pics.io\/shopify-images-speed-up-your-shopify-store-with-bulk-image-upload-from-google-drive\/&amp;source=gmail&amp;ust=1648032641530000&amp;usg=AOvVaw19ev3pecLSwk7oI1jSNtuY\">Shopify images<\/a><b>\u00a0<\/b>are all about selling your product, so customers would prefer to see it from all sides to form a decision\u00a0 However, avoid using too many. By taking images from the best angles, you will need fewer pictures, and won&#8217;t have to upload so many images to your website.<\/p>\n<p>There is more to product photography than just angles. You also want to strategically place these images on your web pages to make the most impact.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_Resize_Your_Images\"><\/span>4. Resize Your Images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>One way to reduce the weight of your product images is to resize them. Remember that the larger the size of your image, the longer it takes your web page to load and the lower the likelihood of customers remaining on your page.<\/p>\n<p>There are two ways to resize your images. You can either use a:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Lossy compression; or<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Lossless compression.<\/li>\n<\/ul>\n<p><i>Lossy compression<\/i> will result in the loss of some of the data, quality, and size of the image. It is also impossible to reverse this process once it has been done. So it is advisable to make a duplicate copy of the original image before resizing.<\/p>\n<p><i>Lossless compression<\/i>, on the other hand, reduces the size of the image without any loss in quality. You can achieve this by using apps like Adobe Photoshop, PicMonkey, Pixlr, Canva, and GIMP.<\/p>\n<p>As a Shopify merchant, you will have to worry less about resizing your images because the Shopify theme you are using should compress your images automatically. However, as a rule of thumb for eCommerce websites, <a target=\"_blank\" href=\"https:\/\/www.shopify.com\/blog\/7412852-10-must-know-image-optimization-tips\">Shopify<\/a> says your images should be slightly under 70 kilobytes.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_Optimize_Your_Thumbnails\"><\/span>5. Optimize Your Thumbnails<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Thumbnails are an excellent way to preview multiple products on one web page. But they can be counterproductive if they are not optimized. Because of their file sizes, they can cause your web pages to load slowly.<\/p>\n<p>To optimize them, you can make them smaller. You can also vary the alt tags on your thumbnails or preferably avoid them altogether to prevent them from being indexed by search engines.<\/p>\n<p>However, as a Shopify merchant, you do not have to worry about this because it is automatically done for you.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Use_Image_Sitemaps\"><\/span>6. Use Image Sitemaps<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Consider using image sitemaps to improve your search ranking, particularly, your product images. Image sitemaps are tools that provide additional information about the images on your website.<\/p>\n<p>They help you optimize your product images to suit Google\u2019s algorithms. By using sitemaps, search engine crawlers will be able to navigate through your Shopify store more intelligently.<\/p>\n<p>This process will require some coding, though.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_Use_the_Appropriate_Image_Format\"><\/span>7. Use the Appropriate Image Format<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>When creating your product page, an easier option is to use images in their default format. However, this may not be the smart way to go if you don\u2019t understand the differences between various image format types.<\/p>\n<p>There are three image format types that you can choose from. They are JPEG or JPG, GIF, and PNG.<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">JPEG is the most common image format used on the internet. Images in this format make it easy to balance size and quality, and they also allow the most color compared with other format types.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">GIF images generally have lower quality than JPEGs but are simpler. They are especially suitable for thumbnails and small icons. It is also the only format that supports animations. They are more efficient with colors when they are smaller.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">PNGs were introduced more recently than JPEGs and GIFs, and they are the only image format that supports transparent backgrounds. They produce images with higher quality but also tend to have a larger file size.<\/li>\n<\/ul>\n<p>JPEG is clearly the best image format for product images on your Shopify website. With them, you get the best quality for the smallest size.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_Beware_of_Non-Product_Related_Images\"><\/span>8. Beware of Non-Product Related Images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Some Shopify stores have other images on their web pages unrelated to the products. Some of these images include borders, buttons, backgrounds, among others.<\/p>\n<p>While they contribute to the beauty of your web page, they can increase its weight and reduce its speed, which means you have to eliminate them, if possible.<\/p>\n<p>Ensure you use templates and image formats that reduce the image sizes. You should consider using GIFs or PNG-8 where possible. With these formats, you can shrink the size or <a target=\"_blank\" href=\"https:\/\/picsart.com\/background-remover\">remove the background from an image<\/a> as much as the image allows without ruining its quality.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_Optimize_Both_Technical_and_Aesthetic_Product_Images\"><\/span>9. Optimize Both Technical and Aesthetic Product Images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In optimizing your product images, you need to understand the difference between technical and aesthetic images. This will help you strike the necessary balance.<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><i>Technical images<\/i> are often images of the actual product. They are the images you want to resize, change the file type, etc.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><i>Aesthetic images<\/i> refer to images that add to the aesthetic appeal of the web page, like the backgrounds, colors, and borders. With these images, you want to focus on product styling, design, and background colors while optimizing them.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"10_Test_the_Impact_of_Your_Images_by_Loading_Your_Web_Pages\"><\/span>10. Test the Impact of Your Images by Loading Your Web Pages<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>As a business owner or marketer, you have to constantly test all aspects of your marketing to determine what works and what doesn\u2019t.<\/p>\n<p>Product images are no exception to this; you should also test them. A simple way to do this is to try loading each web page to see the impact of your images on the speed.<\/p>\n<p>Apart from loading your web pages, here are some things you should look out for:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Quantity: You want to determine how many images your visitors and customers prefer on each product, category, or page.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Image preference: Determine which images and angles your customers like or prefer. This helps you maintain a consistent style of product photography.<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\">Quality vs. image size: You want to find a functional balance that allows you to maximize image quality with as little impact as possible on page speed.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Image_Optimization_Tools\"><\/span>Image Optimization Tools<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Here are a few image optimization tools you can use as a Shopify store owner:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_TinyPNG\"><\/span>1. TinyPNG<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-7918 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/TinyPNG.jpg\" alt=\"TinyPNG\" width=\"1329\" height=\"483\" data-srcset=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/TinyPNG.jpg 1329w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/TinyPNG-300x109.jpg 300w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/TinyPNG-768x279.jpg 768w\" data-sizes=\"(max-width: 1329px) 100vw, 1329px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1329px; --smush-placeholder-aspect-ratio: 1329\/483;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-7918\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/TinyPNG.jpg\" alt=\"TinyPNG\" width=\"1329\" height=\"483\" srcset=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/TinyPNG.jpg 1329w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/TinyPNG-300x109.jpg 300w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/TinyPNG-768x279.jpg 768w\" sizes=\"(max-width: 1329px) 100vw, 1329px\" \/><\/noscript><\/p>\n<p><a target=\"_blank\" href=\"https:\/\/tinypng.com\/\">TinyPNG<\/a> is one of the best image optimization tools on the internet. It uses the lossy compression technique and has several other features that automate most of the optimization process.<\/p>\n<p>2. AVADA SEO<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-7919 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Avada-SEO.jpg\" alt=\"Avada SEO\" width=\"1326\" height=\"740\" data-srcset=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Avada-SEO.jpg 1326w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Avada-SEO-300x167.jpg 300w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Avada-SEO-768x429.jpg 768w\" data-sizes=\"(max-width: 1326px) 100vw, 1326px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1326px; --smush-placeholder-aspect-ratio: 1326\/740;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-7919\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Avada-SEO.jpg\" alt=\"Avada SEO\" width=\"1326\" height=\"740\" srcset=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Avada-SEO.jpg 1326w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Avada-SEO-300x167.jpg 300w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Avada-SEO-768x429.jpg 768w\" sizes=\"(max-width: 1326px) 100vw, 1326px\" \/><\/noscript><\/p>\n<p><a target=\"_blank\" href=\"https:\/\/avada.io\/app\/seo-suite\/\">AVADA SEO<\/a> is one of the most popular image optimization tools for Shopify users. It makes image optimization seamless with features that allow you to automate alt tags, compress images fast and generate a sitemap.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_TinyIMG_SEO_Image_Optimizer\"><\/span>3. TinyIMG SEO &amp; Image Optimizer<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-7920 lazyload\" data-src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Tiny-IMG.jpg\" alt=\"Tiny IMG\" width=\"1329\" height=\"599\" data-srcset=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Tiny-IMG.jpg 1329w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Tiny-IMG-300x135.jpg 300w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Tiny-IMG-768x346.jpg 768w\" data-sizes=\"(max-width: 1329px) 100vw, 1329px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 1329px; --smush-placeholder-aspect-ratio: 1329\/599;\" \/><noscript><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-7920\" src=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Tiny-IMG.jpg\" alt=\"Tiny IMG\" width=\"1329\" height=\"599\" srcset=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Tiny-IMG.jpg 1329w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Tiny-IMG-300x135.jpg 300w, https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/Tiny-IMG-768x346.jpg 768w\" sizes=\"(max-width: 1329px) 100vw, 1329px\" \/><\/noscript><\/p>\n<p><a target=\"_blank\" href=\"http:\/\/tinyimg\">TinyIMG<\/a> is another excellent image optimization tool available to Shopify store owners. It optimizes and uploads images automatically and can also fix technical SEO issues.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Optimizing your images for faster load time and better SEO ranking is not rocket science. With the 10 tips we&#8217;ve shared in this post, we hope you will find product image optimization for Shopify a lot easier.<\/p>\n<p>Do you want to increase conversion and sales on your Shopify store? Install the Adoric Shopify App right away.<\/p>\n<p>It comes with tons of easy-to-use features built to increase your Shopify conversion rates and skyrocket your sales. What\u2019s more, it&#8217;s affordable.<\/p>\n<p>Can\u2019t wait to start maximizing your Shopify store? <a target=\"_blank\" href=\"https:\/\/apps.shopify.com\/adoric-cro-done-for-you\">Get the app<\/a> today.<\/p>\n<p style=\"text-align: center;\"><a target=\"_blank\" href=\"https:\/\/adoric.com\/shopify-adoric?utm_source=adoric&amp;utm_medium=blog&amp;utm_campaign=bottom_click\" rel=\"noopener\" class=\"big-button shopify-cta-button\">Install Adoric Shopify App<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Optimizing your product images is important for faster loading speed and SEO. Here are 10 product image optimization tips for Shopify.<\/p>\n","protected":false},"author":15,"featured_media":7922,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[32],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>10 Product Image Optimization Tips For Shopify - Adoric Blog<\/title>\n<meta name=\"description\" content=\"Optimizing your product images is important for faster loading speed and SEO. Here are 10 product image optimization tips for Shopify.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Product Image Optimization Tips For Shopify - Adoric Blog\" \/>\n<meta property=\"og:description\" content=\"Optimizing your product images is important for faster loading speed and SEO. Here are 10 product image optimization tips for Shopify.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/\" \/>\n<meta property=\"og:site_name\" content=\"Adoric Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-23T08:58:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-19T11:47:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/10-Image-Optimization-Tips-For-Your-Shopify-Product-Images-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ohiozoje Okugbe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ohiozoje Okugbe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Product Image Optimization Tips For Shopify - Adoric Blog","description":"Optimizing your product images is important for faster loading speed and SEO. Here are 10 product image optimization tips for Shopify.","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:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/","og_locale":"en_US","og_type":"article","og_title":"10 Product Image Optimization Tips For Shopify - Adoric Blog","og_description":"Optimizing your product images is important for faster loading speed and SEO. Here are 10 product image optimization tips for Shopify.","og_url":"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/","og_site_name":"Adoric Blog","article_published_time":"2022-01-23T08:58:50+00:00","article_modified_time":"2022-12-19T11:47:25+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/adoric.com\/blog\/wp-content\/uploads\/2022\/01\/10-Image-Optimization-Tips-For-Your-Shopify-Product-Images-1.jpg","type":"image\/jpeg"}],"author":"Ohiozoje Okugbe","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ohiozoje Okugbe","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/","url":"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/","name":"10 Product Image Optimization Tips For Shopify - Adoric Blog","isPartOf":{"@id":"https:\/\/adoric.com\/blog\/#website"},"datePublished":"2022-01-23T08:58:50+00:00","dateModified":"2022-12-19T11:47:25+00:00","author":{"@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/332fdce9a437adb15e0155fa1a3cca39"},"description":"Optimizing your product images is important for faster loading speed and SEO. Here are 10 product image optimization tips for Shopify.","breadcrumb":{"@id":"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/adoric.com\/blog\/10-product-image-optimization-tips-for-shopify\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/adoric.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 Product Image Optimization Tips For Shopify"}]},{"@type":"WebSite","@id":"https:\/\/adoric.com\/blog\/#website","url":"https:\/\/adoric.com\/blog\/","name":"Adoric Blog","description":"Conversion rate optimization blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/adoric.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/332fdce9a437adb15e0155fa1a3cca39","name":"Ohiozoje Okugbe","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/adoric.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/29ec6ee635e8d3c3ff73c0b20b73e078?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/29ec6ee635e8d3c3ff73c0b20b73e078?s=96&d=mm&r=g","caption":"Ohiozoje Okugbe"},"url":"https:\/\/adoric.com\/blog\/author\/ohiozoje-okugbe\/"}]}},"_links":{"self":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/7915"}],"collection":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/comments?post=7915"}],"version-history":[{"count":11,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/7915\/revisions"}],"predecessor-version":[{"id":10600,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/posts\/7915\/revisions\/10600"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/media\/7922"}],"wp:attachment":[{"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/media?parent=7915"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/categories?post=7915"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/adoric.com\/blog\/wp-json\/wp\/v2\/tags?post=7915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}