> 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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://shinedezign.gitbook.io/maya/overview/recommended-image-sizes.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.