Google 크롬 아이콘 렌더링

Question

내 사이트 그림과 같이 Chrome에서 아이콘을 올바르게 렌더링하는 데 문제가 있습니다. 오른쪽 이미지의 아래쪽 가장자리를 볼 수 있듯이

는

차단을 할 것으로 보인다. 그러나 IE, FF, Safari를 포함한 다른 모든 브라우저에서 동일한 아이콘이 올바르게 렌더링됩니다.

다음은 mozilla의 스크린 샷입니다.

사실 아이콘 주위에 거의 1000 X 1000px 매우 큰 크기이며, 그 100 X 100 픽셀 영역을 표시하고 있습니다. 문제는 이미지의 크기를 축소 할 수 없어이 이미지 만 사용해야한다는 것입니다.

내 웹 사이트를 확대 또는 축소 할 때 크롬에서 올바르게 렌더링되지만 잠시 후 다시 위에서 설명한 것처럼 렌더링됩니다.

가능한 해결책은 없나요?

시간 내 주셔서 감사합니다.

Answer 1

나는 image-rendering css 속성을 사용하여 직접 해결했습니다.