안녕하세요,
데스크톱에서 Google Chrome을 사용할 때 메인 로고와 작은 로고 모두 품질이 매우 낮습니다. Firefox에서는 모든 것이 정상적으로 표시됩니다. 더 잘 보이도록 설정해야 하는 것을 놓친 건가요?
Firefox:
Chrome:
감사합니다.
이것은 Chrome이 이미지를 축소하는 방식과 관련된 문제인 것 같습니다… 헤더에 표시될 실제 크기에 가깝도록 이미지를 리사이즈하면 도움이 될 수 있으며, 또는 사이트 테마에 다음 CSS를 추가해 보세요:
.d-header #site-logo {
image-rendering: pixelated;
}
Chrome(그리고 기타 잠재적인 해결 방법)에 대한 이 문제에 관한 더 많은 논의는 Stack Overflow에서 확인할 수 있습니다: https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome
안녕하세요,
도와주셔서 감사합니다. image-rendering: pixelated;는 큰 효과가 없었지만, 공유해 주신 Stack Overflow 주제를 살펴보면서 image-rendering: -webkit-optimize-contrast가 더 잘 작동한다는 것을 알게 되었습니다. 완벽하진 않지만요.
이미지를 리사이즈해서 더 나아지는지 확인해 보겠습니다.