> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/maya/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinedezign.gitbook.io/maya/overview/recommended-image-sizes.md).

# Recommended image sizes

1\) **Logo**

* Logo size:- 360px \* 108px

2\) **Slideshow with marquee**

* Desktop View :- Banner Image :- 2100px\* 1050px\*
* Mobile View :- Banner Image :- 1000px\* 1400px\*

3\) **Product**

* Product image :- 1125px\* 1400px\*

4\) **Collection carousel**

* collection image :-1400px\* 966px

5\) **Rich Text  > Collection**

* collection :-840px\* 1020px

6\) **Featured collections tabs**

* collection image :-920px\* 1157px

7\) **Mix & match pack**

* Product image :- 1125px\* 1400px\*

8\) **Featured collection**

* Product image :- 1125px\* 1400px\*

9\) **Best selling products**

* Product image :- 1125px\* 1400px\*

10\) **Media with text overlay**

* Desktop View :- Banner Image :- 2100px\* 1050px\*
* Mobile View :- Banner Image :- 1000px\* 1400px\*

11\) **Testimonial cards**

* Testimonial > image:-200px\* 200px

12\) **Media grid**

* Landscape image:-1170px\* 550px
* Portrate image:-720px\* 775px

13\) **Hero Carousel**

* Desktop View :- Banner Image :- 2100px\* 1050px\*
* Mobile View :- Banner Image :- 1000px\* 1400px\*

14\) **Multicolumn**

* column image:-1020px\* 1360px
* overlay image:-780px\* 1040px

15\) **Scrollable marquee**

* text with image:-480px\* 480px
* Media > Background image:- 2100px\* 1050px\*
* Media > Image position - Foreground >Background image:- 1165px\* 1440px\*

16\) **Collection list**

* Custom image:-1020px\* 1270px

17\) **Collection with products**

* Background image:- 2100px\* 1050px\*
* collection > Custom image :- 2100px\* 1050px\*

18\) **Sticky media cards**

* Media card row image:-1080px\* 1100px

19\) **Scroll Slides**

* Desktop View :- Banner Image :- 2100px\* 1050px\*
* Mobile View :- Banner Image :- 1000px\* 1400px\*

20\) **Pairing Products**

* Main image:-680px\* 815px\*
* Product > image:-1165px\* 1440px\*

21\) **Media with cards**

* Media > image:-2100px\* 1050px

22\) **Social Media Gallery**

* Floating image:-100px\* 100px
* Post image:-660px\* 660px