문서 및 콘텐츠 블록에 이미지 삽입하기

헬프 센터 지식창고 문서 및 콘텐츠 블록의 본문에 이미지를 삽입할 수 있습니다. 이미지를 삽입하면 첨부 파일로 추가됩니다. 큰 이미지는 자동으로 문서의 너비에 맞게 크기가 조정됩니다.

이 문서는 다음 섹션으로 구성되어 있습니다.

• 문서에 이미지 삽입하기
• 콘텐츠 블록에 이미지 삽입하기
• 웹 위젯에 대해 헬프 센터 이미지 최적화하기

문서에 이미지 삽입하기

다음 절차를 사용하여 문서에 이미지를 삽입할 수 있습니다. 이미지 문제를 방지하려면 다른 소스에서 이미지를 복사하여 붙여넣지 말고 이미지를 삽입하세요. 문서에 직접 이미지를 삽입하는 대신, 공개 파일 서버 상에 이미지를 호스팅하여 링크를 사용하는 방법도 있습니다.

문서에 이미지를 삽입하려면 다음과 같이 하세요.

1. 헬프 센터나 Guide 관리에서 새 문서를 만들거나 기존 문서를 편집합니다.
2. 이미지를 표시하려는 위치에 커서를 갖다 댑니다.
3. 다음 중 하나를 수행합니다.
   • 이미지를 드래그하여 문서 본문에 드롭합니다.
   • 도구 모음에서 이미지 삽입 버튼을 클릭한 다음 이미지 업로드를 클릭하고 이미지를 선택합니다.

     

   이미지 파일 크기 한도는 20MB입니다.

   CSS의 압축 기능을 통해 자동으로 문서의 너비에 맞게 이미지가 조정됩니다. 압축으로 인해 게시된 문서에 이미지가 왜곡되어 나타날 수 있으므로, 삽입하기 전에 너비가 1600px 이상인 이미지의 경우 직접 크기를 조정하는 것을 권장합니다. 또한 웹 위젯을 사용하는 경우에도 직접 크기를 조정하는 것이 좋습니다(아래의 웹 위젯에 대해 이미지 최적화하기 참조).

4. 대화 상자가 나타나면 삽입을 클릭합니다.

   문서에 이미지가 나타납니다.

5. 저장을 클릭합니다.

모든 사용자에게 로그인을 요구하는 폐쇄형 헬프 센터의 경우, 해당 헬프 센터를 팔로잉하는 사용자에게 보내는 이메일 알림에는 이미지가 깨져서 표시됩니다.

콘텐츠 블록에 이미지 삽입하기(Enterprise 플랜에만 해당)

콘텐츠 블록을 사용하면 여러 문서 간에 공유할 수 있는 콘텐츠를 만들 수 있습니다. 헬프 센터 문서에 포함하는 방법과 비슷한 방법으로 콘텐츠 블록에 이미지를 삽입할 수 있습니다. 콘텐츠 블록당 이미지 50개까지 추가할 수 있습니다.

콘텐츠 블록에 이미지를 삽입하려면 다음과 같이 하세요.

1. 헬프 센터나 Guide 관리에서 새 콘텐츠 블록을 만들거나 기존 콘텐츠 블록을 편집합니다.
2. 콘텐츠 블록에서 이미지를 표시하려는 위치에 커서를 갖다 댑니다.
3. 콘텐츠 블록 도구 모음에서 이미지 추가 아이콘()을 클릭합니다.

   이미지를 드래그하여 콘텐츠 블록에 드롭할 수도 있습니다.

4. 이미지 갤러리에서 업로드하려는 이미지를 선택하거나 갤러리에 새 이미지를 추가하려면 이미지 업로드를 클릭합니다.
   이미지를 드래그하여 이미지 갤러리에 드롭할 수도 있습니다. 이미지 파일 크기 한도는 20MB입니다.

   참고: 왼쪽 메뉴에서 옵션을 클릭하여 표시된 이미지를 필터링할 수 있습니다. 이미지 갤러리에 대한 자세한 내용은 콘텐츠 블록을 위한 이미지 갤러리 작업하기를 참조하세요.

   

5. 이미지 삽입을 클릭합니다.

   선택한 이미지가 콘텐츠 블록에 나타납니다.

   텍스트 배치, 이미지 정렬 및 이미지 표시 크기 옵션을 선택할 수 있는 도구 모음을 표시하려면 이미지를 클릭합니다. 도구 모음에서 ALT를 클릭하여 문서의 접근성을 향상시키기 위해 대체 텍스트를 입력할 수도 있습니다. 이미지 크기를 수동으로 조정하려면 이미지 모서리를 드래그합니다.

   

6. 새 콘텐츠 블록인 경우에는 만들기를 클릭합니다. 기존 콘텐츠 블록을 업데이트하는 경우에는 업데이트를 클릭합니다.

콘텐츠 블록의 이미지에 대한 제한 사항

현재 콘텐츠 블록에 이미지를 추가할 때 다음 제한 사항이 적용됩니다.

• 콘텐츠 블록과 문서 간에 이미지를 복사하여 붙여 넣을 수 없습니다.
• 문서의 일부가 되도록 콘텐츠 블록을 연결 해제하면 모든 이미지가 제거됩니다. 다시 추가해야 합니다.
• 이미지가 있는 문서에서 복사하여 콘텐츠 블록을 만들면 이미지가 콘텐츠 블록에 추가되지 않습니다. 직접 이미지를 추가해야 합니다.

웹 위젯에 대해 헬프 센터 이미지 최적화하기

헬스 센터 문서의 이미지가 메시징 웹 위젯 및 웹 위젯(클래식)에 제대로 나타나려면, 알맞은 크기의 이미지가 문서에 추가되어야 합니다.

위젯에서 볼 수 있도록 헬프 센터 문서를 변환할 때 HTML 태그에서 문서의 이미지 속성은 제거되고(src 및 alt 속성은 예외) 사용자 지정 CSS 규칙은 무시됩니다. 대부분의 이미지에서는 문제가 발생하지 않습니다. 하지만 원래 이미지가 매우 크고 HTML 또는 사용자 지정 CSS에서 상당한 크기 조정이 적용된 경우에는 이미지가 어색할 정도로 크게 나타날 수 있습니다.

한 예로 헬프 센터 문서에 아이콘을 표시하려는 다음의 경우를 들 수 있습니다. 아이콘의 원래 이미지는 300 x 300픽셀입니다. 적절한 크기로 표시하기 위해 HTML이 수정되어 width=“6%” height=“6%” 속성이 추가됩니다.

헬프 센터 문서에서 이 아이콘은 실제 이미지의 6% 크기인 18 x 18픽셀로 나타납니다. 위젯에 대한 문서가 처리될 때에는 너비 및 높이 속성이 제거되고 원래 크기로 되돌아갑니다. 위젯 안에 들어갈 수 있도록 크기가 작게 조정된 이후에도 아이콘 이미지로는 너무 크게 표시됩니다.

코드를 통해 크기를 변환하는 것보다는 직접 원하는 크기로 원래 이미지를 작게 조정하는 간단한 수작업이 이러한 문제를 방지합니다.