워드프레스 이미지 최적화 플러그인 WP Smush

7

이미지 크기 최소화로 페이지 속도와 SEO 개선

이미지 최적화 툴을 사용하여 이미지 크기를 최적화하면 이미지 크기가 줄어들어 페이지 속도가 빨라지고, 결과적으로 SEO(검색엔진최적화)에 긍정적인 영향을 미칠 수 있습니다.

저는 워드프레스 이미지 최적화 툴로 EWWW Image Optimizer 플러그인을 사용하다가 이 플러그인이 업데이트되면서 문제가 발생하여("미디어 업로드 시 ‘연결이 끊어졌습니다’ 오류가 발생하는 경우" 참고) 이 플러그인을 삭제했습니다. 대신 이미지를 업로드하기 전에 포토샵에서 웹 및 장치용으로 저장하는 기능(File > Save for Web & Devices... 메뉴)을 사용하여 이미지 크기를 줄였습니다.

WP Smush를 사용하여 일괄적으로 이미지 최적화하기

그러다가 엊그제 WP Smush라는 이미지 최적화 툴을 설치하여 전체적으로 이미지 크기를 최적화하는 작업을 실시했습니다.

이 플러그인을 설치하면 워드프레스 알림판에서 미디어 > WP Smush를 클릭하여 모든 이미지 파일에 대하여 이미지 최적화 작업을 수행할 수 있습니다.

무료 버전에서는 1번에 50개의 이미지만 최적화할 수 있습니다. Pro 버전에서는 이러한 제한이 없고 압축 효율도 2배로 높아진다고 합니다.

저는 거의 이틀에 걸려서 모든 이미지 파일을 최적화하여 총 256MB를 줄일 수 있었습니다. 프로 버전을 사용한다면 두 배 이상 공간을 절약할 수 있는 것으로 나오네요.

그리고 이 플러그인은 이미지 업로드 시 자동으로 이미지를 최적화해주는 기능도 있습니다.

이미지를 최적화하는 것이 귀찮거나 잘 모르는 경우 WP Smush나 EWWW Image Optimizer와 같은 플러그인을 설치해놓으면 이미지를 업로드할 때 이미지가 최적화된 후에 업로드됩니다. 여러 명의 사용자가 글을 작성하고 컴퓨터에 대해 잘 모르는 분이 계시면 이 방법이 현실적일 것 같습니다.

그리고 WP Smush를 사용하여 일괄적으로 이미지를 최적화하는 방법도 고려해볼 수 있습니다. 위에서 언급했듯이 무료 버전은 한 번에 50개씩만 처리가 가능하므로 이미지 개수가 많은 경우 매우 귀찮을 수 있습니다. 이 경우 Pro 버전에 가입하여 이미지 최적화를 한 번에 수행하고 (이미지가 많으면 시간이 많이 걸립니다), 전체 최적화가 완료되면 1개월 이내에 가입을 취소할 수 있습니다.

이미지 최적화 툴을 제공하는 사이트 이용하기

하지만 이미지 최적화 플러그인을 사용하면 이미지를 올리기 전에 이미지 최적화 플러그인을 통해 작업을 해주므로 서버 리소스를 사용하여 트래픽을 낭비할 수 있습니다.

대신 포토샵 같은 툴에서 이미지를 웹용에 맞게 최적화하여 저장하거나 https://compressor.io/ 또는 http://optimizilla.com/ 같은 사이트를 활용하여 이미지 크기를 줄이는 것이 더 바람직할 수 있습니다. (좋은 사이트를 알려주신 Matthew님께 감사드립니다^^)

compressor.io 같은 사이트에서 제공하는 툴을 사용하면 이미지를 압축하여 트래픽과 디스크 공간을 절약할 수 있다.

글을 올릴 때 이미지를 최적화하는 것이 귀찮을 수 있지만 사이트 속도 개선과 SEO, 그리고 디스크 공간과 트래픽을 절감할 수 있으므로 생활화하면 좋을 듯 합니다. 직접 최적화하는 작업이 귀찮으면 (별로 권장하지 않지만) 플러그인을 하나 설치해놓으면 됩니다.

참고:

7 개 댓글

  1. 혹시 구글포토등으로 이미지를 업로드후 가져오는데 이럴대도 이미지 최적화를 하고 구글에 올린다음에 가져오는게 도움이 될까요?

    • 안녕하세요?

      구글포토 등에 올려서 로드하면 약간 딜레이가 있을 것도 같네요.
      이미지 크기가 크면 로딩 속도도 그만큼 더 들겠죠.
      가능한 한 이미지 크기는 줄이는 것이 좋을 듯 합니다.

  2. 저도 이거 사용해 볼까요..??
    새로운 테마를 사용하니까 거기에 맞게 리사이즈 된 이미지가 새롭게 생기네요..
    여기에 맞게 각 플러그인을 비롯해서 보니 200M 용량이 사용 되어서 호스팅 용량도 문제되고 그러네요..
    이미지가 문제여서 고민입니다.

    • 저는 https://compressor.io/ 사이트를 이용하여 이미지를 최적화한 후에 이미지를 올리고 있습니다.
      조금 번거롭지만 이 방법이 별도의 플러그인을 사용하지 않고 괜찮은 것 같습니다.

  3. 저도 wp smush 플러그인을 쓰다가 그냥 tinypng.com 라는 사이트에서 이미지 용량 확 줄여서 포스팅합니다. 플러그인을 이용하는것보다 원 소스 자체에서 처리해버리는게 여러모로 좋을것 같아서 ㅎ

    • 네, 플러그인을 사용하지 말고 그림을 올리기 전에 최적화하는 것이 최선 같습니다.

      이런 플러그인을 사용하면 서버에서 불필요한 리소스를 사용하므로 별로 바람직하지 않겠죠.

      저는 전체적으로 최적화를 한 번 해주고, 그냥 비활성화했습니다.

  4. 이미지를 압축해주는 온라인 사이트로 http://optimizilla.com/ 이라는 사이트도 있네요. 위에 소개한 https://compressor.io/ 사이트가 제대로 작동하지 않을 때 대체 사이트로 이용할 수 있습니다.

댓글 남기기

Please enter your comment!
Please enter your name here