> For the complete documentation index, see [llms.txt](https://docs.archisketch.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.archisketch.com/guide/dev-kr/contents/render-images/introduce.md).

# 2.1. 렌더 이미지: 소개

### 렌더이미지(Render-Image): 소개

{% embed url="<https://content.archisketch.com/card/Xo79oNA085ACA33AE7B4BEF>" %}

***

### 📌 도면 에디터: 렌더 이미지 생성 방법

**렌더 이미지**는 도면 에디터에서 생성할 수 있습니다.

도면 에디터 진입 방법은 대시보드 **\[내 프로젝트 > 프로젝트]** 페이지에서 **\[에디터로 이동]** 버튼을 클릭해주세요.

도면 에디터에서 렌더 이미지가 정상적으로 생성되면, **\[도면 에디터 > 갤러리]** 페이지 또는 **\[프로젝트 상세 페이지 > 콘텐츠 > 렌더샷]** 탭에서 생성된 렌더 이미지를 확인할 수 있습니다.

👇 **도면 에디터: 렌더 이미지 생성 방법**은 하단 영상을 확인해주세요.

{% embed url="<https://www.youtube.com/watch?v=2Gk7Kv2bVN8>" %}

***

### 📌 렌더 이미지 확인 방법: 대시보드

{% stepper %}
{% step %}

#### 아키스케치 대시보드에서 **\[프로젝트 > 내 프로젝트]** 또는 **\[전체 프로젝트]** 페이지로 이동한 후, 프로젝트 카드를 클릭해주세요.

*(프로젝트가 없다면, \[새로운 프로젝트] 버튼을 클릭하여 새로 생성해주세요.)*

![렌더 이미지 확인 방법: 대시보드](/files/YrWftl86HVKXTljOxTPT)
{% endstep %}

{% step %}

#### 프로젝트 상세 페이지에서 **\[컨텐츠 > 렌더샷]** 탭으로 이동한 뒤, **렌더 이미지 카드**를 클릭해 확인 할 수 있습니다.

![렌더 이미지 확인 방법: 대시보드](/files/2OiHQy5tl7Jq1kwnqa6M)
{% endstep %}
{% endstepper %}

***

### 📌 렌더 이미지 확인 방법: 에디터

{% stepper %}
{% step %}

#### 아키스케치 대시보드에서 **\[프로젝트 > 내 프로젝트]** 또는 **\[전체 프로젝트]** 페이지로 이동한 후, 프로젝트 카드의 **\[에디터로 이동]** 버튼을 클릭해주세요.

*(프로젝트가 없다면, \[새로운 프로젝트] 버튼을 클릭해 새로 생성하며 진행해주세요.)*

![렌더 이미지 확인 방법: 에디터](/files/zGTLclsr0DCJzpJMCQqu)
{% endstep %}

{% step %}

#### **\[도면 에디터 > 렌더링**(렌더 스튜디오)]를 통해 렌더 이미지 촬영 후, **\[갤러리]** 페이지를 통해 촬영된 렌더 이미지를 확인 할 수 있습니다.

![렌더 이미지 확인 방법: 에디터](/files/CYZAIKTgF30z9YboiRZl)
{% endstep %}
{% endstepper %}

***

## 렌더 이미지: URL 구조

**렌더 이미지**는 아래와 같은 공통 URL 형식을 따릅니다.

> **하단의 데모페이지를 통해 테스트해보세요!**

{% embed url="<https://codepen.io/Archisketch/pen/wvqLGdR>" %}

### 📌 URL 포멧

```html
https://content.archisketch.com/card/{'Render Image ID'}
```