문서에 이미지 삽입하기

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

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

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

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

     

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

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

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

5. 저장을 클릭합니다.

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

Web Widget에 대해 헬프 센터 이미지 최적화하기

헬스 센터 문서의 이미지가 Web Widget에 제대로 나타나려면, 알맞은 크기의 이미지가 문서에 추가되어야 합니다.

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

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

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

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