워드프레스에서 업로드한 이미지가 흐린 경우 – 기본 JPG 압축 변경 방법

2

워드프레스에서 이미지를 미디어 라이브러리에 업로드하면 원본 이미지는 그대로 두고 여러 가지 버전의 썸네일을 생성하게 됩니다. 알림판의 설정 > 미디어에서 기본적으로 생성되는 썸네일을 설정할 수 있습니다. 그리고 테마와 플러그인에서도 여러 가지 크기의 썸네일을 생성할 수 있습니다.

이미지를 업로드하기 전에 이미지를 웹용에 맞게 최적화하여 올리면 웹호스팅 공간도 줄이고 페이지 로딩 속도도 높여서 SEO(검색엔진최적화)에 긍정적인 영향을 미칩니다.

워드프레스에서는 EWWW Image Optimizer나 WP Smush 같은 플러그인을 사용하면 이미지를 업로드할 때 이미지 크기를 줄여줍니다.

저는 compressor.io라는 이미지 압축 서비스를 제공하는 사이트를 활용하여 이미지를 줄여서 올리고 있습니다. 포토샵을 열어서 이미지를 로드하여 웹용으로 저장하는 것이 귀찮아서 이 방법만을 이용하게 되네요.

워드프레스 이미지 압축 플러그인
워드프레스 이미지 압축 플러그인 WP Smush – 현재 100만 개가 넘는 사이트에 설치되어 사용되고 있다.

하지만 이런 플러그인을 사용하면 서버가 추가적인 작업을 해야 하므로 서버 자원을 소모하게 됩니다. 꼭 필요한 경우가 아니면 이런 플러그인을 사용하는 것보다 포토샵에서 이미지를 웹용으로 저장하는 것도 한 방법입니다. (“웹호스팅 용량 절약하기 – 이미지를 최적화하여 파일 크기를 줄여보자” 참고)

하지만 간혹 이미지를 올리면 원본에 비해 흐리게 표시되는 경우가 있습니다. 이런 경우 워드프레스의 기본 JPG 압축 기능 때문에 이런 현상이 나타날 수 있습니다.

워드프레스에서는 미디어 라이브러리에 올리는 이미지에 대하여 원본은 그대로 두고 썸네일을 만들 때 추가로 압축을 하게 됩니다. 이미 압축된 이미지를 올리게 되면 이중으로 압축되어 실제보다 흐리게 보일 수 있습니다.

워드프레스 4.5부터 워드프레스에서는 기본 압축 설정으로 82를 사용합니다. 이전 버전에서는 이 설정이 90이었습니다.

워드프레스 기본 JPG 압축 설정을 변경하는 방법

WP Smush 같은 이미지 압축 플러그인을 이미 사용하고 있는 경우 워드프레스 기본 압축 기능 때문에 이미지 품질이 떨어질 수 있습니다. 이 경우 기본 JPG 압축 설정을 적용하지 않도록 하는 것이 좋을 수 있습니다. 또는, 현재 올리는 이미지의 크기를 더 줄여서 웹호스팅 용량을 절약하고 싶을 수도 있습니다.

이러한 경우 테마의 함수 파일에 간단한 코드를 추가하여 워드프레스 기본 JPG 압축을 해제하거나 조정할 수 있습니다.

add_filter('jpeg_quality', function($arg){return 100;});

100은 이미지 품질이 가장 높음을 의미합니다. 즉, 이미지를 압축하지 않습니다.

압축률을 높이고 싶은 경우, 숫자를 조정해줍니다.

add_filter('jpeg_quality', function($arg){return 75;});

75로 설정하면 이미지가 기본 설정보다 더 압축되어 생성되는 썸네일 크기가 줄어들지만 그만큼 이미지 품질이 저하됩니다.

이 코드를 넣으면 새로 업로드되는 이미지에 대하여 썸네일을 만들 때 적용됩니다. 이전에 만들어진 썸네일에는 적용되지 않습니다. 이전에 생성된 버전에 대해서도 적용하려면 Regenerate Thumbnails 같은 플러그인을 사용하여 썸네일을 다시 생성해주면 됩니다.

마치며

이미지 해상도가 무조건 높다고 좋은 것은 아닙니다. 웹용에 맞게 이미지를 최적화하여 올리면 웹 공간도 절약하고 사이트 속도도 높일 수 있습니다.

또, 이미지를 업로드하면 설치된 테마와 플러그인에 따라 다양한 크기의 추가 이미지(썸네일)가 생성되어 의외로 많은 공간을 차지할 수 있습니다. 그러므로 저렴한 웹호스팅에 가입하면 금방 웹호스팅 디스크 공간이 소진됩니다. 이 때문에 “업로드된 파일이 wp-content/uploads/2018/10 로 옮겨질 수 없습니다“와 같은 오류가 발생할 수 있습니다.

이미지 업로드 오류는 권한 문제 등 여러 가지가 원인일 수 있지만, 최근에는 주로 웹호스팅 공간 부족인 경우가 많습니다. 더 큰 웹호스팅 공간이 필요한 경우 블루호스트사이트그라운드 같은 해외 호스팅을 이용해볼 수 있습니다.

*일부 글에 제휴링크가 포함될 수 있습니다.기부를 통해 블로그 운영을 후원하실 수 있습니다.

Related Posts

2개 댓글
  1. Adi Jang

    저는 Mac OS를 사용중인데
    ImageOptim 이라는 프로그램으로 이미지 압축을 하고 있습니다.
    제일 편하더라구요.
    윈도우에는 있는지 모르겠지만…

    1. Word

      맥에서 사용할 수 있는 이미 압축 프로그램에 대한 정보를 알려주셔서 감사합니다.

      포토샵에서 이미지를 웹에 최적화하여 저장하는 기능을 제공합니다.

      맥을 사용해보고 싶지만, 활용성이 떨어질 것 같아서 선뜻 구입은는 못 하고 있습니다.

댓글 남기기