헬프 센터 지식창고 문서 및 콘텐츠 블록의 본문에 이미지를 삽입할 수 있습니다. 이미지를 삽입하면 미디어 라이브러리에 추가됩니다. 큰 이미지는 자동으로 문서의 너비에 맞게 크기가 조정됩니다.
Google 문서나 Microsoft Word (365) 문서의 이미지를 복사하여 문서 본문에 붙여 넣으면 이미지가 자동으로 미디어 라이브러리에 업로드되어 문서에 삽입됩니다. 미디어 라이브러리에서 이미지 작업하기를 참조하세요.
이 문서는 다음 섹션으로 구성되어 있습니다.
문서에 이미지 삽입하기
다음 절차를 사용하여 문서에 이미지를 삽입할 수 있습니다. 문서에 직접 이미지를 삽입하는 대신 공개 파일 서버 상에 이미지를 호스팅하여 링크를 사용하는 방법도 있습니다.
문서에 이미지를 삽입하려면 다음과 같이 하세요.
- 헬프 센터나 Guide 관리에서 새 문서를 만들거나 기존 문서를 편집합니다.
- 이미지를 표시하려는 위치에 커서를 갖다 댑니다.
- 문서 도구 모음에서 이미지 삽입 아이콘()을 클릭합니다. 이미지를 드래그하여 문서에 드롭할 수도 있습니다. 두 경우 모두 미디어 라이브러리가 열립니다.
- 미디어 라이브러리에서 삽입하려는 이미지를 선택하거나 미디어 라이브러리에 새 이미지를 추가하려면 미디어 업로드를 클릭합니다. 이미지를 드래그하여 미디어 라이브러리에 드롭할 수도 있습니다. 이미지 파일 크기 한도는 20MB입니다.참고: 왼쪽 메뉴에서 옵션을 클릭하여 표시된 이미지를 필터링할 수 있습니다. 미디어 라이브러리에 대한 자세한 내용은 미디어 라이브러리에서 이미지 작업하기를 참조하세요.
-
미디어 삽입을 클릭합니다.
선택한 이미지가 문서에 나타납니다.
이미지는 자동으로 문서의 너비에 맞게 조정됩니다. 자동 크기 조정으로 인해 게시된 문서에 이미지가 왜곡되어 나타날 수 있으므로, 삽입하기 전에 너비가 1600픽셀 이상인 이미지의 경우 직접 크기를 조정하는 것을 권장합니다. 또한 웹 위젯을 사용하는 경우에도 이미지가 올바르게 표시되도록 직접 이미지 크기를 조정하는 것이 좋습니다(아래의 웹 위젯에 대해 이미지 최적화하기 참조).
- 저장을 클릭합니다.
콘텐츠 블록에 이미지 삽입하기(Enterprise 플랜에만 해당)
콘텐츠 블록을 사용하면 여러 문서 간에 공유할 수 있는 콘텐츠를 만들 수 있습니다. 헬프 센터 문서에 포함하는 방법과 비슷한 방법으로 콘텐츠 블록에 이미지를 삽입할 수 있습니다. 콘텐츠 블록당 이미지 50개까지 추가할 수 있습니다.
콘텐츠 블록에 이미지를 삽입하려면 다음과 같이 하세요.
- 헬프 센터나 Guide 관리에서 새 콘텐츠 블록을 만들거나 기존 콘텐츠 블록을 편집합니다.
- 콘텐츠 블록에서 이미지를 표시하려는 위치에 커서를 갖다 댑니다.
- 콘텐츠 블록 도구 모음에서 이미지 추가 아이콘()을 클릭합니다.
이미지를 드래그하여 콘텐츠 블록에 드롭할 수도 있습니다.
- 미디어 라이브러리에서 업로드하려는 이미지를 선택하거나 라이브러리에 새 이미지를 추가하려면 미디어 업로드를 클릭합니다. 두 경우 모두 미디어 라이브러리가 열립니다.이미지를 드래그하여 미디어 라이브러리에 드롭할 수도 있습니다. 이미지 파일 크기 한도는 20MB입니다.참고: 왼쪽 메뉴에서 옵션을 클릭하여 표시된 이미지를 필터링할 수 있습니다. 미디어 라이브러리에 대한 자세한 내용은 미디어 라이브러리에서 이미지 작업하기를 참조하세요.
-
미디어 삽입을 클릭합니다.
선택한 이미지가 콘텐츠 블록에 나타납니다.
텍스트 배치, 이미지 정렬 및 이미지 표시 크기 옵션을 선택할 수 있는 도구 모음을 표시하려면 이미지를 클릭합니다. 도구 모음에서 ALT를 클릭하여 문서의 접근성을 향상시키기 위해 대체 텍스트를 입력할 수도 있습니다. 이미지 크기를 수동으로 조정하려면 이미지 모서리를 드래그합니다.
- 새 콘텐츠 블록인 경우에는 만들기를 클릭합니다. 기존 콘텐츠 블록을 업데이트하는 경우에는 업데이트를 클릭합니다.
웹 위젯에 대해 헬프 센터 이미지 최적화하기
헬스 센터 문서의 이미지가 메시징 웹 위젯 및 웹 위젯(클래식)에 제대로 나타나려면, 알맞은 크기의 이미지가 문서에 추가되어야 합니다.
위젯에서 볼 수 있도록 헬프 센터 문서를 변환할 때 HTML 태그에서 문서의 이미지 속성은 제거되고(src 및 alt 속성은 예외) 사용자 지정 CSS 규칙은 무시됩니다. 대부분의 이미지에서는 문제가 발생하지 않습니다. 하지만 원본 이미지가 매우 크고 HTML 또는 사용자 지정 CSS에서 크기가 크게 조정되면 어색하게 커질 수 있습니다.
한 예로 헬프 센터 문서에 아이콘을 표시하려는 다음의 경우를 들 수 있습니다. 아이콘의 원본 이미지는 300 x 300픽셀입니다. 적절한 크기로 표시하기 위해 HTML이 수정되어 width=“6%”
height=“6%”
속성이 추가됩니다.
헬프 센터 문서에서 이 아이콘은 실제 이미지의 6% 크기인 18 x 18픽셀로 나타납니다. 위젯에 대한 문서가 처리될 때에는 너비 및 높이 속성이 제거되고 원래 크기로 되돌아갑니다. 위젯 안에 들어갈 수 있도록 크기가 작게 조정된 이후에도 아이콘 이미지로는 너무 크게 표시됩니다.
코드에서 크기를 조작하는 대신 원본 이미지의 크기를 원하는 크기로 조정하면 이 문제를 방지합니다.