There won’t be, as of this writing, any direct references to the. Here’s one of the potentially confusing aspects of Shopify and WebP: If you look at your online store’s HTML code (such as through the “view page source” option), you’ll still see references to. If you use an alternative server to load image files, Shopify’s WebP support won’t automatically kick in, but the provider may have WebP support of its own. This change doesn’t require any updates by store owners as long as images are loaded from Shopify’s “” subdomain. In July 2019, Shopify’s image serving technology, known as a content delivery network or CDN, automatically began providing images in the WebP format on supported browsers for JPG and PNG image files. GIF files will not load via WebP and, although WebP does include a provision for animation functionality, they are not supported by Shopify as of this time. Since the high-quality images needed to engage users and show details of products tend to be, by their very nature, larger file sizes, they often contribute significantly to the total time it takes to load a page.Īs of this writing, Shopify supports WebP for images uploaded as JPG or PNGs, including PNGs with transparency (also known as an alpha channel). That ultimately means that your images will load faster when shoppers come to your Shopify store using compatible devices and browsers. The advantages of WebPĪs mentioned, WebP typically results in significantly lower file sizes - Shopify says it can display images in nearly identical quality at 30% smaller file sizes. In simpler terms, it’s designed to make it easier for website owners to use a variety of images in high-quality format while still keeping file sizes relatively small. WebP is an image format that has been developed by Google to create a more flexible and efficient image format for use on websites. As part of its ongoing efforts to make Shopify stores load faster, Shopify announced support for the “modern image format” WebP in July 2019 - but what is WebP, how do you use it in your Shopify theme and what are some of its shortcomings?
0 Comments
Leave a Reply. |