> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/cornerstone/general/image-guide.md).

# Image guide

Learn how to optimize images for your Shopify online store using your theme. Find tips for great product and editorial photography, file sizes and dimensions, and image customization.

Shopify and Cornerstone 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](/cornerstone/general/image-guide/web-ready-photography.md)
* [Supported image file formats on Shopify](/cornerstone/general/image-guide/file-formats.md)
* [Recommendations for image dimensions and file size](/cornerstone/general/image-guide/image-sizes.md)
* [Cornerstone’s advanced image settings](/cornerstone/general/image-guide/theme-image-settings.md)

### Watch tutorial

Watch our tutorial about optimizing your images for your online store.

{% embed url="<https://youtu.be/2vXIDaz5iPk>" %}