Hostwinds 튜토리얼

에 대한 검색 결과:


목차


이미지 압축
WebP 이미지 형식은 무엇입니까?

사이트의 이미지를 압축하는 방법

태그 : Web Site,  Optimization 

이미지 압축
WebP 이미지 형식은 무엇입니까?

아마도 페이지 속도를 높이고 대역폭을 줄이기위한 가장 쉽지만 종종 간과되는 방법 중 하나는 이미지 최적화, 압축은 구체적입니다.제대로 완료되면 이미지의 품질에 영향을 미치지 않습니다.고맙게도 무료 온라인 서비스와 플러그인으로 쉽게 할 수 있습니다.

이미지 압축

다음은 이미지 압축에 도움이되는 몇 가지 도구입니다.

  • resmush.it - 이미지를 최적화하는 WordPress 플러그인으로 온라인 도구를 사용할 수 있습니다.
  • TinyPng - WordPress 플러그인 및 Photoshop Plugin으로 사용 가능한 이미지를 최적화하기위한 무료 온라인 도구.애니메이션 PNG 파일 (APNG)을 압축 할 수도 있습니다.
  • 컴프레서 - 쉬운 무료 온라인 도구 (아래 그림 ...이 도구가 이미지에 사용되고 있음을 보여줍니다!이 이미지의 크기가 72 % 감소되었음을 알 수 있습니다.)
  • ImageOptim - 전체 제어를 제공하면서 이미지를 최적화하는 다른 온라인 도구입니다.또한 높은 DEF 망막 이미지를 최적화 할 수 있습니다.그러나 가격 책정은 매월 1000 달러에 9 달러에 시작 되므로이 방법은 무료가 아닙니다.

이 이미지는 70 % 이상 압축되었습니다.

WordPress를 사용하는 경우 플러그인을 통해 이미지를 최적화하는 것이 간단합니다.플러그인을 제공하는 위의 서비스 외에도 몇 가지가 있습니다.

  • ShortPixel
  • Ewww 이미지 최적화

WebP 이미지 형식은 무엇입니까?

이미지를 압축하는 것 외에도 Webp 이미지 형식을 사용하는 것을 고려할 수도 있습니다.일부 경우 이미지 크기를 80% 이상 줄이는 것으로 나타 났으며 Chrome, Firefox, Microsoft Edge 및 Safari를 포함한 모든 주요 브라우저에서 지원됩니다.

그러나 WEBP를 사용하면 기존 JPEG 또는 PNG 파일을 대체하지 않습니다.따라서 방문자가 WEBP를 지원하지 않는 브라우저를 사용하는 경우 다른 버전이 표시됩니다.예, 이는 사이트에 더 많은 이미지가 있지만 대부분의 WebP 버전을 표시하는 경우 사이트의 크기와 무게를 크게 줄일 수 있으므로 더 빨리 실행됩니다.

그리고 Optimus, Smush 및 Optimole은 여러분을 위해 모든 무거운 리프팅을 수행하는 몇 가지 WordPress 플러그인이 있습니다.

지원되지 않는 브라우저의 경우에도 WebPJS 라이브러리를 사용하여 WebP 지원을 추가 할 수 있습니다.

작성자 Hostwinds Team  /  유월 5, 2021