워드프레스 이미지 최적화 플러그인 Converter for Media 설정방법 > 워드프레스 가이드북

안녕하세요, 온부닷컴입니다. 지난 시간에는 애드센스 수익화를 위해 꼭 필요한 워드프레스 필수 플러그인을 설치하는 과정을 안내해드렸습니다. 이번에는 이미지 최적화에 꼭 필요한 Converter for Media 플러그인의 설정 방법을 차근차근 살펴보겠습니다. 어렵지 않으니 천천히 따라해 보시길 바랍니다.
## Converter for Media이 하는 역활 Converter for Media는 이미지 용량을 효율적으로 줄이고, 리사이즈와 포맷 변환을 통해 페이지에 꼭 필요한 크기와 형식의 이미지를 자동으로 제공하는 플러그인입니다. 같은 이미지를 여러 해상도로 생성해 반응형 레이아웃에 맞춰 노출하고, 불필요한 용량을 줄여 로딩 속도를 개선합니다. 또한 PNG·JPG 등 기존 확장자를 WebP(옵션으로 AVIF) 로 변환해 용량이 적은 파일을 제공합니다. WebP는 구글이 공식적으로 권장하는 차세대 이미지 포맷으로, 기존 JPG 대비 평균 25\~35% 정도 용량이 적으면서도 화질 손실이 거의 없습니다. 사용자의 브라우저가 WebP나 AVIF를 지원하면 해당 포맷으로, 지원하지 않으면 원본 PNG/JPG를 자동으로 제공하는 폴백 처리도 가능합니다. 이로써 이미지 품질은 유지하면서 사이트 로딩 속도와 코어 웹 바이탈(LCP 등) 지표 개선에 큰 도움이 됩니다. 즉 쉽게 말하면 이 플러그인 하나만 설치해두면 어떤 확장자로 이미지를 업로드하더라도 **구글 노출에 유리한 이미지 확장자(WebP)로 자동 변환되어** **글 또는 페이지의 로딩 속도가 빨라진다**고 이해하시면 됩니다.
## Converter for Media 설치 완료 확인 ![!\[image\]](https://www.on-bu.com/data/editor/2510/832981173_17603254064731.png) Converter for Media 플러그인 설치 후 Advanced Settings 화면으로 이동해 에러가 나 있는지 확인부터 하겠습니다. 카페24의 경우에는 서버에 기본적으로 Webp redirect가 설정되어 있기 때문에 에러가 나지 않습니다. 반면 클라우드웨이즈를 서버로 이용하는 경우에는 에러가 나는데요. 이런 경우 아래와 같이 조치해 Webp redirect가 설정해주면 됩니다. 클라우드웨이즈 관리자 접속 - 워드프레스가 설치되어 있는 어플리케이션 접속 - Application Settings - WerdPress Settings로 이동합니다. ![!\[image\]](https://www.on-bu.com/data/editor/2510/832981173_17603257050878.png) 여기 4번째에 WEBP REdirection 이라는 옵션이 있는데 이걸 켜주면 됩니다. 클라우드웨이즈 기본세팅은 꺼져 있으니 이걸 활성화하면 Converter for Media 플러그인이 에러없이 정상 설치됩니다. ![!\[image\]](https://www.on-bu.com/data/editor/2510/832981173_1760325825272.png) 이 설정은 어플리케이션 개별 설정이기 때문에 어플리케이션마다 설정을 해줘야 한다는 점 참고해주세요.
끝으로 AWS 라이트 세일의 경우 WEBP REdirect를 직접 구현해야 하는데 이게 난이도가 상당히 높습니다. 따라서 AWS 라이트세일을 이용하고 계신 분은 다른 이미지 플러그인을 설치하는 것을 추천드립니다. ## Converter for Media 기본 설정 먼저 워드프레스 관리자 접속 - 좌측 메뉴 중 플러그인으로 메뉴를 이동해서 Converter for Media 플러그인이 설치되어 있는지 확인합니다. ![!\[image\]](https://www.on-bu.com/data/editor/2510/832981173_17603246615173.png) 설치가 되었다면 플러그인 목록에 위와 같이 표시가 되어 있을 텐데요. 만약 위의 플러그인이 보이지 않는다면 설치가 되어 있지 않은 것이니 플러그인 설치를 진행합니다. Settings를 눌러 세팅 화면으로 진입하겠습니다. ![!\[image\]](https://www.on-bu.com/data/editor/2510/832981173_17603247402777.png) ### Conversion strategy ![!\[image\]](https://www.on-bu.com/data/editor/2510/832981173_17603249327296.png) 첫번째 항목인 Conversion strategy는 얼마만큼 이미지를 압축할거냐 하는 것인데 좌측 Lossy로 갈수록 용량은 적어지나 이미지 품질에 손상이 있을 수 있습니다. 보통은 좌측에서 두번째 혹은 Optimal를 선택하는 것이 일반적입니다. 여기서는 Optimal로 설정하고 넘어가겠습니다. 처음 플러그인을 설치하면 자동으로 Optimal로 세팅되기 때문에 별도로 손댈 것은 없습니다. ### Supported output formats ![!\[image\]](https://www.on-bu.com/data/editor/2510/832981173_17603249455093.png) Supported output formats은 어떤 포멧으로 생성할 것인지 물어보는 항목입니다. AVIF는 유료버전만 되니 지금은 Webp로 설정하겠습니다. 이 역시 처음 설치하면 자동으로 Webp로 설정되어 있기 때문에 별도로 설정하지 않아도 됩니다. ### Supported directories ![!\[image\]](https://www.on-bu.com/data/editor/2510/832981173_17603250464826.png) Supported directories 항목은 어떤 폴더의 이미지를 변환할 것인지 지정하는 것인데요. 워드프레스는 파일이나 이미지는 uploads 폴더에 저장되기 때문에 이 폴더를 선택하면 됩니다. 이 부분 역시 플러그인 설치 시 자동으로 설정되어 있습니다. ![!\[image\]](https://www.on-bu.com/data/editor/2510/832981173_17603251877182.png) 설정이 완료되었으면 Save Changes 버튼을 누르면 자동으로 업로드 폴더에 있는 이미지가 Webp 확장자로 변환됩니다. Converter for Media 플러그인 설치 이후에 업로드된 이미지는 자동으로 Webp 확장자로 변환되기 때문에 설치 초기에 한번만 Save Changes 버튼을 눌러 변환하면 됩니다.