헬프 센터의 이미지가 흐릿하거나 왜곡되어 나타납니다.

문제 증상

문서 나 커뮤니티 게시물 내의 이미지는 원본보다 훨씬 읽기 어렵습니다. 애플리케이션의 스크린 샷 인 경우에는 텍스트를 읽지 못할 수도 있습니다. 사진의 경우에는 선명도가 떨어집니다.

조건

• 새 웹 브라우저 탭이나 전체 해상도에서 이미지를 볼 때 정상적이고 읽기 쉽게 보입니다.
• 문제는 헬프 센터에만 나타납니다.

해결 단계

이 문제는 일반적으로 모든 상황에서 동일하게 보이지만 몇 가지 이유가있을 수 있습니다.

CSS로 인해 이미지 크기가 조정 됨

이미지는 모든 크기로 제공되지만 일반적으로 헬프 센터에서는 이미지의 위치에 따라 경계가 결정됩니다. 예를 들어 헬프 센터에있는 대부분의 문서 본문 너비는 약 700 픽셀입니다. 너비가 2000 픽셀 인 이미지가 추가되면 웹 브라우저가 해당 이미지를 더 좁은 문서 본문에 맞게 만들어야하므로 이미지가 왜곡 될 수 있습니다.

이 문제를 해결하려면 더 큰 이미지를 허용하도록 CSS를 조정하거나 상대적 위치의 크기에 훨씬 더 가까운 해상도로 이미지를 저장합니다. 위의 예에서 이미지를 너비 700 픽셀의 해상도로 저장하면 이미지가 더 사실적으로 표현됩니다. 또한 사진 편집 소프트웨어에서 적절한 새 크기로 높이를 조정합니다.

팁: 일부 사내 팀은 더 빠른 다운로드를 위해 이미지를 8 비트 색으로 압축 한 다음 (이미지 크기를 조정하지 않음) width문서 (). 이미지 편집기를 사용하여 8 비트 색 파일을 만듭니다.

또는 다음과 같은 몇 가지 실험적인 CSS 특성이 있습니다. image-rendering브라우저가 이미지를 표시하는 방식에 영향을 미칩니다. 사용자 지정 CSS는 Zendesk 고객 지원팀에서 다루지 않지만 이러한 특성을 사용하면 성공할 수 있습니다.

브라우저 확대 / 축소 수준이 100%보다 큰 값으로 설정되어 있습니다.

브라우저에서 확대 / 축소 도구를 사용할 때 다른 웹 사이트로 이동하면 해당 확대 / 축소 설정이 유지되고 확대 상태를 유지할 수 있습니다. 브라우저가 CSS를 고려한 후 이미지가 어떻게 보일지 결정하고 다른 확대 / 축소 설정에서 이미지가 어떻게 보일지 결정하기 때문에 이로 인해 이미지 표시 방식에 문제가 발생할 수 있습니다. 이미지 모양을 복원하려면 브라우저에서 100% 확대로 돌아 가세요.

번역 고지 사항: 본 문서는 콘텐츠에 대한 기본적인 이해를 제공하기 위해 자동 번역 소프트웨어를 사용하여 번역되었습니다. 정확한 번역을 제공하고자 합당한 노력을 기울였으나 Zendesk는 번역의 정확성을 보장하지 않습니다.

번역된 문서에 포함된 정보의 정확성과 관련하여 질문이 있으시면 문서의 공식 버전인 영문 버전을 참조하시기 바랍니다.