문제 증상
문서나 커뮤니티 게시물 내의 이미지는 원래 이미지보다 훨씬 읽기 어려워 보입니다. 애플리케이션의 스크린샷인 경우에는 텍스트를 읽지 못할 수도 있습니다. 사진인 경우에는 선명도가 이상적이지 않습니다.
조건
- 새 웹 브라우저 탭이나 전체 해상도에서 이미지를 보면 이미지가 정상적으로 보입니다.
- 헬프 센터에만 문제가 표시됩니다.
해결 단계
이 문제는 일반적으로 모든 상황에서 동일하게 보이지만 몇 가지 이유가 있을 수 있습니다.
CSS로 인해 이미지 크기가 조정됨
이미지의 크기는 다양하지만 일반적으로 헬프 센터에서는 이미지의 위치에 따라 경계가 결정됩니다. 예를 들어 헬프 센터에 있는 대부분의 문서 본문 너비는 약 700픽셀입니다. 너비가 2000픽셀인 이미지를 추가하면 웹 브라우저에서 이미지를 더 좁은 문서 본문에 맞게 만들어야 하므로 이미지가 왜곡될 가능성이 높습니다.
이 문제를 해결하려면 더 큰 이미지를 허용하도록 CSS를 조정하거나 상대적 위치의 크기에 훨씬 더 가까운 해상도로 이미지를 저장하세요. 위의 예에서 너비가 700픽셀인 해상도로 이미지를 저장하면 이미지가 더 잘 표현됩니다. 또한 사진 편집 소프트웨어에서 높이를 적절한 새 크기로 조정합니다.
width속성을 사용하여 문서(
또는 다음과 같은 몇 가지 실험적인 CSS 특성이 있습니다. image-rendering브라우저가 이미지를 표시하는 방식에 영향을 미칩니다. 사용자 지정 CSS는 Zendesk Zendesk 고객 지원팀의 범위 밖에 있지만 이러한 특성을 사용하면 문제가 해결될 수 있습니다.
브라우저 확대/축소 수준이 100%보다 큰 값으로 설정되어 있습니다.
브라우저에서 확대/축소 도구를 사용할 때 다른 웹사이트로 이동하면 확대/축소 설정이 유지되어 확대 상태를 유지할 수 있습니다. 브라우저에서 CSS를 고려한 후 이미지가 어떻게 보일지와 다른 확대/축소 설정으로 어떻게 보일지 결정하기 때문에 이미지가 표시되는 방식에 문제가 발생할 수 있습니다. 이미지 모양을 복원하려면 브라우저에서 100% 확대로 돌아가세요.
번역 고지 사항: 본 문서는 콘텐츠에 대한 기본적인 이해를 제공하기 위해 자동 번역 소프트웨어를 사용하여 번역되었습니다. 정확한 번역을 제공하고자 합당한 노력을 기울였으나 Zendesk는 번역의 정확성을 보장하지 않습니다.
번역된 문서에 포함된 정보의 정확성과 관련하여 질문이 있으시면 문서의 공식 버전인 영문 버전을 참조하시기 바랍니다.