> 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/eclipse/general/image-guide.md).

# Image guide

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