> For the complete documentation index, see [llms.txt](https://help.qshop.ai/customer_support/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.qshop.ai/customer_support/guide/tip/display.md).

# 사이트 이미지 최적 해상도

큐샵 에디터는 그리드 형식으로 지원하고 있어요. 

이미지 블록을 추가할 때는 이러한 그리드 형식을 고려하여 추가해 주셔야 해요. 

즉, 추가한 블록 크기(가로\*세로)의 비율과 동일한 비율로 이미지를 제작하시기를 권장하고 있어요.

<figure><img src="/files/RNwAtZsSEZtiUaeA1u3u" alt=""><figcaption></figcaption></figure>

에디터에서 확인할 수 있는 그리드 한 칸의 크기는 **약 40px**이에요. (가로와 세로 모두 동일해요.)

예를 들어 16\*10 크기의 이미지 블록을 추가했다면, 실제 업로드하는 이미지 규격 또한 16:10 비율로 제작해 주세요.

16:10 비율의 이미지 규격은 아래와 같습니다.

* 640px X 400px (최소)
* 1280px X 800px
* 1920px X 1200px

위와 별개로 큐샵에서는 삽입한 이미지의 모든 사이즈를 **최적화(리사이징)** 하고 있어요.

이때 사용자가 확인하는 **브라우저의 크기 별로 책정되는 블록 사이즈는 차이가 있기 때문에** 고해상도 이미지를 사용하는 것이 좋아요.

{% hint style="danger" %}
주의

* 지나치게 작은 이미지를 업로드하여 `이미지 채우기`를 활성화하면 강제로 확대되어 이미지가 깨져 보일 수 있어요. 따라서 최소 규격 640px 이상의 이미지 사용을 권장해요.
* 섹션 배경을 이미지로 사용할 경우에는 최소 규격 1920px 이상의 이미지 사용을 권장해요.
* 모바일 전용 가로 크기는 최소 738px \~ 최대 780px을 권장해요.
* 상품 등록 시 대표 이미지 권장 크기는 가로(폭), 세로(높이) 1000px 이하로 설정해 주세요.
  {% endhint %}


---

# 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://help.qshop.ai/customer_support/guide/tip/display.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.