가이드/문제 해결/흐리게 표시되는 이미지 문제 해결

흐리게 표시되는 이미지 문제 해결

사이트의 이미지 품질이 불량하거나 이미지가 흐리게 표시되나요? 이 가이드에서는 워드프레스 웹사이트에서 이미지가 흐리게 표시되는 일반적인 원인과 이를 해결하는 방법에 대해 설명합니다.

이미지 크기 및 품질 확인

이미지가 표시되는 공간에 비해 너무 작으면 흐리게 표시됩니다. 권장되는 단일 이미지 크기는 없지만, 사이트의 속도를 느리게 하지 않으면서 웹사이트에 좋은 품질로 표시되도록 크기를 설정하려면 이미지 최적화 가이드를 참조하세요.

이미지가 흐리게 표시된다면 먼저 더 큰 고품질 이미지 파일을 업로드하여 품질이 개선되는지 확인하세요.

💡

고화질 이미지 파일의 크기를 줄이는 것은 가능하지만, 저화질 이미지 파일의 크기를 늘리면 좋은 결과를 얻을 수 없습니다.

더 크고 선명한 이미지를 업로드해도 여전히 라이브 사이트의 이미지가 개선되지 않는다면 아래 나열된 다른 문제 중 하나일 수 있습니다.

네트워크 연결 확인

인터넷 연결 속도가 너무 느리면 이미지가 더 낮은 품질로 다운로드되어 흐리게 표시될 수 있습니다. 더 빠른 다른 연결로 웹사이트를 로드하여 이미지가 더 좋아 보이는지 확인하세요.

젯팩 CDN 전환

가이드의 이 섹션은 워드프레스닷컴 비즈니스, 상거래 요금제 및 기존 프로 요금제를 이용하는 사이트에 적용됩니다. 비즈니스 요금제를 이용하는 경우 이를 활성화해야 합니다. 무료, 개인, 프리미엄 요금제를 사용하는 사이트의 경우 요금제를 업그레이드하여 이 기능에 접근하세요.

모든 워드프레스닷컴 사이트는 다양한 보안, 성장, 성능 기능을 제공하는 젯팩에 접근할 수 있습니다. 플러그인이 활성화된 요금제 사이트는 사이트 로딩 시간을 단축하는 데 사용되는 콘텐츠 제공 네트워크 (CDN)추가 젯팩 기능의 이점을 누립니다. CDN은 웹사이트 속도를 높이고 방문자의 사용자 경험을 개선하는 데 널리 권장되는 방법입니다.

CDN의 일부로 젯팩은 CDN에 업로드된 이미지를 자동으로 압축하여 이미지를 빠르게 로드합니다. 대부분의 경우 이미지의 크기를 많이 줄여도 눈에 띄는 품질 차이가 없으므로 좋습니다. 그러나 설치된 다른 플러그인이나 서드파티 테마와의 충돌로 인해 이미지가 흐리게 표시되거나 품질이 떨어질 수도 있습니다.

플러그인이 활성화된 사이트에서 CDN으로 인해 사이트의 이미지가 저품질로 표시되는지 테스트하려면 다음 단계를 따르세요.

  1. 사이트의 알림판을 방문합니다.
  2. 젯팩설정으로 이동합니다.
  3. “성능”이라고 표시된 탭을 클릭합니다.
  4. 성능 및 속도“라는 섹션까지 아래로 스크롤합니다.
  5. 이미지 로드 시간 단축” 버튼을 끕니다.
젯팩 성능의 "성능 및 속도" 섹션입니다. "이미지 로드 시간 단축" 옵션을 가리키는 화살표가 있습니다.
이미지 로드 시간

CDN 고급 개발자 옵션은 훅을 통한 젯팩 CDN 기능 관리 가이드를 참조하세요.

테마 변경

워드프레스닷컴은 한 워드프레스 테마에서 다른 테마로 전환할 때 원활한 이미지 경험을 제공하기 위해 조치를 취하고 있습니다. 그러나 일부 서드파티 테마에는 이와 유사한 조치가 없어 해당 테마로 전환할 때 이미지에 영향을 미칠 수 있습니다.

최근에 사이트의 테마를 전환했는데 새 테마에 업로드된 모든 이미지는 잘 보이는 반면, 이전 테마에 업로드한 이미지는 흐리게 표시되는 경우, 새 테마에 이전 이미지를 다시 업로드하여 제대로 표시되도록 할 수 있습니다.

플러그인이 활성화된 사이트에서 작업하는 경우, 이미지 재생성 플러그인을 사용하여 흐리게 표시되는 썸네일을 재생성할 수 있으며 개발자인 경우 WP -CLI를 사용할 수 있습니다. 이러한 방법을 사용하면 이전 이미지를 모두 수동으로 다시 업로드할 필요가 없습니다.

플러그인 충돌

사이트에 새 플러그인을 설치하면 이미지가 흐리게 표시되는 경우가 있습니다. 기존 플러그인을 업데이트하면 이미지에 영향을 줄 수 있는 충돌이 발생할 수도 있습니다.

플러그인을 비활성화하여 이미지 품질이 개선되는지 확인하세요. 또한 이미지를 이전 상태로 되돌리려면 플러그인을 설치하기 전의 백업을 복원해야 할 수도 있습니다.

플러그인 충돌 문제 해결에 대한 자세한 지침은 플러그인 문제 해결에 대한 가이드를 참조하세요.

Copied to clipboard!