품질 손실없이 웹 성능을 위해 이미지를 최적화하는 방법

WordPress에 업로드하기 전에 이미지를 최적화하면 웹 사이트 속도에 큰 영향을 줄 수 있다는 것을 알고 있습니까?


새로운 블로그를 시작할 때 많은 초보자가 웹에 최적화하지 않고 이미지를 업로드하기 만하면됩니다. 이 큰 이미지 파일은 웹 사이트를 느리게 만듭니다..

정기적 인 블로깅 루틴의 일부로 이미지 최적화 모범 사례를 사용하여이 문제를 해결할 수 있습니다..

이 기사에서는 품질을 잃지 않고 웹 성능을 향상시키기 위해 이미지를 최적화하는 방법을 보여줍니다. 우리는 또한 당신의 인생을 쉽게 만들 수있는 WordPress 용 자동 이미지 최적화 플러그인을 공유 할 것입니다.

워드 프레스에서 이미지를 최적화하는 방법 (단계적으로)

웹용 이미지 최적화에 대한 포괄적 인 가이드이므로 다음과 같은 내용을 쉽게 이해할 수 있습니다.

    이미지 최적화 란 무엇입니까? (최적화 된 이미지와 최적화되지 않은 이미지)

    이미지 최적화는 전체 이미지 품질을 낮추지 않고 가능한 가장 작은 파일 크기로 이미지를 저장하고 전달하는 프로세스입니다..

    프로세스가 복잡해 보이지만 요즘에는 실제로 매우 쉽습니다. 많은 이미지 최적화 플러그인 및 도구 중 하나를 사용하여 이미지 품질의 눈에 띄는 손실없이 이미지를 최대 80 %까지 자동 압축 할 수 있습니다.

    최적화 된 이미지와 최적화되지 않은 이미지의 예는 다음과 같습니다.

    워드 프레스에서 최적화 된 이미지와 최적화되지 않은 이미지

    보시다시피, 올바르게 최적화하면 동일한 이미지가 품질 손실없이 원본보다 75 % 작을 수 있습니다.

    이미지 최적화 작동 방식?

    간단히 말해서 이미지 손실은 “손실”및 “무손실”과 같은 압축 기술을 사용하여 눈에 띄는 품질 손실없이 전체 파일 크기를 줄입니다..

    이미지를 최적화한다는 것은 무엇을 의미합니까??

    WordPress 호스팅 지원 또는 속도 테스트 도구를 통해 이미지를 최적화하라는 권장 사항을받은 경우 웹에 맞게 이미지를 최적화하여 이미지의 파일 크기를 줄여야합니다..

    이미지 최적화가 중요한 이유 이미지 최적화의 장점은 무엇입니까?

    이미지를 최적화하면 많은 이점이 있지만 다음은 알아야 할 주요 이미지입니다.

    • 빠른 웹 사이트 속도
    • SEO 순위 개선
    • 판매 및 리드에 대한 전체 전환율 향상
    • 스토리지 및 대역폭 감소 (호스팅 및 CDN 비용 절감)
    • 빠른 웹 사이트 백업 (백업 스토리지 비용 절감)

    비디오 이외의 이미지는 웹 페이지에서 다음으로 가장 무거운 항목입니다. HTTP 아카이브에 따르면, 이미지는 전체 웹 페이지 무게의 평균 21 %를 구성합니다..

    빠른 웹 사이트는 검색 엔진 (SEO)에서 순위가 ​​높고 전환율이 높으므로 이미지 최적화는 모든 비즈니스 웹 사이트가 온라인에서 성공하기 위해해야 ​​할 일입니다..

    이제 이미지 최적화가 실제로 얼마나 큰 차이를 가져올 수 있는지 궁금 할 것입니다.?

    Strangeloop 연구에 따르면 웹 사이트로드 시간이 1 초 지연되면 판매 비용이 7 %, 페이지 뷰가 11 % 감소하고 고객 만족도가 16 % 감소 할 수 있습니다.

    속도가 웹 사이트에 미치는 영향

    이러한 방법으로 웹 사이트 속도를 높일 수없는 경우 Google과 같은 검색 엔진이 빠른 로딩 웹 사이트에 우선 순위의 SEO 처리를 제공한다는 사실을 알아야합니다.

    즉, 웹용 이미지를 최적화하면 웹 사이트 속도를 향상시키고 WordPress SEO 순위를 높일 수 있습니다..

    비디오 튜토리얼

    WPBeginner 구독

    서면 지시 사항을 원하면 계속 읽으십시오..

    웹 성능을 위해 이미지를 저장하고 최적화하는 방법?

    웹 성능을위한 성공적인 이미지 최적화의 핵심은 가장 낮은 파일 크기와 수용 가능한 이미지 품질 사이의 완벽한 균형을 찾는 것입니다.

    이미지 최적화에서 큰 역할을하는 세 가지 사항은 다음과 같습니다.

    • 이미지 파일 형식 (JPEG vs PNG vs GIF)
    • 압축 (높은 압축 = 작은 파일 크기)
    • 이미지 치수 (높이 및 너비)

    세 가지를 올바르게 조합하면 이미지 크기를 최대 80 % 줄일 수 있습니다.

    더 자세히 살펴 보도록하겠습니다..

    1. 이미지 파일 형식

    대부분의 웹 사이트 소유자에게있어 실제로 중요한 세 가지 이미지 파일 형식은 JPEG, PNG 및 GIF입니다. 올바른 파일 형식을 선택하면 이미지 최적화에 중요한 역할을합니다.

    작업을 단순하게 유지하려면 색상이 많은 사진 또는 이미지에는 JPEG, 간단한 이미지에는 PNG, 투명한 이미지가 필요한 경우, 애니메이션 이미지에는 GIF를 사용하려고합니다..

    각 파일 형식의 차이점을 모르는 사용자는 PNG 이미지 형식이 압축되지 않아 이미지 품질이 더 좋습니다. 단점은 파일 크기가 훨씬 크다는 것입니다.

    반면에 JPEG는 압축 된 파일 형식으로 파일 크기를 크게 줄 이도록 이미지 품질을 약간 낮 춥니 다..

    GIF는 무손실 압축과 함께 256 색만 사용하므로 애니메이션 이미지에 가장 적합합니다..

    WPBeginner에서는 이미지 유형에 따라 세 가지 이미지 형식을 모두 사용합니다..

    2. 압축

    다음은 이미지 최적화에서 큰 역할을하는 이미지 압축입니다..

    사용 가능한 이미지 압축 유형과 수준은 다양합니다. 각각의 설정은 사용하는 이미지 압축 도구에 따라 다릅니다..

    Adobe Photoshop, On1 Photo, GIMP, Affinity Photo 등과 같은 대부분의 이미지 편집 도구에는 이미지 압축 기능이 내장되어 있습니다..

    이미지를 정상적으로 저장 한 다음 TinyPNG 또는 JPEG Mini와 같은 웹 도구를 사용하여 이미지를보다 쉽게 ​​압축 할 수 있습니다.

    약간 수동이지만이 두 가지 방법을 사용하면 이미지를 WordPress에 업로드하기 전에 이미지를 압축 할 수 있습니다. 이것이 WPBeginner에서 수행하는 작업입니다..

    Optimole, EWWW Image Optimizer와 같은 유명한 WordPress 플러그인과 처음 업로드 할 때 이미지를 자동으로 압축 할 수있는 플러그인도 있습니다. 많은 초보자와 대기업에서도 쉽고 편리한 이미지 최적화 플러그인을 선호합니다.

    이 기사의 뒷부분에서 이러한 WordPress 플러그인에 대해 더 많이 공유 할 것입니다..

    3. 이미지 치수

    일반적으로 휴대 전화 나 디지털 카메라에서 사진을 가져올 때 해상도가 매우 높고 파일 크기 (높이 및 너비)가 큽니다..

    일반적으로 이러한 사진의 해상도는 300 DPI이며 2000 픽셀 이상에서 시작합니다. 이 고품질 사진은 인쇄 또는 데스크탑 출판에 적합합니다. 그들은 웹 사이트에 적합하지 않습니다.

    파일 크기를보다 합리적인 크기로 줄이면 이미지 파일 크기가 크게 줄어들 수 있습니다. 컴퓨터에서 이미지 편집 소프트웨어를 사용하여 이미지 크기를 간단히 조정할 수 있습니다.

    예를 들어, 1.8MB 원본 파일 크기, 300 DPI 해상도 및 4900 × 3200 픽셀의 이미지 크기로 사진을 최적화했습니다..

    압축률을 높이기 위해 jpeg 형식을 선택하고 크기를 1200 × 795 픽셀로 변경했으며 이미지 파일 크기를 103KB로 줄였습니다. 원래 파일 크기보다 94 % 적습니다..

    이미지 최적화의 세 가지 중요한 요소를 알았으므로 웹 사이트 소유자를위한 다양한 이미지 최적화 도구를 살펴 보겠습니다..

    최고의 이미지 최적화 도구 및 프로그램

    앞에서 언급했듯이 대부분의 이미지 편집 소프트웨어에는 이미지 최적화 및 압축 설정이 제공됩니다..

    이미지 편집 소프트웨어 외에 몇 번의 클릭만으로 웹용 이미지를 최적화하는 데 사용할 수있는 강력한 무료 이미지 최적화 도구도 있습니다..

    특히 완벽 주의자 인 경우 이러한 도구를 사용하여 이미지를 WordPress에 업로드하기 전에 이미지를 최적화하는 것이 좋습니다..

    이 방법을 사용하면 WordPress 호스팅 계정의 디스크 공간을 절약 할 수 있으며 각 이미지를 수동으로 검토하기 때문에 최고의 품질로 가장 빠른 이미지를 보장합니다.

    어도비 포토샵

    Adobe Photoshop은 웹에 최적화 된 이미지를 저장하는 기능이 포함 된 고급 소프트웨어입니다. 이미지를 열고 “파일»웹용으로 저장”옵션을 클릭하십시오..

    새 대화 상자가 열립니다. 오른쪽에서 다른 이미지 형식을 설정할 수 있습니다. JPEG 형식의 경우 다양한 품질 옵션이 표시됩니다. 옵션을 선택하면 왼쪽 하단에 파일 크기도 표시됩니다.

    Photoshop을 사용하여 웹에 최적화 된 이미지 저장

    김프는 널리 사용되는 Adobe Photoshop의 무료 오픈 소스 대안입니다. 웹에 맞게 이미지를 최적화하는 데 사용할 수 있습니다. 단점은이 목록의 다른 솔루션만큼 사용하기 쉽지 않다는 것입니다.

    먼저 김프에서 이미지를 열고 파일»다른 이름으로 내보내기 선택권. 파일 저장 대화 상자가 나타납니다. 파일에 새로운 이름을 지정한 다음 내보내기 버튼을 클릭하십시오.

    김프에서 이미지 내보내기

    이미지 내보내기 옵션이 나타납니다. jpeg 파일의 경우 압축 수준을 선택하여 파일 크기를 줄일 수 있습니다. 마지막으로 내보내기 버튼을 클릭하여 최적화 된 이미지 파일을 저장하십시오.

    TinyPNG

    TinyPNG는 스마트 손실 압축 기술을 사용하여 PNG 파일의 크기를 줄이는 무료 웹 앱입니다. 웹 사이트로 이동하여 이미지를 업로드하기 만하면됩니다 (간단한 드래그 & 하락).

    TinyPNG를 사용하여 WordPress 용 이미지 최적화

    이미지를 압축하고 다운로드 링크를 제공합니다. 자매 웹 사이트 TinyJPG를 JPEG 이미지 압축에 사용할 수 있습니다..

    또한 Photoshop 내에서 TinyPNG와 TinyJPG를 결합하여 이미지 편집 프로세스의 일부로 사용하는 Adobe Photoshop 용 확장 기능이 있습니다..

    개발자에게는 이미지를 자동으로 변환하는 API가 있으며 초보자에게는 자동으로이를 수행 할 수있는 WordPress 플러그인이 있습니다 (나중에 자세히 설명).

    JPEG 미니

    JPEGmini는 무손실 압축 기술을 사용하여 지각 품질에 영향을주지 않으면 서 이미지 크기를 크게 줄입니다. 원본 이미지와 압축 이미지의 품질을 비교할 수도 있습니다.

    JPEGMini 온라인 이미지 압축 도구

    웹 버전을 무료로 사용하거나 컴퓨터 용 프로그램을 구입할 수 있습니다. 또한 서버 프로세스를 자동화하는 유료 API가 있습니다..

    이미지 최적화

    ImageOptim은 최상의 압축 매개 변수를 찾고 불필요한 색상 프로파일을 제거하여 품질을 잃지 않고 이미지를 압축 할 수있는 Mac 유틸리티입니다..

    이미지 최적화

    이것에 대한 Windows 대안은 Trimage입니다.

    워드 프레스를위한 최고의 이미지 최적화 플러그인

    이미지를 최적화하는 가장 좋은 방법은 이미지를 WordPress에 업로드하기 전에 수행하는 것입니다. 그러나 다중 작성자 사이트를 실행하거나 자동화 된 솔루션이 필요한 경우 WordPress 이미지 압축 플러그인을 사용해보십시오..

    아래는 최고의 WordPress 이미지 압축 플러그인 목록입니다.

    1. Optimole – ThemeIsle 뒤에있는 팀의 인기 플러그인.
    2. EWWW 이미지 최적화
    3. JPEG 압축 & PNG 이미지 – 기사에서 위에서 언급 한 TinyPNG 팀의 플러그인.
    4. 상상 – 인기있는 WP 로켓 플러그인 팀의 플러그인.
    5. ShortPixel 이미지 옵티 마이저
    6. WP 스 머시
    7. reSmush.it

    이러한 WordPress 이미지 최적화 플러그인을 사용하면 웹 사이트 속도를 높일 수 있습니다.

    이미지 최적화를위한 최종 생각과 모범 사례

    웹에 최적화 된 이미지를 저장하지 않으면 지금 시작해야합니다. 그것은 사이트 속도에 큰 차이를 만들 것이며, 사용자는 그것에 대해 감사 할 것입니다..

    말할 것도없이 빠른 웹 사이트는 SEO에 적합하며 검색 엔진 순위가 높아질 수 있습니다..

    이미지 최적화 이외에도 웹 사이트 속도를 높이는 데 도움이되는 두 가지 사항은 WordPress 캐싱 플러그인과 WordPress CDN을 사용하는 것입니다.

    또는 관리되는 WordPress 호스팅 회사는 종종 플랫폼의 일부로 캐싱과 CDN을 모두 제공하기 때문에 사용할 수 있습니다.

    이 기사가 WordPress에서 이미지를 최적화하는 방법을 배우는 데 도움이 되었기를 바랍니다. WordPress 보안을 개선하는 방법과 비즈니스 웹 사이트를위한 최고의 WordPress 플러그인에 대한 안내서를 참조 할 수도 있습니다..

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
      Like this post? Please share to your friends:
      Adblock
      detector
      map