Converter for Media 플러그인은 PNG, JPEG, GIF 포맷을 WebP 또는 AVIF 포맷으로 변환하는 플러그인입니다. WebP 이미지를 사용하면 이미지 크기가 줄어들어 페이지 로딩 속도가 향상되고 네트워크 트래픽도 절감할 수 있습니다. 본 글에서는 Converter for Media 플러그인을 설정하는 방법에 대해서 알아보도록 하겠습니다.
WebP vs AVIF
WebP는 구글에 의해 개발된 웹 환경을 위한 이미지 포맷으로 JPEG, PNG, GIF 등 기존 이미지 포맷보다 더 효율적인 이미지 압축을 제공합니다. 손실 압축과 무손실 압축을 모두 지원하고 손실 압축의 경우 JPEG에 비해 약 30% 정도 무손실 압축의 경우 PNG에 비해 약 20~30% 정도 파일 크기가 줄어 웹 사이트 최적화에 유리합니다.
AVIF(AV1-based Image Format)는 Alliance for Open Media에서 개발한 AOMedia Video 1(AV1) 비디오 덱을 기반으로 한 이미지 포맷입니다. 이 포맷은 WebP 보다 더 높은 압축 효율을 자랑하여 고품질 이미지를 매우 작은 파일 크기로 변환할 수 있습니다. 그러나 AVIF는 상대적으로 WebP 보다 새로운 포맷이기 때문에 WebP 보다 지원하는 브라우저가 적고, 처리 시간이 더 길 수 있습니다.
Converter for Media 설치
플러그인 메뉴에서 Converter for Media 검색 후 설치 및 활성화 합니다.
Converter for Media 설정
플러그인 설정을 완료하면 설정 메뉴에 Converter for Media 항목이 추가 됩니다.
Converter for Media 메뉴를 클릭하여 설정 화면으로 이동합니다.
General Settings
Conversion strategy 항목에서는 이미지의 압축 레벨을 선택할 수 있습니다. 보통 Optimal 항목을 사용합니다.
Supported output formats 항목에서는 출력 포맷을 설정할 수 있습니다. 무료 버전에서는 WebP 포맷 만 선택할 수 있습니다. AVIF 포맷은 유료 버전에서만 선택 가능한데 개인블로그에서는 WebP 포맷만으로도 충분합니다.
Supported directories 항목에서는 미디어를 변환할 디렉토리를 선택합니다. 기본적으로 uploads 가 선택되어 있으며 보통 이 설정을 그대로 사용합니다.
Maximum image dimensions 항목에서는 이미지의 크기를 제한할 수 있습니다.
Conversion of new images 항목에서는 이미지 파일 업로드 할 때 자동으로 변환할지 선택할 수 있습니다. 직접 WebP 포맷을 업로드 하는 경우가 아니라면 해당 항목을 활성화 합니다.
[Start Bulk Optimization] 버튼을 눌러 기존 이미지를 모두 WebP로 변환할 수 있습니다.
Advanced Settings
Supported files extensions 항목에서는 변환하고자 하는 파일 포맷을 선택할 수 있습니다.
Conversion method 항목에서는 변환 방법에 대해서 설정할 수 있습니다. 보통 Imagick와 GD의 차이를 거의 느끼지 못합니다. Imagick이 특정 색상을 처리하는 데 더 좋기 때문에 보통 Imagick 항목을 선택합니다.
Image loading mode 항목에서는 이미지 로딩 모드를 지정할 수 있습니다. via .htaccess / Nginx 선택 시 오류가 발생하면 Pass Thru 항목을 선택하거나 Nginx 설정을 변경해야 합니다. 클라우드 웨이즈 호스팅하는 경우 Bypassing Nginx 항목을 선택하거거나 애플리케이션에서 WEBP Redirection 옵션을 활성화 합니다.
Excluded directories 항목에서는 이미지 변환 시 제외할 폴더 이름을 콤마로 구분하여 입력합니다.
Extra features 항목에서는 추가 기능을 설정할 수 있습니다. 기본적으로 생성된 포맷의 파일이 원본 이미지 파일보다 큰 경우에 자동으로 제거(Automatic removal of files in output formats larger than the original ones)하는 첫 번째 옵션이 선택되어 있습니다.