How to add Optimised Hero Images to Your Shopify Store
In this video, we’ll walk you through how to add a Hero image to your Shopify store, specifically using the Turbo Theme from Out of the Sandbox. One of the key things we’ll focus on is ensuring you upload two separate images—one for desktop and one for mobile. This is super important for optimizing both the look and the performance of your store across different devices.
You don't want Shopify deciding how to crop your image for mobile—that can lead to poor results with key parts of your image getting cut off. Instead, take control by cropping your own mobile version. We’ll show you how to do this step-by-step.
Key Tips for Your Hero Image:
Think About Text Placement: Where do you want the text or logo to sit on your image? It’s crucial to plan this out for both desktop and mobile. You don’t want text covering important parts of your image.
Desktop vs. Mobile: The two versions of your image will likely need different crops. Desktop images can be wider, while mobile images should be taller to fit the screen better.
Turbo Theme Customization: The Turbo theme gives you tons of flexibility with text alignment, background colors, and overlays, so you can really make your Hero section pop.
Watch the full video to learn how to upload your Hero images properly and make sure your Shopify store looks sleek and professional on any device!