18가지 무료 도구 및 플러그인을 사용하여 WordPress에서 이미지를 300% 최적화하세요

chathuporn / stock.adobe.com

이미지는 현대 웹 디자인의 중요한 부분입니다. 그들은 스스로 평범하고 평범해 보이는 디자인을 매우 매력적인 웹사이트로 바꿀 수 있습니다. 텍스트와 함께 사용하면 메시지를 뒷받침하고 강화하여 방문자의 이해력을 향상시킬 뿐만 아니라 제안을 더욱 매력적으로 만들 수 있습니다.

그러나 WordPress에서 이미지를 사용하는 데에는 대가가 따릅니다. The Fiscal Times에서 발표한 데이터에 따르면:

"평균 웹사이트 크기는 2년 전 1.5MB에 비해 현재 2.1MB입니다."

테마, 플러그인 및 로드 집약적인 스크립트의 사용 때문이라고 생각할 수도 있지만 실제로는 서버에서 대역폭과 공간을 빨아들이는 가장 큰 원인은 이미지입니다. 특히 The Fiscal Times는 평균적으로 이미지가 웹사이트의 총 2087KB 중 1312KB를 구성한다고 보고했습니다.

그래서 당신은 무엇을 합니까? 귀하의 이미지가 얼마나 멋진지 방문자들이 얼마나 깊은 인상을 받았는지에 따라 성능 저하가 어떻게든 극복될 수 있기를 바라십니까? 당신은 그것을 바랄 수 있지만, 그럴 가능성이 매우 높은 결과는 아닙니다. 케이크를 먹고 싶다면 품질 저하 없이 WordPress용 이미지를 최적화하는 방법을 배워야 합니다.

이미지 최적화에 대한 이 가이드에서는 다음 내용을 다룹니다.

• WordPress용 이미지를 최적화해야 하는 이유
• WordPress에 이미지를 업로드하기 전에 품질 저하 없이 이미지를 최적화하는 방법
• 최고의 무료 온라인 이미지 최적화 도구
• WordPress를 위한 최고의 무료 이미지 최적화 플러그인

WordPress용 이미지를 최적화해야 하는 이유

WordPress 웹사이트의 로딩 시간이 느려질 수 있다는 사실은 비밀이 아닙니다. 하지만 까다로운 점은 사이트의 응답 속도가 느린 데에는 여러 가지 이유가 있다는 것입니다.

아마도 빠른 WordPress 테마를 사용하고 있지 않을 수도 있습니다.

사이트의 글로벌 트래픽이 너무 멀리 떨어져 있고 CDN의 도움 없이는 서버가 브라우저에 이미지를 빠르게 가져올 수 없을 수도 있습니다.

귀하의 사이트가 충분히 안전하지 않아 악성 코드로 인해 정체되었을 수도 있습니다.

JavaScript 및 CSS 축소와 같은 속도 최적화가 아직 이루어지지 않았을 수 있습니다.

실제로 귀하의 사이트와 방문자의 브라우저가 귀하가 원하는 만큼 빠르게 서로 통신하지 못하는 데에는 여러 가지 이유가 있을 수 있습니다. 느린 응답 시간으로 인해 사이트의 문제가 무엇이든 서버 최적화를 통해 이미지 로딩 속도를 높일 수 있다는 것을 알고 계실 것입니다. 그리고 이를 달성하면 몇 가지 큰 이점을 경험하게 될 것입니다. 예를 들어:

• 웹페이지(이미지뿐만 아니라)가 더 빠르게 로드됩니다.
• 사이트의 스토리를 전달하는 데 도움이 되는 고품질, 고해상도 이미지를 사용할 수 있으므로 콘텐츠가 더욱 매력적으로 보일 것입니다.
• 사이트의 성능과 미적 측면이 향상되면 이탈률이 감소할 가능성이 높습니다.
• 그러면 검색 엔진이 WordPress 사이트를 크롤링할 때 이는 WordPress 사이트에 잘 반영되어 검색 순위가 높아집니다.
• 사이트와 서버가 속도에 맞게 최적화되면 서버에서 플레이할 수 있는 공간이 더 많아진다는 의미이기도 합니다.
• 정기적으로 사이트를 백업하는 것도 시간이 많이 걸리지 않으므로 번거로움도 줄어듭니다.
• 추가 서버 부담을 수용하기 위해 추가 대역폭과 스토리지에 대한 비용을 지불했다면 약간의 비용을 절약할 수도 있습니다.

하지만 이미지 자체는 어떻습니까? 예, 우리는 속도를 위해 서버를 최적화함으로써 이미지가 더 빠르게 로드될 수 있다는 것을 알고 있습니다. WordPress에 있는 이미지를 본질적으로 더 쉽게 작업할 수 있도록 실제 이미지에 수행할 수 있는 작업이 있나요?

이에 대한 대답은 물론 “그렇다”이다.

WordPress에 이미지를 업로드하기 전에 품질 저하 없이 이미지를 최적화하는 방법

WordPress Codex에는 웹사이트에 적합한 이미지 크기와 품질을 결정하는 방법에 대한 빠른 가이드가 포함되어 있습니다. 기본적으로 다음 네 가지 적격 요소에 주의를 기울여야 한다고 나와 있습니다.

1. 물리적 크기 : 웹사이트에 이미지가 표시되는 방식(크기)입니다.
2. 파일 크기 : 파일이 기본 상태에서 소비하는 데이터 바이트 수입니다.
3. 해상도 : 이미지 내에 존재하는 픽셀 수와 관련이 있습니다. 해상도가 높을수록 이미지가 더 선명해집니다.
4. 파일 형식 : 파일이 저장되는 형식을 나타냅니다. 이미지에 관해 이야기할 때 일반적으로 PNG, JPG, SVG 및 GIF를 지칭합니다.

업로드하기 전에 이미지를 최적화할 때 따라야 할 규칙은 다음과 같습니다.

물리적 크기

궁극적으로 WordPress 사이트에서 이미지가 차지하는 물리적 공간은 방문자가 어떤 장치에서 이미지를 보는지에 따라 결정됩니다. 특히 이미지를 다른 목적으로 사용하는 경우에는 이상적인 것이 없습니다. 예를 들어, 블로그 게시물을 보완하는 데 사용되는 이미지는 중간 크기만 있으면 되지만 홈 페이지의 히어로 이미지에는 전체 너비 이미지가 필요할 수 있습니다.

또한 다양한 화면 크기에 맞춰 다양한 크기의 이미지를 만드는 것에 대해 걱정하지 마세요. 실제로 서버에 더 많은 작업을 생성하게 되므로 전혀 수행하지 마십시오. 이미지가 해당 지침을 준수할 수 있도록 반응형 레이아웃이 포함된 WordPress 테마를 사용하세요.

파일 크기

사이트 속도를 최적화하는 데 있어 이미지 파일 크기는 중요한 요소입니다. WordPress에서는 더 큰 이미지는 60K에서 100K 사이이고 더 작은 이미지는 30K를 넘지 않을 것을 권장합니다.

즉, 귀하의 이미지가 WordPress의 권장 지침에 속하지 않는 경우 이미지 크기를 조정하는 데 사용할 수 있는 다양한 도구가 있습니다. 이에 대해서는 다음 섹션에서 이야기하겠습니다.

해결

DPI(또는 인치당 도트 수)는 이미지의 해상도를 평가할 때 찾는 기준입니다. 인치당 72픽셀은 대부분의 이미지에서 볼 수 있는 표준 해상도 출력인 반면, 스톡 사진을 사용하면 300dpi를 얻을 수 있습니다. 이미지가 원하는 크기에서 선명하게 보이는 한 정확한 숫자가 무엇인지에 대해 너무 강조할 필요는 없습니다.

WordPress에서는 이미지를 어떤 유형의 해상도로 저장해야 하는지에 대한 구체적인 권장 사항은 없지만, 특히 대용량 파일 크기의 경우 필요한 것보다 높은 해상도를 사용할 때 주의할 것을 권고합니다. 해상도가 높을수록 파일 크기도 커집니다. 이미지가 더 낮은 DPI에서 선명하게 보이면 서버에 불필요한 부담을 주지 않도록 이미지를 그대로 유지하는 것이 좋습니다.

파일 유형

항상 PNG 대신 JPG를 사용해야 한다거나 SVG가 우리 모두가 준수해야 하는 최신 표준이라는 엄격하고 빠른 규칙은 없습니다. 일반적으로 사용하는 파일 형식은 해당 파일로 수행하려는 작업에 따라 결정됩니다.

JPG

JPG는 사진에 이상적인 파일 형식입니다. 이 형식은 투명한 배경을 지원하지 않지만 품질 저하 없이 파일을 보다 관리하기 쉬운 크기로 압축하는 기본 기능은 대형 및 고해상도 사진에 이상적입니다. JPG는 기본적으로 불필요한 배경 데이터를 제거하여 파일 크기를 크게 줄이는 손실 압축 방법을 사용합니다.

따라서 더 작은 파일 크기로 작업하려는 경우 JPG를 사용하는 것이 좋습니다.

JPG에 대해 주목해야 할 또 다른 점은 사진 편집 소프트웨어에서 JPG를 내보내는 방법에 대해 기본 또는 프로그레시브의 두 가지 선택이 있다는 것입니다.

기본 JPG는 단일 레이어로 구성된 것입니다. 이는 WordPress에서 사용할 때 플랫 이미지 외에는 로드할 것이 없다는 것을 의미합니다. 따라서 페이지 로딩이 지연되는 경우 방문자는 화면에 위에서 아래로 천천히 채워지는 이미지를 보게 됩니다.

반면 프로그레시브 JPG는 여러 레이어로 구성됩니다. 방문자가 프로그레시브 JPG로 로드 속도가 느린 페이지를 보려고 하면 이미지가 있어야 하는 프레임 내에서 이미지가 완전히 채워집니다. 그러나 처음에는 다른 레이어가 보이기 때문에 다소 흐릿해집니다. 그 위에 결국 이미지 전체가 렌더링됩니다.

여기서 이상적인 선택은 서버에 부담을 덜 주는 프로그레시브 JPG입니다(한 번에 로드해야 하는 단일 레이어가 아니기 때문입니다).

PNG

PNG는 웹사이트에서 사용되는 디자인 요소에 더 적합합니다. 예를 들어 행동 유도 버튼, 프로모션 배너, 지원 스크린샷, 투명한 배경으로 둘러싸인 마스코트 등이 있습니다.

JPG와 마찬가지로 PNG도 압축 형식을 활용하여 이미지 크기를 좀 더 쉽게 관리할 수 있지만 이러한 종류는 무손실이라고 알려져 있습니다. 무손실 압축은 모든 원본 데이터 영향을 유지한다는 점에서 손실 압축과 다릅니다. 그런 방식으로는 파일 크기를 줄일 수 없기 때문에 방문자에게 더 쉽게 제공할 수 있도록 이미지를 더 작은 조각으로 나누는 방법을 찾습니다.

이러한 유형의 압축은 더 높은 품질의 출력을 보장하지만 파일 크기는 JPG로 얻을 수 있는 것보다 큽니다. 따라서 품질이 더 중요하거나 투명한 배경을 가진 이미지가 필요한 경우 PNG 파일 형식을 사용할 수 있습니다.

SVG

이 파일 형식은 WordPress 이미지를 논의할 때 자주 언급되지 않지만, 웹 디자인에서 미니멀 디자인과 아이콘이 점점 인기를 얻고 있기 때문에 여기서는 여전히 주목할 가치가 있습니다.

SVG는 확장 가능한 벡터 이미지로, 아마도 모든 이미지 유형 중에서 가장 유연할 것입니다. 또한 매우 가볍기 때문에 웹사이트에서 이러한 것들을 많이 사용해도 죄책감을 느낄 필요가 없습니다. 즉, 확장을 잘하려는 작은 요소에만 이상적입니다. 즉, SVG는 일반적으로 로고, 파비콘, 일반 아이콘 및 보다 단순한 시각적 요소로 분류됩니다.

GIF

물론 WordPress에서도 GIF를 사용할 수 있습니다. 이는 훨씬 더 가볍고(서버에 비디오 파일을 저장할 계획인 경우) 일반적으로 더 빠른 애니메이션 유형 클립이므로 비디오 콘텐츠에 대한 좋은 대안입니다. 소셜 미디어가 확산되면서 GIF는 확실히 WordPress에서 사용하기 쉬운 사용자 친화적인 파일 유형이지만 아껴서 사용하는 것이 좋습니다.

WordPress를 위한 9가지 최고의 무료 이미지 최적화 플러그인

다음으로, WordPress에 있는 이미지를 최적화하기 위해 무엇을 할 수 있는지 이야기해 보겠습니다.

플러그인 논의로 넘어가기 전에 WordPress에 기본 CMS에 포함된 두 가지 내장 옵션을 검토해 보겠습니다.

1. EWWW 이미지 최적화 프로그램

EWWW Image Optimizer 플러그인*은 품질 저하 없이 손실 압축(이전에 JPG에 대해 이야기한 것처럼)을 제공할 수 있는 고유한 알고리즘을 사용합니다. 즉, 사용된 바이트 측면에서 상당한 절감 효과를 볼 수 있음에도 불구하고 결과는 무손실 압축처럼 보입니다.

이 플러그인에는 언급할 만한 다른 정말 멋진 점이 있습니다:

• 작동하기 위해 최적화 플러그인을 열어둘 필요는 없습니다. 백그라운드에서 압축을 처리하므로* WordPress의 다른 곳에서 작업할 수 있습니다.
• 이 플러그인은 미디어 폴더*에 없더라도 모든 미디어를 최적화합니다. 따라서 여기에는 아바타 아이콘, 슬라이더 사진, 테마 이미지 등이 포함됩니다.
• 대량 최적화 프로그램 검사는 이미 압축된 모든 파일을 건너뛰므로 서버가 해당 파일에 대한 불필요한 요청을 처리해야 하는 수고를 덜 수 있습니다.

이 플러그인은 이미지를 압축하는 방식으로 많은 기능을 수행하므로 사용하기 전에 구성해야 할 설정이 많이 있습니다. 주의해야 할 사항은 다음과 같습니다.

1. 먼저 플러그인을 설치하고 활성화하세요.

2. 그런 다음 설정 탭으로 이동하여 "EWWW 이미지 최적화 프로그램"에 대한 새 옵션을 찾으세요.

3. 기본 설정으로 시작하십시오.

이 탭에서는 WordPress에 업로드하는 이미지에 적용되는 압축 유형을 제어할 수 있습니다. EWWW는 모든 유형을 무손실(최고 압축 품질)로 압축할 수 있다는 것을 알고 있으므로 해당 옵션을 사용하십시오.

4. 고급 설정은 다음과 같습니다.

이 탭에서는 서버 성능을 저하시키지 않고 이미지를 최적화된 상태로 유지하는 설정 및 예약 검색을 구성하는 데 중점을 두어야 합니다.

5. 크기 조정 설정 탭을 사용하면 WordPress로 가져오는 동안 너무 큰 것으로 간주되는 파일에 대한 자동 크기 조정 규칙을 정의할 수 있습니다.

6. WordPress에 있는 이미지를 변환하려고 생각하시나요?

변환 설정 탭에서는 업로드 시 파일 형식을 변경하여 이미지 품질을 높이거나 파일 크기를 줄일 수 있습니다. 즉, 한 파일 형식을 다른 파일 형식으로 변환하는 것이 항상 이상적인 것은 아니므로 이미지를 원래 상태로 유지하는 것이 좋습니다.

7. WebP 이미지에 익숙하고 방문자가 주로 Chrome 및 Opera를 사용하여 사이트(이를 허용하는 브라우저)에 액세스한다는 것을 알고 있다면 다음 설정 탭에 주의하세요.

8. 플러그인 설정 구성을 마쳤으면 미디어 탭으로 이동하여 대량 최적화를 클릭하세요.

여기에서 간단한 대량 스캐닝 및 최적화 도구*를 찾을 수 있습니다. 설정을 구성한 다음 검사를 실행하십시오.

9. 최적화된 결과의 출력은 다음과 같습니다.

파일의 위치와 이름은 물론 파일이 얼마나 압축되었는지에 대한 메모도 표시됩니다.

접할 수 있는 다른 도구와 달리 EWWW Image Optimizer는 실제로 매우 빠르게 실행됩니다. 내 사이트를 최적화해야 했던 455개의 이미지에서 완료하는 데 1분도 채 걸리지 않았습니다*. 저장된 총 공간에 대한 전체 통계 목록을 제공하지 않을 수도 있지만 사용하기 매우 편리합니다.

그리고 사용자*의 멋진 평가도 있습니다. 사람들은 확실히 그 기능과 가치를 좋아합니다!

모든 부가 기능이 필요하지 않은 경우 무료 플러그인도 있습니다.

2. ShortPixel 이미지 최적화 프로그램

무료 ShortPixel Image Optimizer 플러그인은 실제로 이미지 최적화를 위한 부분 유료화 플러그인 옵션입니다. 저장소에서 접할 수 있는 다른 프리미엄 플러그인과 달리 이 플러그인은 무엇보다 무료 평가판 기간이 제공되는 프리미엄 플러그인입니다. 제가 그렇게 말하는 이유는 다음과 같습니다.

• 매달 무료로 사용할 수 있는 100개의 이미지 크레딧이 제공됩니다.
• 1개의 이미지 크레딧은 1개의 이미지 파일과 같습니다.
• 그러나 각 이미지에는 관련 파일 크기가 최소 3개(대형, 중간, 축소판)가 있으므로 실제로 3개의 이미지 크레딧은 1개의 이미지 파일과 같습니다.

고품질 이미지 최적화 플러그인을 사용하고 싶지만 사이트의 월간 이미지 업로드 수가 적을 것이라는 점을 알고 있다면 이 플러그인이 좋은 선택이 될 수 있습니다. 처리할 파일 크기 제한이 없습니다. 플러그인은 JPG, PNG, GIF 및 WebP를 최적화합니다. 또한 사이트 내부로 들어가 전자상거래 제품 슬라이더, 사진 이미지 슬라이더 등과 같은 항목을 최적화합니다.

물론 프리미엄 버전에 대한 비용을 지불하고 싶다면 가능합니다. 그러나 여기서 우리의 초점은 최고의 무료 이미지 최적화 플러그인에 있기 때문에 이것이 누구에게 가장 적합한지 명확히 하고 싶습니다.

이 플러그인을 사용하는 측면에서 이 수준의 최적화를 제공하는 다른 WordPress 플러그인과 유사합니다.

1. 플러그인을 설치하고 활성화하세요.

2. 최적화 도구에 연결할 수 있도록 API 키를 이메일로 보내달라고 요청하세요.

3. 일반 설정에서는 이미지 압축 기본 사항을 다룹니다.
   • 선호하는 압축 유형
   • 썸네일 포함 여부
   • 서버의 다른 곳에 원본 파일을 자동으로 저장
   • EXIF 메타데이터 제거
   • 대용량 파일의 크기를 지정된 최대 한도까지 자동으로 조정

4. 고급 탭에는 활용하고 싶은 이미지 최적화 설정이 뒤섞여 있는 곳이 있습니다. 여기에는 다음과 같은 것들이 포함됩니다:
   • 한 파일 형식에서 다른 파일 형식으로 변환
   • WebP 이미지 설정 구성
   • 최적화할 파일 형식 목록에 PDF 추가
   • 새 파일 업로드 자동화(WordPress의 사용자 또는 프런트 엔드 사용자)

5. ShortPixel 통계 탭은 실제로 정말 좋은 기능이지만 다른 이미지 최적화 플러그인에서는 찾을 수 없는 기능입니다.

여기서는 얼마나 많은 이미지가 최적화되었는지, 얼마나 많은 대역폭과 디스크 공간을 절약했는지, 현재 사용 중인 계획에 대한 세부 정보(사용량을 추적할 수 있음)를 확인할 수 있습니다. .

6. 설정이 완료되면 이제 미디어 탭 아래에서 ShortPixel Bulk 프로세스를 시작할 수 있습니다.

이 도구는 실행하기가 정말 쉽습니다. 먼저 썸네일을 압축할지 결정하세요. 그런 다음 최적화 시작을 클릭하세요. 이 경우 최적화 도구가 실행을 완료하려면 페이지를 열어 두어야 합니다.

파일의 압축 비율과 프로세스에 소요될 예상 시간을 알려주는 진행률 표시줄이 표시됩니다. 또한 최적화할 최신 이미지의 빠른 스냅샷과 최적화 프로세스 중에 절약된 공간을 확인할 수 있습니다.

3. 미디어 편집

WordPress의 미디어 라이브러리로 이동하여 이미지를 선택하거나 새 이미지를 업로드하면 이미지 편집 옵션을 사용할 수 있습니다.

이 모듈에서는 이미지 편집 소프트웨어에서 했던 것과 유사하게 이미지의 크기를 편집할 수 있습니다.

주요 차이점은 비율이 일정하게 유지되므로 이미지를 왜곡하는 부자연스러운 크기 조정을 도입할 수 없다는 것입니다.

새 크기에 만족하면 크기 조정 버튼을 누르고 "이미지 저장됨" 메시지가 이미지 위에 나타날 때까지 기다린 다음 종료합니다.

4. 미디어 설정

WordPress에서 이미지 크기를 조정하기 위해 할 수 있는 또 다른 작업은 콘텐츠의 기본 이미지 크기를 만드는 것입니다.

설정 탭에서 미디어 를 클릭하세요. 그러면 다음 구성을 찾을 수 있습니다.

이러한 값의 역할은 WordPress에서 자동으로 생성하는 세 가지 이미지 크기에 대한 기본 이미지 크기를 정의하는 것입니다. WordPress 외부에서 이미지 크기를 조정하거나 사이트의 높이 및 너비 사양에 맞게 조정하는 데 드는 시간을 절약하려면 여기에서 크기를 업데이트할 수 있습니다. 이는 전체 웹 사이트에서 일관된 이미지 크기를 사용하려는 경우 특히 유용합니다.

물론 WordPress에서 작업할 때 거의 모든 작업을 수행하는 데 도움이 되는 WordPress 플러그인이 있다는 것을 알고 있습니다. 따라서 무료로 사용할 수 있는 멋진 이미지 최적화 플러그인이 있다는 사실은 별로 놀라운 일이 아닙니다. 최고의 선택과 이를 통해 무엇을 할 수 있는지 살펴보겠습니다.

5. Smush 이미지 압축 및 최적화

Smush 플러그인*의 무료 버전에 대해 이야기해 보겠습니다.

WPMU DEV 플러그인 멤버십을 구매할 때 얻을 수 있는 몇 가지 프리미엄 기능을 제외하면 이 플러그인의 무료 버전과 프리미엄 버전 사이에는 실제로 큰 차이가 없습니다. Smush는 자체적으로 최적화 방식으로 필요한 모든 것을 수행하기 때문에 환상적입니다. 재미있는 사실: WP Smush에는 WP Buffs 계획이 함께 제공됩니다! 이 플러그인을 사용하면 즐길 수 있는 몇 가지 기능은 다음과 같습니다.

• 이미지가 WordPress에 업로드되면 관련 없는 데이터가 자동으로 제거됩니다.
• 이미지는 미디어 폴더, 갤러리 플러그인, 테마 파일, 심지어는 클라우드 저장소의 오프사이트에서 최적화될 수 있습니다.
• 매우 사용자 친화적인 대시보드가 ​​함께 제공되므로 이미지 최적화를 관리하고 공간 절약을 확인하는 것이 매우 쉽습니다.

Smush로 할 수 있는 작업은 다음과 같습니다.

1. 먼저 플러그인을 설치하고 활성화하세요.

2. 이에 대한 API 구성은 필요하지 않습니다. 활성화되자마자 미디어 아래의 새로운 WP Smush 폴더로 이동됩니다.

3. 기본 대시보드는 다음과 같습니다.

왼쪽 상단에는 문제를 신속하게 해결할 수 있는 버튼이 제공되는 동시에 "분쇄되지 않은" 상태로 남아 있는 파일 수에 대한 알림이 표시됩니다.

오른쪽 상단에는 이미지 최적화 통계가 있습니다.

• 크기가 조정된 이미지 수
• 그리고 얼마나 많이 압축되었나요?
• 결과적으로 얼마나 많은 공간을 절약했는지

4. 페이지를 아래로 스크롤하면 플러그인 설정을 찾을 수 있습니다. 다음 섹션에서는 업로드 시 자동으로 압축되는 크기를 지정할 수 있습니다.

5. 그 아래에는 EXIF ​​데이터를 제거하고 파일 크기 제한을 설정하기 위한 다른 압축 설정이 표시됩니다.

그리고 그게 다야! 이 WordPress 플러그인은 이미지 최적화 측면에서 강력한 성능을 제공할 뿐만 아니라 프로세스를 매우 간단하게 만듭니다.

6. TinyPNG로 JPEG 및 PNG 이미지 압축

첫 번째 것은 앞서 언급한 온라인 TinyPNG 도구와 동등한 WordPress 플러그인입니다.

JPEG 및 PNG 이미지 압축 플러그인은 대량 최적화 도구로 알려져 있습니다. 이미지를 하나씩 크기를 조정하거나 이미지 크기에 대한 기본 최대값을 설정할 수 있는 WordPress의 기본 편집기를 사용하는 대신 모든 이미지를 한 번에 최적화하고 압축합니다.

작동 방식은 다음과 같습니다.

1. 플러그인을 설치하고 활성화하세요.

2. 새 플러그인 아래의 설정 버튼을 클릭하면 미디어 설정으로 리디렉션됩니다(이전에 살펴본 것과 동일). 그러나 이제 옵션이 다음과 같이 확장되었습니다.

3. 가장 먼저 해야 할 일은 TinyPNG로 무료 계정을 만드는 것입니다(간단한 원클릭 이메일 활성화입니다).

4. 다음으로 자동으로 압축하려는 WordPress 이미지 크기를 선택할 수 있습니다. WordPress에서는 업로드할 때마다 세 가지 크기(대형, 중형, 썸네일)가 자동 생성되므로 최소한 해당 크기를 포함해야 합니다. 테마와 관련된 다른 기본 크기가 있는 경우 해당 크기도 선택할 수 있습니다.

5. 원본 이미지 사양에도 주의를 기울여야 합니다.

이 섹션에서는 가장 큰 파일도 서버에 너무 부담스럽지 않도록 최대 업로드 크기를 설정할 수 있습니다. 또한 필수 메타데이터가 파일에서 제거되지 않도록 할 수도 있습니다.

6. 이것이 구성되면 이제 현재 웹 사이트에 존재하지만 최적화되지 않은 모든 미디어 파일에 대해 대량 최적화를 실행할 수 있습니다. 이는 '대량 최적화' 아래의 미디어 탭에서 찾을 수 있습니다.

7. 버튼을 클릭하고 화면을 종료하기 전에 최적화 프로그램이 작업을 완료할 때까지 기다리세요.

스캐너와 최적화 프로그램이 실행되면 다음과 같은 내용을 볼 수 있습니다.

• 귀하의 사이트에 몇 개의 이미지가 있습니까?
• 각 이미지와 관련된 크기의 수입니다.
• 해당 파일 중 얼마나 많은 파일이 압축되었는지, 얼마나 압축되었는지.

일단 완료되면 자동 압축 설정이 완료되었으므로 대량 최적화 프로그램을 다시 실행할 필요가 없습니다.

7. 이미지화 이미지 최적화 프로그램

Imagify Image Optimizer 플러그인의 가장 큰 장점은 이미지를 대량으로 최적화하는 과정을 정말 간단하게 만들어준다는 것입니다. 다른 이미지 최적화 플러그인과 마찬가지로 이 플러그인도 두 가지 기능을 수행합니다. 먼저 현재 미디어 폴더에 있는 모든 이미지를 대량으로 최적화합니다. 그런 다음 미리 정의한 설정에 따라 이미지를 자동으로 최적화합니다.

시작하려면 다음을 수행해야 합니다.

1. 플러그인을 설치하고 활성화하세요.

2. 그런 다음 이에 대한 API 키를 생성하라는 메시지가 표시됩니다. 이렇게 하려면 무료 계정을 등록해야 합니다.

3. 계정이 활성화되면 설정 탭에서 플러그인 설정을 찾을 수 있습니다. 이미지화를 클릭하세요.

4. 이 플러그인에 대한 더 멋진 기능 중 하나는 시각적 비교 도구에 있습니다(세 가지 최적화 수준 옵션에서 찾을 수 있습니다).

설정을 일반에서 울트라로 변경하면 이미지가 표시되는 방식에 거의 눈에 띄는 변화가 없다는 것을 알 수 있습니다. 그러나 각 변경으로 인해 파일이 얼마나 감소하는지 알 수 있습니다.

5. 필요한 것에 가장 적합한 최적화 수준을 결정한 후에는 구성에 사용할 수 있는 다른 설정을 살펴볼 수 있습니다.

이 플러그인은 옵션을 단순화하고 다음과 같이 이미지 최적화 프로세스 중에 고려해야 할 중요한 부분을 모두 분리하는 데 정말 훌륭한 역할을 합니다.

• 가져온 모든 이미지를 자동으로 최적화하시겠습니까? (예!)
• 서버에 원본 이미지의 백업을 생성하시겠습니까? (아마.)
• 더 큰 파일의 크기가 자동으로 조정되도록 최대 파일 크기에 제한을 두시겠습니까? (분명히.)
• 플러그인이 EXIF ​​메타데이터를 덤프하도록 하시겠습니까, 아니면 나중에 해당 정보가 필요합니까? (당신이 그들에게 무엇을 하느냐에 따라 다릅니다.)
• 어떤 이미지 크기를 최적화하고 싶으신가요? (모두.)

6. 변경 사항을 저장한 다음 미디어 탭 아래의 대량 최적화 도구를 방문할 수 있습니다.

7. 한 번의 클릭으로 대량 최적화를 실행할 수 있습니다.

결과는 파일 이름, 원래 크기, 현재 크기 및 결과적으로 절약된 공간을 알려줍니다.

한 가지 알아두어야 할 점은 Imagify의 한 달당 25MB 제한이 있다는 것입니다. 이미지가 많은 사이트를 운영하는 경우 수행하려는 추가 처리 비용을 지불해야 합니다.

또한 이 도구는 유료 요금제에 가입한 경우 2MB보다 큰 파일만 최적화합니다. 이미지 최적화를 위해 이 도구를 사용하려는 경우 비용을 지불할 자금이 있는지 확인하거나 파일이 한도를 초과하지 않도록 미리 사용할 수 있는 크기 조정 도구가 있는지 확인하십시오.

8. 광기

Imnsanity는 이 목록에 있는 다른 WordPress 플러그인과 다릅니다. 이미지를 대량으로 최적화하는 데 도움이 되지만 주요 전문 분야는 이미지 압축이 아닌 크기 조정입니다.

설치 및 활성화 시 Imsanity의 새로운 설정 탭으로 이동됩니다. 다음과 같은 내용을 볼 수 있습니다.

여기서는 WordPress 사이트의 다른 부분에 업로드된 이미지에 대한 크기 조정 제한을 구성하는 곳입니다. JPG 품질을 조정하고 다양한 변환 규칙을 정의할 수도 있습니다.

아래에는 현재 WordPress 사이트에 있는 모든 이미지의 크기를 일괄 조정하는 옵션이 있습니다.

이 스캔을 실행하고 크기를 조정하기 전에 출력된 결과가 그다지 훌륭하지 않을 경우를 대비하여 웹사이트를 백업하십시오.

9. 옵티몰

Optimole은 WordPress의 이미지 최적화를 위한 최고의 솔루션 중 하나입니다. 무손실 및 손실 최적화 기술을 모두 사용하여 시각적 변경 없이 사이트 이미지를 줄이도록 제작되었습니다.

• 매월 1GB의 이미지(업그레이드하는 경우 15GB 이상).
• 월별 시청 대역폭 10GB(프리미엄 플랜의 경우 100GB)
• 품질이 낮은 이미지 자리 표시자(전체 크기를 표시하기 전에 중간 이미지를 지연 로딩함)
• 장치/화면 크기에 따른 이미지 크기 조정(각 장치에 가장 적합한 버전을 로드합니다).
• Retina 및 HiDPI는 모든 장치에서 동적 DPR 감지를 지원합니다.
• 최신 대시보드를 통해 통계/결과를 쉽게 추적하고 모니터링할 수 있습니다.
• CDN 지원.

1. 설치하고 활성화하세요.
2. 등록하고 이메일에서 API 키를 확인하세요.
3. WordPress 대시보드에 API 키를 제출한 직후 Optimole은 모든 기존 이미지를 최적화하기 시작합니다.
4. 설정에서 개인 기본 설정을 구성하고 필요한 기능을 활성화/비활성화할 수 있습니다.

WordPress 백엔드에서 Optimole 대시보드가 ​​표시되는 방식은 다음과 같습니다.

9가지 최고의 무료 온라인 이미지 최적화 도구

위에서 언급한 것처럼 이미지 크기는 사이트 성능에 큰 영향을 줄 수 있으므로 WordPress에 업로드하기 전에 이미지 크기를 조금이라도 줄일 수 있다면 이상적입니다. 이미지와 함께 전달되는 바이트 수를 줄이는 경우에도 마찬가지입니다. 특히 이미지가 처음부터 작은 경우에는 항상 필요한 것은 아니지만 다음 온라인 도구를 사용하여 쉽게 수행할 수 있는 옵션이 있다는 것을 아는 것이 중요합니다.

1. 스톡 사진 사이트

제가 지적하고 싶은 첫 번째 "도구"는 사진을 확보하는 데 사용할 수 있는 소스인 스톡 사진 웹사이트입니다.

대부분의 경우 이러한 웹사이트에서는 내보낸 사진 파일의 크기에 제한을 둡니다. iStock의 예는 다음과 같습니다.

내보낼 특정 사진 크기와 파일 크기를 선택할 수 있는 Pixabay와 같은 다른 스톡 사진 웹사이트가 있습니다.

물론 그렇다고 해서 사진을 내보낸 크기로 사용해야 한다는 의미는 아닙니다. 다음 도구를 사용하여 크기를 추가로 조정할 수 있습니다.

2. 사진 편집 소프트웨어

Photoshop, Lightroom 또는 사진 편집 소프트웨어나 OS 기본 도구를 사용하더라도 사진 크기 조정 기능은 일반적으로 동일한 크기 조정 옵션 세트를 제공합니다.

이미지 크기가 크기에 맞게 조정되도록 높이 또는 너비를 조정합니다.

높이 대 너비 비율을 해제하고 원하는 대로 크기를 조정합니다.

픽셀을 기준으로 크기를 조정하는 대신 원본 크기의 백분율로 크기를 조정할 수 있습니다.

또는 가능한 경우 이미지 크기를 웹에서 널리 사용되는 크기로 조정하는 사전 설정된 크기를 사용할 수 있습니다.

이제 이 5472 x 3648 사진(무게 5.7MB)의 크기를 조정하면 어떤 일이 발생하는지 빠르게 살펴보겠습니다.

너비 3000픽셀, 높이 2000픽셀로:

사진 크기는 절반 미만으로 줄어들었지만 무게는 절반 이상 줄어들어 현재 1.8MB로 제공됩니다.

두 이미지 중 어느 것이 데스크톱 이미지 편집 소프트웨어를 사용하여 생성되었는지 알 수 있나요? (힌트: 지금부터 나란히 비교하면 원본이 왼쪽에 표시됩니다.)

3. 이미지 압축

ResizeImage(아래 참조)와 동일한 팀이 제작한 Toolur에는 CompressImage 압축 도구를 사용할 수 있습니다.

이 온라인 도구는 기존 압축 및 크기 조정 도구보다 약간 더 강력한 기능을 제공합니다. 한 번에 최대 25개의 이미지를 허용하며 각 파일의 크기는 최대 30MB입니다. 또한 PNG와 JPG를 모두 허용합니다.

이를 사용하는 경우 사용 가능한 압축 유형이 다양하기 때문에 약간 혼란스러울 수 있지만 차이점이 무엇인지에 대한 설명은 없습니다. 그렇다면 여기서는 단순화해 보겠습니다.

1. JPG에는 압축 옵션 A부터 E까지(즉, 손실 압축)를 사용하세요. PNG에 압축 옵션 F와 G(즉, 무손실 압축)를 사용하세요.

2. 이미지 품질 비율을 90%로 설정합니다(그렇지 않으면 파일 크기가 줄어들지 않습니다).

3. JPG 크기를 조정할 때 점진적 압축을 선택하세요.

4. 크기 조정 행에 값을 입력하지 마십시오. 도구가 압축에 집중할 수 있도록 그대로 두십시오.

5. 그런 다음 이미지 압축을 클릭합니다.

실행이 완료되면 결과 이미지를 다운로드할 수 있습니다.

파일 크기를 3.8MB에서 2.1MB로 줄이고 품질을 90%로 줄였음에도 불구하고 이 사진들은 거의 동일하게 보입니다.

4. 이미지최적화

ImageOptim은 데스크탑에 직접 다운로드할 수 있는 Mac 전용 소프트웨어입니다(온라인 버전을 사용하려면 비용을 지불해야 합니다).

그것을 사용하는 것은 간단합니다.

1. 위 링크에서 소프트웨어를 다운로드하여 Mac에 설치하세요.

2. ImageOptim 애플리케이션을 엽니다.

3. 인터페이스는 대부분의 다른 드래그 앤 드롭 미디어 관리 인터페이스에서 볼 수 있는 것과 유사합니다. 압축하려는 이미지를 앱에 추가하세요.

그런 다음 소프트웨어가 파일에서 불필요한 데이터를 제거 할 수 있도록하여 다시 얻은 저축 백분율을 볼 수 있습니다. 여기에는 다른 것이 변경되지 않으므로 파일 비교를 수행 할 필요가 없습니다.

5. ImagesMaller

JPG뿐만 아니라 PNG의 압축을 처리하는 사용하기 쉬운 것을 찾고 있다면 ImagesMaller를 살펴보십시오.

버튼을 클릭하면 이미지의 파일 크기를 최대 90%까지 줄일 것을 약속합니다. 작동 방식은 다음과 같습니다.

1. 컴퓨터의 이미지 파일을 찾아보십시오.

2. 업로드 버튼을 클릭하십시오.

3. 도구가 압축 이미지를 생성 할 때까지 기다리십시오. 새로운 파일 크기와 감소 비율이 무엇인지 알려줍니다.

4. 다운로드 파일을 클릭하여 압축 이미지를 검색하십시오.

나란히 비교하면 원본과 압축 버전의 차이를 거의 알 수 없습니다.

6. Jpegmini

JPEGMINI는 사진을위한 무료 온라인 편집 소프트웨어가 아닙니다. 그러나 결과에 만족하는지 확인할 수 있습니다 (앱을 구매하기 전에 최대 200 개의 이미지를 조정할 수 있습니다).

Jpegmini가하는 일에 만족한다면이 도구를 옆에두고 싶을 것입니다. JPG의 크기를 최대 80%까지 관리 할뿐만 아니라 Photoshop 및 Lightbox와 통합되며 사진 편집 소프트웨어로 가져온 모든 이미지에 대한 자동 리저 저기 역할을합니다.

다음은 이것으로 할 수있는 일입니다.

1. 위의 링크로 이동하여 응용 프로그램을 다운로드하여 설치하십시오.

2. 무료 평가판에 가입하고 첫 100 개의 이미지의 무료 크기 조정을 활용하십시오.

3. 사진을 앱에 삭제하기 전에 먼저 내보내기/크기 조정 설정을 확인하십시오. 기본 설정을 제자리에두면 크기 조정이 발생하지 않습니다. JPEGMINI는 이미지를 최적화하고 압축합니다.

크기가 크기가 큰 이미지 버전을 만들려면 왼쪽 하단의 구성 아이콘을 클릭하십시오. 내보내기 폴더를 선택하고 새 크기를 선택하십시오. 적용 을 클릭합니다.

4. 원하는만큼 파일 또는 적은 파일을 앱에 삭제하십시오.

그런 다음 앱은 파일 크기가 얼마나 줄어든지, 압축 및 크기 조정을 위해 얼마나 많은 공간을 절약했는지 알려줍니다.

5. 크기 조정을 선택하면 새 파일이 표시된 폴더와 원하는 크기로 내보낼 것입니다. 이제 원본과 비교할 수 있습니다.

7. 크기 조정

ResizeImage는 이미지를 조정, 자르기, 뒤집기 및 압축 할 수있는 온라인 도구입니다. 캐치는 한 번에 하나의 이미지 만 허용한다는 것입니다.

이 방법을 사용하는 방법은 다음과 같습니다.

1. 이미지 업로드 버튼을 클릭하십시오. 이것을 사용하여 JPG, PNG 또는 GIF를 크기를 조정할 수 있습니다.

2. 크기를 조정하려면 #4 "이미지 크기를 조정하십시오"로 스크롤하십시오.

3. 앞에서 설명한 것처럼 비율로 이미지를 크기로 조정하거나 (규모를 유지) 비율을 해제하고 사용자 정의 크기를 만들 수 있습니다.

4. 투명한 배경을 추가하고 출력 파일의 형식을 변경하고 이미지를 압축하는 옵션도 있습니다. 크기 조정 설정에 만족하면 이미지 크기 조정을 클릭하십시오.

이미지 크기를 조정 한 후받은 파일 절약 금액이 이제 맨 아래에 나타납니다. 결과에 만족하면 새 이미지를 다운로드 할 수 있습니다.

다음은 크기가 크기가 큰 파일에 대한 원본 파일입니다.

8. 작은PNG

이름에 "PNG"가 포함되어 있지만 무료 TinyPNG 온라인 최적화 도구를 사용하면 실제로 PNG와 JPG 모두 크기를 조정할 수 있습니다.

이 도구는 사용하기 쉽지만 몇 가지 제한 사항이 있습니다. 첫째, 한 번에 최대 20개의 이미지만 업로드할 수 있습니다. 또한 각 이미지에는 5MB 제한이 있습니다. 앞서 언급한 크기 조정 도구 중 하나를 사용하여 파일을 적당한 크기로 줄이는 한 이는 문제가 되지 않습니다.

이를 사용하려면 다음 두 단계가 필요합니다.

1. 이미지를 온라인 앱에 드롭하세요.

2. 도구가 완료되면 결과 압축 이미지를 다운로드합니다.

이 사진 중 하나는 3.2MB입니다. 다른 하나는 5.8MB입니다. 어느 것이 더 큰지 알 수 있나요?

9. 크라켄 이미지 최적화 프로그램

여러분 중 일부는 현장 이미지 최적화에 사용할 수 있는 한때 인기 있었던 WordPress 플러그인을 가지고 있었기 때문에 이미 Kraken이라는 이름에 익숙할 것입니다. 하지만 한동안 업데이트되지 않았으므로 대신 이 온라인 도구를 사용하는 것이 좋습니다.

무료 Kraken 온라인 이미지 최적화 도구는 크기가 1MB 미만인 이미지를 압축하는 데 사용할 수 있는 도구입니다. 이 도구의 더욱 강력한 기능을 원한다면 크기 조정 옵션이 열리고 최대 32MB의 사진을 업로드할 수 있는 Kraken PRO로 업그레이드할 수 있습니다.

무료 버전의 작동 방식은 다음과 같습니다.

1. 첫 번째 옵션에서는 이미지 소스를 선택하라는 메시지가 표시됩니다. 그러나 무료 요금제에서 사용할 수 있는 유일한 옵션은 컴퓨터에서 업로드하는 것입니다(어쨌든 대부분의 경우에 그렇게 되기 때문에 솔직히 큰 문제는 아닙니다.)

2. 이미지 최적화 옵션에는 손실, 무손실, 전문가의 세 가지 옵션이 있습니다. 크라켄에 따르면:

• Lossy는 그들이 권장하는 압축 방법입니다. 평균적으로 이미지를 최대 60%까지 압축하지만 최대 80~90%까지 압축할 수도 있다고 합니다.
• 무손실은 최대 압축 절감 효과를 제공하지만 EXIF ​​메타데이터를 보존합니다(즉, 결과가 손실만큼 작지 않을 수 있음을 의미).
• Expert는 압축 정도와 EXIF ​​데이터 유지 여부를 사용자 정의할 수 있는 기능을 제공합니다.

3. 세 번째 옵션(이미지 크기 조정)은 무료 도구에서 사용할 수 없습니다.

4. 설정을 구성한 후 이미지를 클릭하여 업로드하거나 드롭박스에 끌어다 놓습니다.

보시다시피 처음으로 사진을 도구에 업로드하려고 했을 때 1MB 제한을 약간 초과했기 때문에 실패했습니다. 나는 다음 번 라운드에서 받아들일 수 있도록 이미 크기가 조정된 이미지로 돌아가서 크기를 조정해야 했습니다.

압축 도구가 작업을 수행하면 이미지(또는 두 개 이상 업로드할 수 있으므로 이미지) 크기가 얼마나 줄어들었는지 알려주는 빠른 보고서를 받게 됩니다.

여기에서 비교할 기초가 있으므로 동일한 이미지에 대한 손실(위) 압축과 무손실(아래) 압축의 차이는 다음과 같습니다.

5. 파일이 압축되면 이제 파일을 데스크탑에 다운로드할 수 있습니다.

보시다시피, 파일의 원본 버전, 손실 버전, 무손실 버전 사이에는 모양 면에서 거의 차이가 없습니다. 결과가 미미하고 파일 크기 절감 효과가 더 크다면 사용자에게 손실 압축을 사용하도록 제안하는 것이 옳습니다.

마무리

이러한 무료 이미지 최적화 도구를 직접 테스트하기 전에 시간을 내어 자신에게 필요한 것이 무엇인지 생각해 보시기 바랍니다.

• 귀하의 이미지는 대부분 손실 압축의 이점을 누릴 수 있는 JPG입니까? 아니면 대부분 무손실 압축을 사용해야 하는 PNG입니까?
• 동시에 크기 조정 및/또는 압축하려는 이미지 수는 몇 개입니까?
• 이미지가 5MB를 초과하고 사용 가능한 간단한 압축 또는 크기 조정 도구보다 더 많은 처리 능력이 필요합니까?
• 이러한 도구를 사용하여 발생하는 압축 및 품질 손실 정도를 제어하고 싶습니까? 아니면 수동 기본 설정을 사용하시겠습니까?
• EXIF 메타데이터를 제거하는 데 도움이 필요합니까, 아니면 그대로 유지하고 싶습니까?
• 스스로 이미지를 최적화할 시간이 있습니까, 아니면 전체를 자동화하고 싶습니까?

궁극적으로 모든 작업을 최대한 빠르고 원활하게 수행할 수 있는 도구를 사용하고 싶습니다. 또한 WordPress 플러그인과 같은 것이 서버 공간에 어떤 영향을 미칠지 생각하는 것을 잊지 마십시오. 언제나 그렇듯이 WP Buffs가 도움을 줄 수 있습니다!

피드백을 제공하고 싶거나 대화에 참여하고 싶으신가요?Twitter에 의견을 추가하세요.

저장 저장

저장 저장

저장 저장

저장 저장

저장 저장