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

# Image guide

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

{% columns %}
{% column width="41.66666666666667%" %}

### Watch tutorial

Watch our tutorial about optimizing your images for your online store.
{% endcolumn %}

{% column width="58.33333333333333%" %}
{% embed url="<https://youtu.be/2vXIDaz5iPk>" %}
{% endcolumn %}
{% endcolumns %}