> 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 %}