{"id":4664,"date":"2017-04-04T18:18:17","date_gmt":"2017-04-04T12:48:17","guid":{"rendered":"https:\/\/www.rankwatch.com\/blog\/?p=4664"},"modified":"2023-06-08T12:00:21","modified_gmt":"2023-06-08T06:30:21","slug":"a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site","status":"publish","type":"post","link":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/","title":{"rendered":"A Lowdown On How To Optimize Images On Your Ecommerce Site"},"content":{"rendered":"<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/A-Lowdown-On-How-To-Optimize-Images-On-Your-Ecommerce-Site.png?ssl=1\" rel=\"attachment wp-att-4674\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-large wp-image-4674\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/A-Lowdown-On-How-To-Optimize-Images-On-Your-Ecommerce-Site.png?resize=640%2C320&#038;ssl=1\" alt=\"How-To-Optimize-Images-On-Your-Ecommerce-Site\" width=\"640\" height=\"320\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/A-Lowdown-On-How-To-Optimize-Images-On-Your-Ecommerce-Site.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/A-Lowdown-On-How-To-Optimize-Images-On-Your-Ecommerce-Site.png?resize=300%2C150&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/A-Lowdown-On-How-To-Optimize-Images-On-Your-Ecommerce-Site.png?resize=768%2C384&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p><em>\u201cA picture speaks a thousand words.\u201d<\/em> The phrase dates back to the age when the concept of a camera was launched. And it still holds the same authenticity like it used to have all those years back. A good picture always captures a viewer\u2019s eyes. And the concept remains same everywhere. Online businesses, today put a lot of emphasis on how well the images on the e-commerce sites are produced and placed.<\/p>\n<p>When you run an online store, <a href=\"https:\/\/www.rankwatch.com\/learning\/content\/are-you-optimizing-your-alt-images-correctly\"><span style=\"font-weight: 400;\">optimizing images<\/span><\/a> is almost an art that you would surely want to master. And believe it or not, product photos can actually convince a shopper to take the next step in the buying process. Offering beautifully shot and highly detailed photos of your products &#8211; can get your site much closer to getting a click of that \u201cadd to cart\u201d button.<\/p>\n<p>Take this picture for example:<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/1-1.png?ssl=1\" rel=\"attachment wp-att-4670\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4670\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/1-1.png?resize=640%2C416&#038;ssl=1\" alt=\"e-commerce-site\" width=\"640\" height=\"416\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/1-1.png?w=941&amp;ssl=1 941w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/1-1.png?resize=300%2C195&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/1-1.png?resize=768%2C499&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>East is an agency for creative artists, based in London and New York. The site is committed to carefully curating to include a broad spectrum of talent in photography, moving image, set design, and styling. Artists who truly embody their creative output, both commercially and in their personal projects.<\/p>\n<p>There is nothing new about the product here, but the images are beautifully captured, highly detailed and beautifully placed. That is what matters. E-commerce product photography must convey the value and functionality of an item which will inspire shoppers to buy. So, whenever possible, product images should also be lean and fast loading. That helps the SEO ranking factor too. Because no one wants to wait around for images or sites to load.<\/p>\n<p>And how exactly you can do that? Here\u2019s a lowdown to 6 important steps of optimizing images:<\/p>\n<h2>Which Image File Types To Choose<\/h2>\n<p>There are three main file types to be focussed on, for saving images optimized for the web: GIF, JPG, and PNG.<\/p>\n<p><strong>JPGs<\/strong><br \/>\nJPGs (also known as JPEGs) are perfect for photographs, or complex images containing lots of colors, shadows, gradients, or complex patterns. JPGs can also be saved in high quality, low quality or anywhere in between. And are commonly used for product images, photographs, and homepage hero banners\/images.<\/p>\n<p><strong>PNGs<\/strong><br \/>\nWhile the image size is smaller, this won\u2019t be a good option for complex images and photographs. But, most importantly, PNGs can handle transparency. This works well for logos because logos require transparency.<\/p>\n<p><strong>GIFs<\/strong><br \/>\nGIFs are still an option for small image sizes where only a few colors are needed. Much like PNG-8, GIF files are restricted to only 256 colors. And which is why GIFs should never be used for product photos. Though they can be used for logos.<\/p>\n<h2><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/2-1.png?ssl=1\" rel=\"attachment wp-att-4671\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4671\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/2-1.png?resize=454%2C340&#038;ssl=1\" alt=\"save-image\" width=\"454\" height=\"340\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/2-1.png?w=454&amp;ssl=1 454w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/2-1.png?resize=300%2C225&amp;ssl=1 300w\" sizes=\"auto, (max-width: 454px) 100vw, 454px\" data-recalc-dims=\"1\" \/><\/a><\/h2>\n<h2>How To Save Images Properly<\/h2>\n<p>While saving the images, your first and foremost concern should be &#8211; using right dimensions. If you are working with Photoshop, view it at 100 percent to get a view how it will look on a computer monitor. You can do this by trying the \u201csave for web\u201d option. In Photoshop CC 2015 the option can be found under File &gt; Export &gt; Save for Web; in previous versions the option is located in File &gt; Save for Web.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/3-1.png?ssl=1\" rel=\"attachment wp-att-4672\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-large wp-image-4672\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/3-1.png?resize=640%2C290&#038;ssl=1\" alt=\" A-Better-Lemonade-Stand \" width=\"640\" height=\"290\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/3-1.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/3-1.png?resize=300%2C136&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/3-1.png?resize=768%2C348&amp;ssl=1 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<p>(Image Source: A Better Lemonade Stand )<\/p>\n<p>From the menu, you can adjust the resulting image size, compression, and format. You\u2019ll also be given an approximate loading time and file size. Alternatively, there are plenty of free online tools designed to compress your photos. The Kraken Image Optimizer and TinyPNG tools shrink your images to an accepted small size while preserving quality.<br \/>\nHere are some others you can try:<\/p>\n<ol>\n<li style=\"text-align: left;\">PunyPNG<\/li>\n<li style=\"text-align: left;\">JPEG Reducer<\/li>\n<li style=\"text-align: left;\">JPEG Optimizer<\/li>\n<li style=\"text-align: left;\">Online Image Optimizer<\/li>\n<li style=\"text-align: left;\">Shrink Pictures<\/li>\n<li style=\"text-align: left;\">Compress Now<\/li>\n<li style=\"text-align: left;\">Image Optimizer<\/li>\n<li style=\"text-align: left;\">Compress JPEG<\/li>\n<li style=\"text-align: left;\">Compressor.io<\/li>\n<li style=\"text-align: left;\">Optimizilla<\/li>\n<\/ol>\n<h2>Reducing Image File Size<\/h2>\n<p>The next important part is reducing the size of the image file. And it is absolutely possible without actually reducing the quality. A quality of 60 works best because it minimizes the file size down to under a megabyte with no noticeable difference in quality. Shoppers want their product photos &#8211; large, highly detailed, and able to be zoomed in on.<\/p>\n<p>And there are various applications and websites around to offer web-ready compression for your photos while preserving their quality. Even the highest resolution photos will stand out and load quickly when saved in a web-ready format. The \u201cSave for Web\u201d function in Photoshop is a great way to reduce file size.<\/p>\n<p>Compressing the images for use on the internet is also important. The smaller your image file sizes will be, the faster they will be loading for customers visiting your e-commerce site. Start by finding out what the maximum target pixel dimensions you\u2019re trying to fill are. Finally, consider the internal contents of your image \u2013 follow the sensible cropping tips and make sure your product is nicely centered and appropriately filling the frame. Here is an example:<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/4.png?ssl=1\" rel=\"attachment wp-att-4669\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4669\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/4.png?resize=601%2C367&#038;ssl=1\" alt=\"Practical-Ecommerce\" width=\"601\" height=\"367\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/4.png?w=601&amp;ssl=1 601w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/4.png?resize=300%2C183&amp;ssl=1 300w\" sizes=\"auto, (max-width: 601px) 100vw, 601px\" data-recalc-dims=\"1\" \/><\/a><br \/>\n(Image source: Practical Ecommerce)<\/p>\n<h2>Providing Descriptions<\/h2>\n<p>Though the product description doesn&#8217;t actually add any SEO value to your images, but they can be useful, still. These can be described as &#8211; how the picture was taken, when, and any other interesting elements. The Caption will show up underneath the image on the live article. However, bounce rates are taken into account. But how does that relate to this?<\/p>\n<p>If someone searches for a term, clicks on your page and bounces back to the search page quickly, this is used as a factor for rankings. People would go back to search engines mainly because the content didn\u2019t satisfy them. And that\u2019s where image captions come in. Next to your headline, image captions are important because they are one of the most well-read pieces of content on your entire site. So, if you fail to use them, you\u2019re losing out on one more chance to lower your bounce rate.<\/p>\n<h2><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Providing-Descriptions.png?ssl=1\" rel=\"attachment wp-att-4666\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4666\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Providing-Descriptions.png?resize=366%2C171&#038;ssl=1\" alt=\"Providing-Descriptions\" width=\"366\" height=\"171\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Providing-Descriptions.png?w=366&amp;ssl=1 366w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Providing-Descriptions.png?resize=300%2C140&amp;ssl=1 300w\" sizes=\"auto, (max-width: 366px) 100vw, 366px\" data-recalc-dims=\"1\" \/><\/a><\/h2>\n<h2>Setting Alt Texts<\/h2>\n<p>Alt tags are important because they add SEO value that will help you achieve better rankings in the search engines when used appropriately. These are technically a text alternative to images when a browser can\u2019t properly render them. Much like an example like this:<\/p>\n<p>&lt;img src=\u201cjonsnow-tee-blue.jpg\u201d alt=\u201cjonsnow tee blue\u201d&gt; But don\u2019t give your alt tags and images names which might trigger a spam alert, either. For example, \u2018jonsnow-tee-blue-on-sale-buy-now.jpg\u201d and giving it the same matching alt tag.<\/p>\n<p>Naming your files is the first step in optimizing your images. By being specific, you\u2019ll help Google understand what\u2019s on your site which will help you rank better. Alt attributes, or tags &#8211; represent information about a picture displayed in the event that the image is not loaded successfully. And therefore, Google considers this as an important ranking factor. It is recommended you use at least 125 characters for the alt tag. It is not necessary to use keywords in the alt tag, although you can.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/5-1.jpg?ssl=1\" rel=\"attachment wp-att-4673\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4673\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/5-1.jpg?resize=640%2C386&#038;ssl=1\" alt=\"Setting-Alt-Texts\" width=\"640\" height=\"386\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/5-1.jpg?w=763&amp;ssl=1 763w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/5-1.jpg?resize=300%2C181&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<h2>Adding Thumbnails<\/h2>\n<p>Adding thumbnails would be amazing but you have to be careful about one thing. They can ALSO silently kill your page loading times. They are generally added in critical steps during the whole shopping process. And if they are obstructing your category pages from loading &#8211; you might also lose another customer. So the sizes of thumbnail files should be as small as possible. Because , lastly, the cumulative effect of your thumbnails will have a huge effect on your page loading time.<\/p>\n<p>Also, try keeping variations in your alt tag text to not duplicate text that you would use for the bigger versions. The last thing you want is the thumbnail being indexed instead of the large image. A case could be made to leave out the alt text entirely. Thumbnails are great to use in search results, both in Google and inside your own eCommerce store. Search result pages with thumbnail pictures usually, receive more clicks and traffic. And that is simply because they stand out from various other text-limited results.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Adding-Thumbnails.png?ssl=1\" rel=\"attachment wp-att-4667\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4667\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Adding-Thumbnails.png?resize=600%2C357&#038;ssl=1\" alt=\"Adding-Thumbnails\" width=\"600\" height=\"357\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Adding-Thumbnails.png?w=600&amp;ssl=1 600w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Adding-Thumbnails.png?resize=300%2C179&amp;ssl=1 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n<h2>Adding Image Sitemaps<\/h2>\n<p>If your site uses JavaScript galleries, image pop-ups and other things to improve the overall shopping experience &#8211; Google image sitemaps are there to help you get your images noticed by people on web and Google itself, too. Web crawlers can&#8217;t crawl images that are not called out in the webpage source code. Therefore, to let them know about these images, you must list their location in an image site map.<\/p>\n<p>Google has many guidelines for image publishing to help your website rank high on the search engine. Additionally, you can also use the extension for images on Google Sitemaps to give Google more information about the images on your website. This can help Google find more images than what would be conventionally found through their search engine. Although using Sitemaps doesn&#8217;t guarantee that your images will get indexed by Google, you can absolutely increase the optimization of your website, and especially the images by using Sitemaps.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Using-Image-Sitemaps.png?ssl=1\" rel=\"attachment wp-att-4665\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-4665\" src=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Using-Image-Sitemaps.png?resize=640%2C484&#038;ssl=1\" alt=\"Using-Image-Sitemaps\" width=\"640\" height=\"484\" srcset=\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Using-Image-Sitemaps.png?w=766&amp;ssl=1 766w, https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/Using-Image-Sitemaps.png?resize=300%2C227&amp;ssl=1 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" data-recalc-dims=\"1\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u201cA picture speaks a thousand words.\u201d The phrase dates back to the age when the concept of a camera was launched. And it still holds the same authenticity like it used to have all those years back. A good picture always captures a viewer\u2019s eyes. And the concept remains same everywhere. Online businesses, today put [&hellip;]<\/p>\n","protected":false},"author":108,"featured_media":4677,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[38],"tags":[],"class_list":["post-4664","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-e-commerce","entry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Boost E-Commerce Performance with Image Optimization Tips<\/title>\n<meta name=\"description\" content=\"Running an online store requires you to master the art of optimizing images. The right product photos can actually motivate shoppers to purchase a product.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Boost E-Commerce Performance with Image Optimization Tips\" \/>\n<meta property=\"og:description\" content=\"Running an online store requires you to master the art of optimizing images. The right product photos can actually motivate shoppers to purchase a product.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/\" \/>\n<meta property=\"og:site_name\" content=\"RankWatch Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/RankWatch\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-04T12:48:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-08T06:30:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Pragyan Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rankwatch\" \/>\n<meta name=\"twitter:site\" content=\"@rankwatch\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pragyan Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/\"},\"author\":{\"name\":\"Pragyan Sharma\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/0da15e2ca99630cdd66c7c23b29f7ec5\"},\"headline\":\"A Lowdown On How To Optimize Images On Your Ecommerce Site\",\"datePublished\":\"2017-04-04T12:48:17+00:00\",\"dateModified\":\"2023-06-08T06:30:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/\"},\"wordCount\":1483,\"commentCount\":5,\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png?fit=512%2C512&ssl=1\",\"articleSection\":[\"E-Commerce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/\",\"name\":\"Boost E-Commerce Performance with Image Optimization Tips\",\"isPartOf\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png?fit=512%2C512&ssl=1\",\"datePublished\":\"2017-04-04T12:48:17+00:00\",\"dateModified\":\"2023-06-08T06:30:21+00:00\",\"description\":\"Running an online store requires you to master the art of optimizing images. The right product photos can actually motivate shoppers to purchase a product.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png?fit=512%2C512&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png?fit=512%2C512&ssl=1\",\"width\":512,\"height\":512,\"caption\":\"A-Step-By-Step-Guide-to-Influencer-Outreach-for-Link-Building-and-Promotion\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rankwatch.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A Lowdown On How To Optimize Images On Your Ecommerce Site\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#website\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"name\":\"RankWatch Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#organization\",\"name\":\"Rankwatch\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1\",\"width\":400,\"height\":90,\"caption\":\"Rankwatch\"},\"image\":{\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/RankWatch\/\",\"https:\/\/x.com\/rankwatch\",\"https:\/\/www.instagram.com\/rankwatch_seo\/\",\"https:\/\/in.linkedin.com\/company\/rankwatch\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/0da15e2ca99630cdd66c7c23b29f7ec5\",\"name\":\"Pragyan Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/30b6f3fe6d4a40ed2f7f73c0d076ec0d?s=96&d=blank&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/30b6f3fe6d4a40ed2f7f73c0d076ec0d?s=96&d=blank&r=g\",\"caption\":\"Pragyan Sharma\"},\"description\":\"Content Writer at Buildabazaar, Infibeam. A passionate writer, a dog- lover, a huge book-lover. Believes in only one religion \u2013 Music. Surrounded by a close-knit, like-minded group of people. Doesn\u2019t hesitate stating her opinion \u2013 on important issues.\",\"url\":\"https:\/\/www.rankwatch.com\/blog\/author\/pragyan-sharma\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Boost E-Commerce Performance with Image Optimization Tips","description":"Running an online store requires you to master the art of optimizing images. The right product photos can actually motivate shoppers to purchase a product.","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:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/","og_locale":"en_US","og_type":"article","og_title":"Boost E-Commerce Performance with Image Optimization Tips","og_description":"Running an online store requires you to master the art of optimizing images. The right product photos can actually motivate shoppers to purchase a product.","og_url":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/","og_site_name":"RankWatch Blog","article_publisher":"https:\/\/www.facebook.com\/RankWatch\/","article_published_time":"2017-04-04T12:48:17+00:00","article_modified_time":"2023-06-08T06:30:21+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png","type":"image\/png"}],"author":"Pragyan Sharma","twitter_card":"summary_large_image","twitter_creator":"@rankwatch","twitter_site":"@rankwatch","twitter_misc":{"Written by":"Pragyan Sharma","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#article","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/"},"author":{"name":"Pragyan Sharma","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/0da15e2ca99630cdd66c7c23b29f7ec5"},"headline":"A Lowdown On How To Optimize Images On Your Ecommerce Site","datePublished":"2017-04-04T12:48:17+00:00","dateModified":"2023-06-08T06:30:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/"},"wordCount":1483,"commentCount":5,"publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png?fit=512%2C512&ssl=1","articleSection":["E-Commerce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/","url":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/","name":"Boost E-Commerce Performance with Image Optimization Tips","isPartOf":{"@id":"https:\/\/www.rankwatch.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#primaryimage"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png?fit=512%2C512&ssl=1","datePublished":"2017-04-04T12:48:17+00:00","dateModified":"2023-06-08T06:30:21+00:00","description":"Running an online store requires you to master the art of optimizing images. The right product photos can actually motivate shoppers to purchase a product.","breadcrumb":{"@id":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#primaryimage","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png?fit=512%2C512&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png?fit=512%2C512&ssl=1","width":512,"height":512,"caption":"A-Step-By-Step-Guide-to-Influencer-Outreach-for-Link-Building-and-Promotion"},{"@type":"BreadcrumbList","@id":"https:\/\/www.rankwatch.com\/blog\/a-lowdown-on-how-to-optimize-images-on-your-ecommerce-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rankwatch.com\/blog\/"},{"@type":"ListItem","position":2,"name":"A Lowdown On How To Optimize Images On Your Ecommerce Site"}]},{"@type":"WebSite","@id":"https:\/\/www.rankwatch.com\/blog\/#website","url":"https:\/\/www.rankwatch.com\/blog\/","name":"RankWatch Blog","description":"","publisher":{"@id":"https:\/\/www.rankwatch.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rankwatch.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rankwatch.com\/blog\/#organization","name":"Rankwatch","url":"https:\/\/www.rankwatch.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2021\/07\/400x90rec.png?fit=400%2C90&ssl=1","width":400,"height":90,"caption":"Rankwatch"},"image":{"@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/RankWatch\/","https:\/\/x.com\/rankwatch","https:\/\/www.instagram.com\/rankwatch_seo\/","https:\/\/in.linkedin.com\/company\/rankwatch"]},{"@type":"Person","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/0da15e2ca99630cdd66c7c23b29f7ec5","name":"Pragyan Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rankwatch.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/30b6f3fe6d4a40ed2f7f73c0d076ec0d?s=96&d=blank&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/30b6f3fe6d4a40ed2f7f73c0d076ec0d?s=96&d=blank&r=g","caption":"Pragyan Sharma"},"description":"Content Writer at Buildabazaar, Infibeam. A passionate writer, a dog- lover, a huge book-lover. Believes in only one religion \u2013 Music. Surrounded by a close-knit, like-minded group of people. Doesn\u2019t hesitate stating her opinion \u2013 on important issues.","url":"https:\/\/www.rankwatch.com\/blog\/author\/pragyan-sharma\/"}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.rankwatch.com\/blog\/wp-content\/uploads\/2017\/03\/ecommerce-website-image.png?fit=512%2C512&ssl=1","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/4664","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/users\/108"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/comments?post=4664"}],"version-history":[{"count":2,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/4664\/revisions"}],"predecessor-version":[{"id":4676,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/posts\/4664\/revisions\/4676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media\/4677"}],"wp:attachment":[{"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/media?parent=4664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/categories?post=4664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rankwatch.com\/blog\/wp-json\/wp\/v2\/tags?post=4664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}