이미지 최적화 플러그인 Converter of media로 사이트 성능 개선

아이티장고

이미지 최적화를 해야 하는 이유

이미지 최적화 하는 개발자

이미지 최적화 여부는 웹사이트 성능에 큰 영향을 미치는 핵심 요소 중 하나입니다. 특히, 이미지의 용량은 웹사이트 로딩 속도에 큰 영향을 미치며, 웹사이트 로딩 속도는 곧 사용자 경험과 검색 엔진 순위에 있어서 매우 중요합니다.

그리고 초보자가 손쉽게 웹사이트 로딩 속도 향상에 기여할 수 있는 부분 중 하나가 이미지 최적화이기에 이것은 필수적으로 하는 것이 좋습니다.

오늘은 Converter of Media라는 플러그인을 설치한 다음, 이 플러그인을 사용하여 이미지를 최적화하는 것과 설정 방법을 알아보도록 하겠습니다.

이미지 최적화 매우 효과적인 Converter of Media 플러그인

해당 플러그인은 워드프레스 관리자 대시보드 내에서 이미지 파일을 WebP 및 AVIF 형식으로 변환하여 파일 크기를 줄여주며 변환 후에도 이미지 품질을 유지해주는 좋은 기능이 있습니다.

1.파일 크기 감소

이미지 최적화에 대해 정확히 이해하시려면 파일 확장자에 대해 알아야 합니다. 사실 일반적으로 많이 쓰이는 파일 확장자명 PNG, JPG, JPEG 등은 아시는 반면, WebP라는 확장자는 처음 들어보셨을 수도 있습니다.

파일 확장자 확인

WebP는 간단히 말하자면 구글에서 만들어서 제공하고 있는 웹용 확장자입니다. 위에서 언급한 확장자보다 파일 크기가 더 작고 웹에 로드도 더 빠르게 할 수 있도록 고안된 것이죠.

따라서, 이 플러그인을 사용하면 버튼 하나 클릭으로 손쉽게 내 웹사이트에 이미 로드된 파일 확장자를 WebP로 변환할 수 있습니다.

2.SEO 개선

SEO

이미지 최적화를 통해 웹 콘텐츠가 빠르게 업로드될 수 있다면, 사용자가 해당 사이트에 대한 만족도가 올라가며 트래픽 방문자 지수도 올라가 SEO에 긍정적인 영향을 주는 것은 당연지사가 됩니다.

3.이미지 최적화 자동화

이미지 업로드 시에 자동으로 WebP로 변환할 수 있도록 자동화 설정도 있어서 번거롭게 파일 변환 작업을 할 필요가 없습니다.

이미지 최적화 플러그인 Converter of Media 설치

이미지 최적화 플러그인 설치

그러면 Converter of Media 플러그인 설치를 해보겠습니다. 관리자페이지의 플러그인 > 새로 추가로 갑니다.

이미지 최적화 플러그인 Converter of Media

플러그인 검색창에 Converter of Media를 입력한 다음, 플러그인을 설치한 다음 활성화를 해줍니다.

image 2

설치 및 활성화가 완료되면 위와 같은 화면창이 뜨는데요. 플러그인 세팅하러 가기 버튼을 눌러줍니다.

Converter of Media 플러그인 초기 화면

다음과 같은 화면이 나오면 정상적으로 잘 설치가 된 것입니다. 해당 화면은 플러그인 기본 메인 화면입니다.

이미지 최적화 플러그인 Converter of Media 설정

이제 해야 할 것은 간단한 설정 몇 가지입니다. 필수적으로 해야 하는 것들 위주로 설명드리겠습니다.

변환할 파일 확장자명(WebP) 설정하기

 이미지 확장자 WebP로 설정

기본 메인 화면에서 Supporter output formats 이라는 항목이 보이실텐데요. 이미지 출력 형식을 정하라는 것입니다. AVIF와 WebP 2가지를 보실 수 있습니다. 여기서 AVIF가 사실 좀 더 좋은 이미지 확장자이지만, 유료이기에 무료 버전 WebP로 체크를 해주시면 됩니다.

이미지 최적화 자동화 설정하기

이미지 확장자 변환 자동화 설정

그리고 바로 하단에 새로운 이미지 변환이라는 항목이 있습니다. 이것은 미디어 라이브러리에 이미지를 업로드할 때 자동적으로 확장자를 변환할 수 있게끔 설정하는 것입니다. 만약 체크되어 있지 않다면 활성화를 해줍시다.

이미지 대량 최적화하기

이미지 최적화 대량 진행하기

다음으로는 Converter of Media 플러그인의 핵심 기능인 이미지 대량 최적화 기능입니다. 현재 사이트에 업로드된 이미지 항목을 모두 WebP로 변환 작업할 수 있습니다.

이미지 변환 진행 화면

대량 최적화 시작 버튼을 눌러 변환을 하면 위 화면과 같이 최적화가 진행이 됩니다.

이미지 최적화 완료 화면

다 완료된 화면을 보면 이미지 용량이 총 40%인 15.61MB가 절감된 것을 확인할 수 있네요.

최적화된 이미지 관리(결론)

이제 웹사이트에 업로드하는 모든 이미지가 자동으로 WebP 및 AVIF 형식으로 변환되기 때문에 원본 이미지와 비교하여서 파일 크기가 훨씬 작아지기 때문에, 웹페이지 로딩 속도를 크게 향상시킵니다.

그리고, 파일을 일일이 변환하는 작업을 할 필요가 없다는 점에서 콘텐츠 발행 속도와 효율성이 오르게 되는 장점도 있습니다. Converter for Media 플러그인을 통해 더 나은 사용자 경험과 검색 엔진 최적화를 하고 SEO를 향상시키기 바랍니다.

Leave a Comment