# 디자이너에서 그림 삽입 ## Content 워크시트에 그림을 삽입하려면 SpreadJS 디자이너의 **삽입(Insert)** 탭을 사용할 수 있습니다. 디자이너는 두 가지 배치 옵션을 제공합니다. * 셀 안에 배치(Place in Cell) * 셀 위에 배치(Place over Cells) 선택한 옵션에 따라 워크시트에서 그림이 동작하는 방식이 결정됩니다. ## 그림 삽입 그림을 삽입하려면: 1. **삽입(Insert)** 탭으로 이동합니다. 2. **일러스트레이션(Illustrations)** 그룹에서 **그림(Picture)** 을 선택합니다. 3. 다음 옵션 중 하나를 선택합니다. * **셀 안에 배치(Place in Cell)** * **셀 위에 배치(Place over Cells)** 선택한 옵션에 따라 워크시트에서 그림이 동작하는 방식이 결정됩니다. ![image-20260421.e396d3.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260421.e396d3-20260604.572953.png?width=800) ## 셀 안에 배치 **셀 안에 배치(Place in Cell)** 를 선택하면: * 이미지가 선택된 셀에 삽입됩니다. * 이미지가 셀 값이 됩니다. * 정렬, 필터링, 수식 및 기타 워크시트 작업에 참여합니다. * 이미지가 이미지 리치 데이터(Image Rich Data)로 저장됩니다. 이미지가 데이터 집합의 일부인 경우 이 모드를 사용하세요. 자세한 내용은 [이미지 리치 데이터](/spreadjs/docs/features/cells/image-rich-data)를 참조하세요. ![image-20260407.17c7b6.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260407.17c7b6-20260604.4a002b.png?width=800) ## 셀 위에 배치 **셀 위에 배치(Place over Cells)** 를 선택하면: * 이미지가 그림 도형으로 삽입됩니다. * 자유롭게 이동 및 크기 조정할 수 있습니다. * 워크시트 데이터 작업에는 참여하지 않습니다. ![image-20260407.a0f084.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260407.a0f084-20260604.8ed42a.png?width=800) 이 모드는 레이아웃 및 프레젠테이션 용도로 사용합니다. 자세한 내용은 [그림 도형](/spreadjs/docs/features/UnderstandingShapes/picture-shape)을 참조하세요. ### 그림 서식 리본 메뉴 그림 도형을 선택하면 리본 메뉴에 **그림 서식(Picture Format)** 탭이 표시됩니다. ![image-20260407.6f654d.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260407.6f654d-20260604.a0532d.png?width=800) 이 탭에서 다음 작업을 수행할 수 있습니다. * 이미지 모양 조정(보정, 색상, 투명도) * 대체 텍스트 설정 * 그림 회전 및 정렬 * 이미지 자르기 * 높이 및 너비 설정 * 서식 창(Format Pane) 또는 선택 창(Selection Pane) 열기 이 옵션들은 그림 도형에 적용됩니다. ## 배치 모드 간 변환 디자이너에서는 **셀 안에 배치**와 **셀 위에 배치** 간에 그림을 변환할 수 있습니다. 사용 가능한 명령은 현재 그림 유형에 따라 달라집니다. ### 그림 도형을 셀 안에 배치로 변환 그림 도형이 선택된 상태에서 다음 방법으로 변환할 수 있습니다. * **그림 서식(Picture Format)** 리본 메뉴의 **셀 안에 배치(Place in Cell)** 버튼 ![image-20260407.95c7ac.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260407.95c7ac-20260605.78cb5b.png?width=800) * 그림 오른쪽 상단에 표시되는 빠른 변환 버튼 ![image-20260407.cea269.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260407.cea269-20260604.ce1b44.png?width=250) * 마우스 오른쪽 버튼 메뉴 → **셀 안에 배치(Place in Cell)** ![image-20260421.f25fb4.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260421.f25fb4-20260604.dda31a.png) 변환 후: * 이미지가 셀 값으로 저장됩니다. * 그림 도형은 제거됩니다. * 이미지가 이미지 리치 데이터가 됩니다. ### 셀 안의 그림을 셀 위에 배치로 변환 이미지가 포함된 셀이 선택된 상태에서 다음 방법으로 변환할 수 있습니다. * 이미지 오른쪽 상단에 표시되는 빠른 변환 버튼 ![image-20260407.e7ca97.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260407.e7ca97-20260604.dab043.png) * 마우스 오른쪽 버튼 메뉴 → **셀 안의 그림(Picture in Cell)** → **셀 위에 배치(Place over Cells)** ![image-20260421.c6660c.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260421.c6660c-20260604.068ffb.png?width=400) 변환 후: * 그림 도형이 생성됩니다. * 이미지가 더 이상 셀 값으로 저장되지 않습니다. ## 셀 안의 그림에 대한 추가 옵션 이미지가 포함된 셀을 마우스 오른쪽 버튼으로 클릭하면 다음 메뉴도 사용할 수 있습니다. * **미리 보기 표시(Show Preview)** — 이미지 미리 보기 카드를 엽니다. ![image-20260407.7d8ccd.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260407.7d8ccd-20260604.f53399.png?width=250) * **대체 텍스트 보기(View Alt Text)** — 디자이너 오른쪽에 **대체 텍스트(Alt Text)** 창이 열리며, 대체 설명을 입력하거나 수정할 수 있습니다. ![image-20260407.aa2833.png](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/36b63360-fb01-457c-a448-c3ce32aaf454/image-20260407.aa2833-20260604.46e7a5.png)