블로그 이미지 최적화 툴 - WebP 변환, 크기 변경, 압축 올인원 솔루션

블로그에 이미지를 업로드할 때는 원본 그대로 올리기보다 용량을 줄여서 올리는 것이 SEO에 유리합니다. 이미지 용량이 크면 페이지 로딩 속도가 느려지고, 그만큼 트래픽 사용량도 늘어나기 때문입니다.

특히 워드프레스에서는 이미지 최적화가 더욱 중요합니다. 티스토리는 큰 이미지를 올려도 서버 비용을 플랫폼에서 부담하지만, 워드프레스는 서버 용량과 트래픽이 제한되어 있어 이미지를 최적화하지 않으면 사이트 속도 저하와 비용 증가로 이어질 수 있습니다. 따라서 워드프레스를 운영한다면 이미지를 업로드하기 전에 최대한 압축하고 크기를 줄이는 습관을 들이는 것이 좋습니다.

이때까지 저는 Snagit이라는 유료 프로그램으로 이미지 크기를 조정한 뒤 WebP 포맷으로 저장하고, 변환된 파일을 Compressor라는 이미지 압축 사이트에서 한 번 더 압축해 용량을 크게 줄인 다음 블로그에 업로드해 왔습니다. 하지만 이 과정이 상당히 번거로웠고, Compressor의 무료 플랜에서는 이미지 품질을 직접 설정할 수 없는 데다 압축 가능한 이미지 개수도 제한되어 있다는 아쉬움이 있었습니다.

그래서 그동안 여러 유료·무료 프로그램과 툴을 사용하면서 느꼈던 이런 불편함들을 보완하여, WebP 변환·리사이징·품질 설정(압축)을 한 번에 처리할 수 있는 도구를 워드프레스로 직접 구현해 보았습니다.

블로그를 운영하는 경우 활용해 보시기 바랍니다. 별도의 프로그램이나 도구 없이 원스톱으로 이미지를 WebP로 변환하고 이미지 크기와 용량을 줄일 수 있습니다. 네이버 블로그를 하는 경우 WEBP 파일이나 PNG 파일을 JPG 파일로 변환하여 이미지 용량을 줄이는 것이 가능합니다.

블로그 이미지 최적화 툴 - WebP 변환, 크기 변경, 압축 올인원 솔루션

오랫동안 이미지를 변환하고 크기를 변경하고 압축하는 다양한 프로그램과 도구를 사용하면서 불편한 점을 보완하여 한 곳에서 이러한 기능을 제공하는 도구를 워드프레스로 만들어 보았습니다.😄

저는 이미지를 압축할 때 compressor라는 온라인 사이트를 이용해 왔습니다. 스내그잇으로 WEBP로 변환한 후에 이 사이트에서 압축하여 이미지 크기를 줄일 수 있었습니다. 다만, 무료 요금제에서는 하루 50개까지 업로드가 가능하고 이미지 퀄리티를 선택하는 옵션이 제공되지 않습니다.

유료로 전환하는 것도 고려해 보았습니다만, 이런 기능 때문에 연간 50달러를 지불하는 것이 조금 아깝게 생각되었습니다.

이왕이면 내가 원하는 기능을 모아서 하나의 툴에 넣어보자는 생각으로 워드프레스에서 WebP/JPG 변환, 이미지 크기 변경, 이미지 품질 설정을 한곳에서 하도록 구현했습니다.

블로그에 이미지를 올릴 때 이미지 용량을 크게 줄여서 서버 공간을 절감하고 트래픽도 아낄 수 있습니다😄

WEBP 파일로 변환, 이미지 해상도 크기 변경, 이미지 품질 설정(압축) 등의 작업을 원스톱으로 진행할 수 있어 생산성 향상을 기대할 수 있습니다.

• JPG·JPEG·PNG·WebP 파일을 불러와 원하는 이미지 형식으로 처리
• 출력 형식을 WebP, JPG 또는 원본 형식 유지 중에서 선택
• PNG 파일을 JPG로 바꾸어 품질 조절 및 용량 축소 가능
• 이미지 품질을 40~100% 범위에서 세밀하게 설정
• 원본 대비 비율을 지정하여 이미지 크기 축소
• 최대 가로폭을 입력하면 원본 비율에 맞춰 세로 크기 자동 조정
• 최대 15장의 이미지를 한 번에 선택하고 순차적으로 처리
• 선택한 파일의 이름·해상도·용량을 변환 전에 확인
• 결과 화면에서 변환 전후 용량과 절감률 또는 증가율 표시
• 변환된 이미지를 파일별로 저장하거나 ZIP으로 일괄 다운로드
• WebP 및 원본 형식 유지 시 용량이 감소한 결과만 다운로드 제공
• JPG 변환 결과는 파일 크기 변화와 관계없이 다운로드 가능
• 이미지 처리를 방문자의 브라우저에서 수행하여 서버 업로드와 보관이 불필요

처음에는 WebP 포맷으로 변환하고 이미지 퀄리티를 조정하여 이미지 파일 용량을 줄이는 것으로 시작했지만, 생각나는 기능을 추가하다 보니 조금 복잡해졌지만, 제가 딱 원하는 기능을 제공하는 툴이 되었습니다.😊

이제 기능은 더 이상 추가하지 않을 생각이지만, 혹시 유용한 기능이 필요하다면 추가할지도 모르겠습니다.

업로드하는 이미지는 서버로 전송되지 않고 사용자 브라우저 내에서 변환 작업이 처리되므로 안심하고 이용할 수 있습니다. 서버로 이미지를 전송하고 서버에서 이미지 변환 액션을 처리한다면 서버에서 감당을 하지 못할 것 같아서 최대한 서버에 부담을 주지 않으면서 사용자는 개인정보 유출 없이 안심하고 이용할 수 있습니다.

💡무료 WEBP 변환, 이미지 크기 변경 및 압축 도구

참고

https://avada.tistory.com/4008

워드프레스 블로그 - 10년 전과 현재 비교

https://avada.tistory.com/4006

블로그스팟, 티스토리 게시글을 워드프레스로 이전하는 방법