# Image guide The best images for the web are those that balance looking good and loading fast on any screen. Achieving this balance may seem daunting, but the good news is that Shopify and Context will automatically optimize, resize, and adapt your uploaded images for all devices and screen sizes. By following a few basic guidelines, you can have images that look great and load quickly on all screen sizes with minimal effort. * [Best practices for taking and editing web-ready photos](https://help.fluorescent.co/context/general/image-guide/web-ready-photography) * [Supported image file formats on Shopify](https://help.fluorescent.co/context/general/image-guide/file-formats) * [Recommendations for image dimensions and file size](https://help.fluorescent.co/context/general/image-guide/image-sizes) * [Advanced image settings in Context](https://help.fluorescent.co/context/general/image-guide/theme-image-settings) ### Watch tutorial Watch our tutorial about optimizing your images for your online store. {% embed url="" %}