Automate Your Shopify Store

Learn about the best ways to automate your e-commerce business and manage your inventory across multiple Shopify stores.
does shopify optimize images
All-in-one image masterShopify Image Optimization: Best Practices to Maximize Your Store's PerformanceIf you run a Shopify store, image optimization is an art you'll want to master to ensure better performance. Delivering high-quality, well-optimized images will improve the user experience for your potential customers as well as make your store more likely to rank better on search engines. If you want to benefit from high-quality images, you may be wondering—does Shopify optimize images? Luckily, the platform does come with some aspects that make image optimization easier. Below, we'll look into what Shopify does to boost your image quality and reduce load times for maximized store performance. » Consider these reasons to optimize Shopify images Shopify Image Compression One of Shopify's image optimization strategies to increase your website speed is image compression. This process involves reducing the size of an image by removing unnecessary data and optimizing it for web use without compromising its quality. Shopify automatically compresses the images you upload to your store, so you don't have to worry about doing it manually. This ensures that all your images load quickly on both desktop and mobile devices, providing a better user experience while making sure that search engines can easily index and rank your store to boost its performance. Selecting the Best Image Format Another important aspect of image optimization is selecting the right file format for your images. Different formats are better suited for different purposes, so it's important to choose the one that works best for your store. Shopify automatically optimizes images depending on their type and supports a wide range of popular formats such as JPEG, PNG, and GIF. To make the most out of your image formats, Shopify detects what type of browser your potential customer is using and converts your images to the best format for their browser. No matter how many images you upload to Shopify, this ensures they all show up quickly and look great regardless of the kind of device your customers are using. Cropping & Resizing Your Images Resizing your images to the right dimensions to fit the screen and look their best is another important factor in optimizing your images. This ensures that they don't take up too much space while displaying correctly across different devices and screen sizes. Apart from automatically resizing images to fit smaller screens, Shopify will also gently crop your images where necessary according to different screen orientations. However, some pictures will require manual editing, but Shopify accommodates this as well with its built-in image resizing tool that makes it easy to adjust the image dimensions before you upload them. You can also use this feature to crop and resize existing images on your store if necessary. » Learn how to make all product images the same size on Shopify Easily Optimize Images for Shopify With Egnition All-In-One Image Master Make Image Optimization a Breeze Free Plan Yes Packages 3 paid plans Features All features included in all plans Credit-Based Operation Credits don't expire Properly optimizing your images is an important part of running a successful e-commerce store. While Shopify facilitates image optimization through the automated processes we described above, this alone often isn't enough to ensure customer satisfaction and boost your store's performance. Luckily, there are steps you can take to ensure well-optimized images and improve the load times across your store, like using Egnition's All-In-One Image Master. With this helpful tool, you can resize and optimize all your product images before uploading them to save time and effort while benefiting from enhanced visual design for improved customer satisfaction and store performance.
A laptop showing a Shopify store with product variant images
All-in-one image masterShopify Variant Image Management: How to Add, Delete & Hide Your ImagesRunning a Shopify store means you know how important it is to have enough high-quality product images that showcase your merchandise in the best possible light. And if you're offering products with multiple variations (such as different colors or sizes), you'll need variant images to give your customers the full scope. However, your product variant images need to be properly managed if you're hoping to enhance the customer experience in your store. Knowing how to add, delete, or hide your Shopify variant images can help you create a seamless shopping experience for your customers, increasing the likelihood of them making the purchase and boosting your bottom line. How to Add Variant Images on Shopify You can easily add multiple images to variants on Shopify by following these steps: Log in to your Shopify account and navigate to the product section.Click on the product you want to add variant images to.Scroll down to the "Variants" section and click on the image icon next to the relevant variant.From the pop-up menu, select the "Add image" button and upload your images. Note that you can only upload certain file types and image sizes.Select the image that corresponds to the variant and click "Done."Click "Save" to confirm your changes and finish adding your variant images. Changing Your Variant Images Once you've added images to new variants, you'll be able to change them again later. Here's how to navigate Shopify to change a variant image: Log in to your Shopify account and navigate to the product page where the variant image is located.Scroll down to the "Variants" section and find the variant with the image you want to change. Click on the "Edit" button next to it.In the "Options" section of the editing screen, click on the "Change" button below the image.Click on "Add Image" to upload a new image or select one from the preloaded options to replace the existing variant image.Once you've picked your preferred new image, click "Done" to confirm your selection.When you're done making changes, click "Save" to update the product variant with the new image. How to Delete Variant Images on Shopify Sometimes, you may need to delete variant images on your Shopify store, especially if they're outdated or the product variant is sold out. Here are the steps for removing variant images to keep your product information fresh: Go to your Shopify admin dashboard and navigate to the "Products" section.Click on the product that you want to edit.Scroll down to the "Variants" section and select the variant you want to remove the image from.Click on the ellipsis (three dots) next to the "Bulk edit" button on the pop-up menu.Select "Remove image" from the drop-down menu.Click "Save" to confirm the changes. How to Hide Variant Images on Shopify Instead of permanently deleting your variant images, there may be cases when you just want to stop displaying them for a while, like when a particular product variant is currently out of stock. That's when hiding variant images on Shopify can come in handy—and this is how to do it: From your Shopify admin panel, click on "Online Store" and then "Themes."Scroll down and click on the ellipsis (three dots) next to the "Customize" button for your current theme.From the drop-down menu, select "Edit code."In the left sidebar, click on "Assets" and then "Add a new asset."In the "Create a blank file" section, name the new asset file "custom" and add a ".css" extension (e.g., custom.css), then click "Done."Open the "custom.css" file and add this code: .product-single__media-item[data-variant-id="VARIANT_ID"] { display: none; }Replace VARIANT_ID with the ID of the variant you want to hide the image for. You can find the variant ID by checking the URL—the ID is the number at the end of it.Save the changes to the "custom.css" file. Using this code, you'll be able to hide the variant image while keeping the variant itself available on the product page. » Want to hide the whole product variant instead? Follow these steps Optimize Your Variant Images While properly managing your variant images is vital for your store's success, this alone is often not enough—you also need to make sure they're well-optimized. By optimizing your images, you can improve page load times and enhance the overall customer experience in your store. Remove background, resize, and center variant images with easeChoose between JPG and PNG formats and set your preferred qualityAutomatically generate ALT text for variant images With a solution like the All-in-One Image Master app by Egnition, you can quickly optimize multiple variant images at once to save time and effort. The app's helpful features let you easily compress and resize images, add watermarks, and even convert file formats to ensure your variant images are optimized for the web. Plus, its user-friendly interface makes it easy to navigate even if you're not a tech wizard. » Find out what Shopify does to optimize your images Manage Your Shopify Variant Images Like a Pro Including Shopify variant images is incredibly important for enhancing customer satisfaction and helping your products appeal to a wider audience to promote Shopify store growth. However, you need to properly manage your Shopify variant images relying on the steps above to reap their full benefits. What's more, you should dedicate special attention to optimizing your variant images for the best results, which is where an app like All-in-One Image Master comes in handy. By combining optimization with careful variant image management, you can quickly and easily realize the full potential of having variant images in your store.
A man seated at his desk with his face in his palm, with a laptop and camera in front of him.
All-in-one image master7 Easy-To-Follow Steps to Optimize Your Shopify Product ImagesImages are essential to an online store but when they aren't correctly optimized, they can negatively impact your Shopify store by slowing down your website speed. The world is a visual place, and without high-quality product images that don't affect your site speed, you will find it nearly impossible to make sales, regardless of whether your customer is viewing your store via mobile or desktop. To optimize your product images on Shopify, you will need to go through a multi-step process involving various elements and changes. 1. Prioritize Product Photography Unique content is easier to create and is favored by search engines such as Google, so it's important to take as many high-quality product images as possible. When taking pictures of your products, consider your camera angle, background, and lighting. Finally, consider the dimensions of the image. Images with larger dimensions take longer to load and slow down your site. Visitors will be viewing your store on different-sized screens, so ensure that your product images are responsive. 2. Use the Correct File Type The file type of your images will have an impact on your store's performance and appearance. By using the correct image file type, you can: Ensure your images hold all their intended color and detailEnsure your images aren't stretched or pixilatedReduce webpage load speed Two of the most commonly used image file formats are JPEG and PNG. JPEG: This is easily the most used image format as it has the smallest file size and best picture quality. JPEGS also hold their quality and detail better when compressed. PNG: PNGs can also be used for store images, although their file size is larger and they lose quality when compressed. PNGs are great for transparent backgrounds or small images with high detail. 3. Name Images Appropriately Every image that you take with your camera will have a default name provided for it. Although it's possible to upload the image as is, to boost your SEO, you'll want to give your image file an appropriate name. Your image name should be keyword rich and descriptive. Take the following product as an example: Your camera may produce a default generic name such as "DCMIMAGE10.jpg", however, this is far from ideal. Instead, consider renaming the file to something SEO friendly and descriptive such as "2022-Crocodile-Leather-Men-Shoe.jpeg". 4. Resize & Compress Images As Google uses page load speed as a ranking factor—and most visitors won't wait more than a few seconds for a page to load—it's essential to keep your images as small as possible. Shopify automatically compresses images, but it's good practice to compress them beforehand. There are two ways you can do this: Manual Compression: It's possible to reduce the image data using image editing software such as Photoshop. However, this takes both time and know-how. Automatic Compression: There's an abundance of image compression software on the web that can be used for free. It's best to use an app that has been developed for Shopify to ensure the best results. » Not sure how to resize an image? Easily resize an image for your Shopify store 5. Write Descriptive Alt Attributes Alt attributes are used to describe an image when it hasn't loaded, or if the page is being visited by the visually impaired. Google also uses alt attributes to understand what an image is about. Alt Title Also known as the title text, an image's alt title is the text that a user sees after hovering over the image. This is mainly used to describe something that's unclear in an image. Alt Text Alt text is used to describe an image to those who can't see it and to search engines. Your image alt text should therefore be descriptive, yet brief (approximately 125 characters), include keywords, but not be keyword stuffed. » How do you add alt text to images? Follow these steps 6. Create Image Sitemaps Web crawlers can’t crawl images that aren't called out in the source code. This means without image sitemaps, search engines won't discover your pictures. To add a sitemap, simply insert the following into your robots.txt file: http://example.com/sitemap_location.xml Alternatively, submit it to the Google Search Console. 7. Test Your Images It's important to find a balance between the elements on a webpage. Optimizing extensively for page speed could hurt conversions. Alternatively, creating a page with only visual appeal could leave you lost in the search results. Consider what your goals are, and continue to test for improvements in the following: SERP resultsConversionsPage load speed Ready to Optimize? It's an extensive process to optimize Shopify store images and can be extremely time-consuming. Using an app to streamline the process is the suggested route. There are various Shopify apps that address each step, but an app such as the All-In-One-Image Master from Egnition will cover almost all of the above steps—from compressing and optimizing, editing, removing backgrounds, resizing, and creating automatic alt texts to approving previews. Save yourself time and effort with this all-in-one solution. All-In-One-Image Master
A woman seated comfortably on a couch in her living room, busy working on her laptop.
All-in-one image masterHow to Add Alt Text to Product Images in Your Shopify StoreAdding alt text to your product images provides you with textual descriptions of your media. This is important for two reasons: accessibility and SEO. » How does alt text influence SEO? Learn how alt text can help boost SEO How to Add Alt Text to Your Shopify Product Images Let's jump straight into the nitty-gritty of how to add alt text to your images. You can follow this easy step-by-step guide: Step 1: Log into your Shopify admin. Step 2: Navigate to Products. Source: https://blog.avada.io/shopify/docs/how-set-image-alt-text-shopify.html Step 3: Click on the name of the product you want to edit. Source: https://blog.avada.io/shopify/docs/how-set-image-alt-text-shopify.html Step 4: You should now be on the Product details page. Click on the image to go to the Preview media page. Step 5: Click on Add ALT text. Source: https://blog.avada.io/shopify/docs/how-set-image-alt-text-shopify.html Step 6: Add your alt text, followed by clicking on Save to confirm the alt text. Source: https://blog.avada.io/shopify/docs/how-set-image-alt-text-shopify.html Step 7: Lastly, to finalize the alt text, click on the X to leave the preview page. Importance of Writing Good Alt Text Good alt text is very important for a variety of reasons including the impact it has on SEO. That's because good alt text is a key contributing search engine ranking factor. It gives your images context and informs search engine crawlers, allowing them to effectively index your images because they can't read image content. Writing good alt also has these benefits: Your pages will get ranked on search engines.It will significantly enhance your customers' user experience.Customers can still access your images when contents won't load. Expert Guidelines Here are some handy and helpful guidelines to help you write great alt text for your images: Don't add alt text to all your images There are exceptions that you should be aware of. If you have purely decorative images or if an image is described in nearby text, rather leave the alt attribute empty. Be specific in your description Use the image's context and its subject as a guide. Add context that relates to the page's topic If your image doesn't include a place or person that users recognize, add context that's based on the page's content.Monitor the number of characters you use Don't exceed 125 characters, because screen-reading tools don't read more than 125 characters. Your description might be cut off, making it difficult for the visually impaired to understand when the description is verbalized.Check for spelling errors Besides appearing unprofessional, it can also disrupt the user experience and confuse search engines. Don't start with "a picture of" Jump straight into the description of your image. Include your keyword in at least one of your images but not all of them Identify an image that you feels represents the topic best. Use that image to include your keyword in the alt text.Use your keywords sparingly: Brainstorm some semantic keywords. For example, if your article's keyword is "how to lower cart abandons," you can try using "cart abandon optimizations". "How to..." doesn't improve the richness or depth of your keyword naturally. The Bottom Line At this point, you may be thinking that it's just too complicated to write good alt text for your images. Then consider using an app that does the work for you (plus extra). The All-In-One-Image Master app by Egnition is versatile and easy to use. It has several useful features—including helping you create good alt text for your images: You can create a template for alt text using product name, vendor, and any additional text, which will then be automatically generated for every image.You can compress and optimize your product images to reduce image size but keep their quality.The flexible settings allow you to keep the same style for all images. Just save once and your settings will be suggested every time.If you choose images that you want to edit from the product page, you can process them all at once with the same set of rules to get uniform results. All-In-One-Image Master
Don't Know what Shopify is?

Start your own online eCommerce business using Shopify platform. Shopify gives you all the tools needed to make the journey easier, faster and more profitable.

Frequent Releases

We work tirelessly to deliver more value to your business. Our roadmap is largely based on the questions you ask. We listen and we deliver as often as we can.

24/7/365 apps support

You can reach out to us via a dedicated support icon in the apps. We're always there. Or simply send us an email with your questions at support@egnition.io

Pin It on Pinterest