To keep load times fast, Shopify automatically compresses images when they're displayed on your online store. Use the PNG format for the following kinds of images:Īutomatic image compression and format selection The PNG format is also able to support transparency. PNG images are ideal for graphics and icons with flat colors and without gradients. Use the JPEG format for the following kinds of images:
JPEG also has lossy compression, which can help to keep page loading times fast without a noticeable loss in image quality. The JPEG format has a palette with millions of colors. JPEG images are ideal for photography and other still images with complex colors. Shopify uses Imagery to detect which image formats are supported by your customer's browser, and then automatically displays the image in the best format available. Shopify supports the following image formats: For more information on image banners and slideshows, refer to Best practices for slideshow and image banners. Because this format isn't suited for mobile devices, you can stack your image banner pictures by selecting the Stack images on mobile option in the Image banner theme settings. On desktop computers, banner images are displayed side by side. You can create image banners with the following elements: For more information about Metafields and supported image formats, refer to Metafield content types and values. If you have Metafields set up for your images, then you can use the dynamic source picker to add an image. After you find an image that you want to use, click Select. Click an image to see a preview of the image in your theme.
#Change text on image online free#
To use a free stock image from Burst, click Explore free images.To upload an image from your computer, click Upload.
Click Select Image, and then do one of the following:.From the theme editor sidebar, click the section or block that you want to add an image to.Use the dropdown menu to select the template you want to edit.Find the theme that you want to edit, and then tap Customize.In the Sales channels section, tap Online Store.