플러그인 검토: WP Squish WordPress 플러그인

게시 됨: 2019-06-20

저장 공간과 페이지 로딩 속도는 모든 웹사이트에서 가장 중요한 두 가지 요소이며 이미지는 가장 큰 문제 중 하나입니다. 이미지 품질을 희생하지 않고 이미지에 필요한 공간을 줄이는 것이 중요합니다. JPEG를 사용하는 경우 한 가지 탁월한 옵션은 WP Squish라는 플러그인입니다.

WP Squish는 Aspen Grove Studios의 무료 플러그인으로 JPEG를 압축하는 동시에 WordPress에서 만든 변형뿐만 아니라 WordPress 테마로 만든 변형의 압축 품질을 완벽하게 제어할 수 있습니다.

WP Squish를 살펴보고 무엇을 할 수 있는지 봅시다.

WP 스퀴시 설치

먼저 Aspen Grove Studios 웹사이트에서 WP Squish를 다운로드합니다. 플러그인을 정상적으로 설치하고 활성화합니다. 키가 필요하지 않으므로 플러그인을 활성화하면 기본 설정을 사용하여 자동으로 작동합니다.

WP 스퀴시 설정

WordPress 대시보드의 설정 메뉴에 WP Squish라는 새 메뉴 항목이 추가되었습니다. 이 메뉴에는 이미지 옵션과 압축 설정이 포함됩니다. 기본적으로 크기 제한 옵션은 비활성화되어 있고 압축 품질은 75로 설정되어 있습니다.

WP Squish 이미지 옵션

이미지의 크기 제한을 지정하는 옵션이 있습니다. 원하는 크기를 지정하십시오. 이 옵션이 활성화되면 이보다 큰 모든 이미지는 업로드될 때 크기가 조정됩니다. 전체 크기 JPEG 이미지 항상 다시 압축을 활성화하면 크기를 조정해야 하는 경우에만 전체 크기 이미지를 압축할 수 있습니다.

이미지 압축 설정

모든 이미지의 화질을 함께 설정하거나 각 이미지 크기를 개별적으로 조정할 수 있습니다. 값을 수동으로 입력하거나 슬라이더를 사용하십시오. 이미지를 업로드할 때 생성되는 표준 WordPress 이미지입니다.

모든 크기에 대한 슬라이더를 사용하면 상자에 숫자가 위쪽 및 아래쪽 화살표와 함께 표시되어 금액을 미세 조정할 수 있습니다. 또한 모든 슬라이더가 설정을 따랐음을 알 수 있습니다. 이 경우에는 모두 품질 51로 설정되어 있습니다. 모든 크기를 설정하더라도 각각을 개별적으로 제어할 수 있습니다.

이는 대부분을 특정 백분율로 설정한 다음 수동으로 몇 개를 제어하려는 경우에 특히 유용합니다. 이 예에서는 대부분을 60의 품질로 설정하고 두 개의 이미지 크기를 70으로 수동으로 설정했습니다.

테마별로 생성된 이미지를 제어할 수도 있습니다. 이 예의 이미지는 Divi에서 만든 것입니다.

이것들은 Extra에 의해 추가됩니다. 잡지 스타일의 모듈로 인해 Divi보다 더 많은 것을 추가합니다.

이것은 Twenty Seventeen 테마에 의해 추가됩니다.

WP 스퀴시 예

Unsplash.com에서 사진 몇 장을 가져와 압축이나 크기 제한 없이 업로드했습니다. 그 후 치수 제한을 설정하고 압축을 다양한 수준으로 설정하여 다시 업로드했습니다. 다음은 몇 가지 비교입니다. 첫 번째 라운드에서는 기본 압축 품질 설정인 75를 사용합니다.
무작위로 이미지 중 하나를 살펴보면 크기가 5184×3456이고 파일 크기가 5MB인 원본 이미지입니다.
압축하지 않고 크기를 조정한 이미지입니다. 1620×1080이고 파일 크기는 1MB입니다. 크기를 제한하는 것만으로도 파일 크기가 상당히 줄어들었습니다.
기본 75 이미지 품질로 압축이 활성화된 동일한 이미지가 다시 업로드되었습니다. 크기는 1620×1080이고 파일 크기는 107kb입니다.
압축이나 크기 제한이 없는 또 다른 이미지가 있습니다. 크기는 6016×4016이고 파일 크기는 3MB입니다.
압축 버전은 1618×1080이고 파일 크기는 249kb입니다.
이미지의 높이는 모두 1080으로 제한되어 있습니다. 설정으로 돌아가서 수직 제한을 제거했습니다. 이렇게 하면 이미지가 모든 세로 크기가 될 수 있지만 가로 크기로 제한됩니다.
이 원본 이미지의 크기는 5184×3456이고 파일 크기는 3MB입니다.
크기가 조정된 이미지는 1920×1280이고 파일 크기는 252KB입니다.
몇 가지 예를 나란히 살펴보겠습니다. 왼쪽 이미지는 2963×3878, 4MB의 원본입니다. 오른쪽 이미지는 825×1080, 180KB에서 75의 품질로 크기가 조정되었습니다.
이 사진에서 왼쪽 이미지는 원본이고 오른쪽 이미지는 60 품질로 압축되었습니다. 크기는 825×1080, 135KB입니다.
이 사진에서 오른쪽 이미지는 50으로 압축되었습니다. 825×1080, 117KB입니다.
이를 위해 오른쪽 이미지는 20 품질로 압축되었습니다. 크기는 825×1080, 64KB입니다. 이 수준의 품질에서도 이미지를 완전히 사용할 수 있습니다. 이 품질은 사진의 많은 요인에 따라 달라집니다. 이 사진의 크기가 더 크면 낮은 품질이 더 명확할 수 있습니다. 나는 60-75를 표준으로 추천하고 어떤 것이 가장 효과가 좋은지 실험해 본다.
여기 큰부리새 사진이 있습니다. 왼쪽 이미지는 5184×3456, 5MB의 원본입니다. 오른쪽 이미지는 20 품질로 압축되어 있습니다. 1620×1080, 40KB입니다. 차이가 너무 작아서 자세히 살펴봐야 구분할 수 있는데 압축한 사진도 멋지게 보입니다.
여기 원본의 중간 크기가 압축되지 않은 왼쪽, 중앙이 75, 오른쪽이 60입니다.
다음은 100, 75, 60과 같이 왼쪽에서 오른쪽으로 두 세트가 모두 표시되는 두 개의 썸네일 세트의 예입니다.
몇 가지 큰 이미지를 살펴보겠습니다. 이것은 위의 원본의 큰 버전을 보여주고 아래의 버전은 60의 품질을 보여줍니다.
이것은 맨 위에 원본의 큰 버전을 보여줍니다. 하단의 버전은 품질이 40으로 설정되어 있습니다.
이것은 상단에 원본의 큰 버전인 4MB를 보여주고 하단에 251KB의 40 품질 버전을 보여줍니다. 왼쪽의 구름이 더 낮은 품질로 표시되기 시작하는 것을 볼 수 있습니다. 40대는 이미지 압축에 대해 실제로 공격적입니다. 60-75 범위의 어딘가가 가장 좋은 옵션인 것 같으며 여전히 파일 크기를 상당히 줄입니다.
이것은 60의 품질을 사용합니다. 324KB의 이미지에 나쁘지 않습니다.

마무리 생각

WP Squish는 사용하기 쉬울 뿐만 아니라 WordPress 서버의 많은 공간을 절약합니다. 이것은 또한 페이지가 더 빨리 로드되고 방문자가 브라우저에서 페이지가 로드될 때까지 머뭇거릴 가능성이 더 높다는 것을 의미합니다. 품질에 비해 압축 수준이 놀랍습니다. 이 기사에서는 더 압축되어 있지만 이미지는 여전히 이야기를 전달해야 합니다.

모든 이미지 유형을 개별적으로 조정할 수 있다는 점이 마음에 듭니다. 또한 전체 치수를 제한할 수 있고 제한보다 큰 이미지가 해당 제한에 맞게 자동으로 크기가 조정되도록 할 수 있다는 점도 마음에 듭니다. 이렇게 하면 무언가를 업로드할 때마다 사진 크기를 조정할 필요가 없습니다(이는 내가 잊어버리는 경향이 있음).

WP Squish는 JPEG 압축을 위한 훌륭한 플러그인이며 추천하기 쉬운 플러그인입니다. JPEG를 압축하고 WordPress에 업로드할 때 크기를 제한하는 무료 플러그인이 필요한 경우 WP Squish를 사용해 볼 가치가 있습니다.

WP Squish를 사용해 보셨습니까? 의견에 대해 어떻게 생각하는지 알려주십시오.