헬프 센터 지식창고 문서 및 콘텐츠 블록의 본문에 이미지를 삽입할 수 있습니다. 이미지를 삽입하면 미디어 라이브러리에 추가됩니다. 큰 이미지는 자동으로 문서의 너비에 맞게 크기가 조정됩니다.
- PNG
- JPEG/JPG
- GIF
- aPNG(애니메이션 PNG)
- SVG
Google 문서나 Microsoft Word (365) 문서의 이미지를 복사하여 문서 본문에 붙여 넣으면 이미지가 자동으로 미디어 라이브러리에 업로드되어 문서에 삽입됩니다. 미디어 라이브러리에서 이미지 작업하기를 참조하세요.
이 문서는 다음 섹션으로 구성되어 있습니다.
문서에 이미지 삽입하기
다음 절차를 사용하여 문서에 이미지를 삽입할 수 있습니다. 문서에 직접 이미지를 삽입하는 대신 공개 파일 서버 상에 이미지를 호스팅하여 링크를 사용하는 방법도 있습니다.
문서에 이미지를 삽입하려면 다음과 같이 하세요.
- 헬프 센터나 지식 관리에서 새 문서를 만들거나 기존 문서를 편집합니다.
- 이미지를 표시하려는 위치에 커서를 갖다 댑니다.
- 문서 도구 모음에서 이미지 삽입 아이콘(
)을 클릭합니다. 이미지를 드래그하여 문서에 드롭할 수도 있습니다. 두 경우 모두 미디어 라이브러리가 열립니다.
- 미디어 라이브러리에서 삽입하려는 이미지를 선택하거나 미디어 라이브러리에 새 이미지를 추가하려면 미디어 업로드를 클릭합니다. 이미지를 드래그하여 미디어 라이브러리에 드롭할 수도 있습니다. 이미지 파일 크기 한도는 20MB입니다.참고: 왼쪽 메뉴에서 옵션을 클릭하여 표시된 이미지를 필터링할 수 있습니다. 미디어 라이브러리에 대한 자세한 내용은 미디어 라이브러리에서 이미지 작업하기를 참조하세요.
-
미디어 삽입을 클릭합니다.
선택한 이미지가 문서에 나타납니다.
-
이미지를 클릭하여 텍스트 줄 바꿈, 이미지 정렬 및 기타 옵션을 선택하는 데 사용할 수 있는 이미지 편집 도구를 표시합니다.
이미지 크기를 수동으로 조정하려면 이미지 모서리를 드래그합니다.
- 저장을 클릭합니다.
콘텐츠 블록에 이미지 삽입하기(Enterprise 플랜에만 해당)
콘텐츠 블록을 사용하면 여러 문서 간에 공유할 수 있는 콘텐츠를 만들 수 있습니다. 헬프 센터 문서에 포함하는 방법과 비슷한 방법으로 콘텐츠 블록에 이미지를 삽입할 수 있습니다. 콘텐츠 블록당 이미지 50개까지 추가할 수 있습니다.
콘텐츠 블록에 이미지를 삽입하려면 다음과 같이 하세요.
- 헬프 센터나 지식 관리에서 새 콘텐츠 블록을 만들거나 기존 콘텐츠 블록을 편집합니다.
- 콘텐츠 블록에서 이미지를 표시하려는 위치에 커서를 갖다 댑니다.
- 콘텐츠 블록 도구 모음에서 이미지 추가 아이콘(
)을 클릭합니다.
이미지를 드래그하여 콘텐츠 블록에 드롭할 수도 있습니다.
- 미디어 라이브러리에서 업로드하려는 이미지를 선택하거나 라이브러리에 새 이미지를 추가하려면 미디어 업로드를 클릭합니다. 두 경우 모두 미디어 라이브러리가 열립니다.이미지를 드래그하여 미디어 라이브러리에 드롭할 수도 있습니다. 이미지 파일 크기 한도는 20MB입니다.참고: 왼쪽 메뉴에서 옵션을 클릭하여 표시된 이미지를 필터링할 수 있습니다. 미디어 라이브러리에 대한 자세한 내용은 미디어 라이브러리에서 이미지 작업하기를 참조하세요.
-
미디어 삽입을 클릭합니다.
선택한 이미지가 콘텐츠 블록에 나타납니다.
-
이미지를 클릭하여 텍스트 줄 바꿈, 이미지 정렬 및 기타 옵션을 선택하는 데 사용할 수 있는 이미지 편집 도구를 표시합니다.
이미지 크기를 수동으로 조정하려면 이미지 모서리를 드래그합니다.
- 새 콘텐츠 블록인 경우에는 만들기를 클릭합니다. 기존 콘텐츠 블록을 업데이트하는 경우에는 업데이트를 클릭합니다.
이미지 편집 도구로 작업하기
- 이미지 주변 자동 줄 바꿈
- 이미지 크기 조정
- 대체 텍스트를 추가하여 문서의 접근성 개선
이미지 도구를 사용하려면 이미지를 클릭한 후 사용하려는 도구를 선택합니다.
사용 가능한 이미지 도구 및 사용 방법은 다음 테이블을 참조하세요.
도구 | 이름 | 설명 |
---|---|---|
![]() |
자동 줄 바꿈 | 이미지 주변 자동 줄 바꿈으로 왼쪽 맞춤 또는 오른쪽 맞춤을 선택할 수 있습니다. |
![]() |
이미지 맞춤 | 문서 내에서 이미지 맞춤(오른쪽, 왼쪽 또는 가운데)을 결정할 수 있습니다. |
![]() |
이미지 크기 조정 | 이미지 확대 옵션(25%, 50%, 75%, 100% 또는 사용자 지정)을 제공합니다. 원하는 이미지 너비를 비율이나 픽셀 값(예: 450픽셀)으로 입력하려면 사용자 지정 옵션을 선택하세요. 올바른 크기에 도달할 때까지 모서리로 드래그하여 이미지 크기를 조정할 수도 있습니다. |
![]() |
대체 텍스트 | 이미지에 사용하려는 대체 텍스트를 입력할 수 있는 필드를 표시합니다. 대체 텍스트는 스크린 리더 소프트웨어가 큰 소리로 읽어주며 문서 접근성을 높여줍니다. 접근성 있는 헬프 센터 콘텐츠 만들기를 참조하세요.
참고: 대체 텍스트는 헬프 센터의 모든 이미지 인스턴스가 아닌 문서의 이미지 위치에 추가됩니다.
|
웹 위젯에 대해 헬프 센터 이미지 최적화하기
헬스 센터 문서의 이미지가 메시징 웹 위젯 및 웹 위젯(클래식)에 제대로 나타나려면, 알맞은 크기의 이미지가 문서에 추가되어야 합니다.
위젯에서 볼 수 있도록 헬프 센터 문서를 변환할 때 HTML 태그에서 문서의 이미지 속성은 제거되고(src 및 alt 속성은 예외) 사용자 지정 CSS 규칙은 무시됩니다. 대부분의 이미지에서는 문제가 발생하지 않습니다. 하지만 원본 이미지가 매우 크고 HTML 또는 사용자 지정 CSS에서 크기가 크게 조정되면 어색하게 커질 수 있습니다.
한 예로 헬프 센터 문서에 아이콘을 표시하려는 다음의 경우를 들 수 있습니다. 아이콘의 원본 이미지는 300 x 300픽셀입니다. 적절한 크기로 표시하기 위해 HTML이 수정되어 width=“6%”
height=“6%”
속성이 추가됩니다.
헬프 센터 문서에서 이 아이콘은 실제 이미지의 6% 크기인 18 x 18픽셀로 나타납니다. 위젯에 대한 문서가 처리될 때에는 너비 및 높이 속성이 제거되고 원래 크기로 되돌아갑니다. 위젯 안에 들어갈 수 있도록 크기가 작게 조정된 이후에도 아이콘 이미지로는 너무 크게 표시됩니다.
코드에서 크기를 조작하는 대신 원본 이미지의 크기를 원하는 크기로 조정하면 이 문제를 방지합니다.