워드프레스 블로그에 용량이 큰 이미지를 그대로 업로드하면 페이지가 느리게 표시되고 서버 저장 공간도 빠르게 소모될 수 있습니다. 이런 문제를 줄이는 간단한 방법이 이미지를 WebP 형식으로 변환하고 적절하게 압축하는 것입니다.
저는 프로그램을 사용하여 WebP 포맷으로 변환하고 온라인 압축 사이트에서 변환된 WebP 이미지를 추가로 압축하여 블로그에 업로드해왔습니다. 이 방법은 다소 번거롭고 이미지 압축 사이트의 무료 플랜에서는 몇 가지 제약이 있어서 워드프레스로 JPG/PNG 파일을 WebP 형식으로 변환하고 크기 변경, 압축까지 함께 할 수 있는 WebP 변환, 압축 및 크기 변경 기능을 구현해 보았습니다. 기존 WebP 이미지도 원하는 품질로 다시 압축할 수 있어 워드프레스 이미지 최적화가 필요한 경우 유용하게 활용할 수 있습니다.
이미지 최적화를 위해 기존에 사용하던 방식
저는 Snagit이라는 유료 캡처 프로그램을 사용하여 화면을 캡처한 다음, 이미지 크기를 변경(리사이징) 및 WebP 포맷으로 저장하고, 변환된 WebP 파일을 온라인 압축 사이트에서 추가로 압축하여 이미지 용량을 크게 줄여왔습니다.
스내그잇은 유료이지만 컴퓨터 화면을 간편하게 캡처하고 간단한 편집 작업까지 할 수 있어서 오래 전부터 이용해오고 있습니다. 특히 이 프로그램은 WebP 포맷으로 저장하는 기능도 제공하고 있습니다.
무료로 WebP 형식으로 저장하고 싶은 경우 여러 가지 방법이 있는데, 그 중 하나로 꿀뷰라는 무료 이미지 뷰어 프로그램을 사용할 수 있습니다.
그리고 구글링해 보면 다양한 이미지 압축 사이트가 있습니다. 저는 compressor.io이라는 사이트를 오랫동안 사용해 왔습니다.
JPG, PNG, GIF, SVG, WEBP 파일을 압축할 수 있으며, 한 번에 10개까지 업로드할 수 있고, 무료 플랜에서는 하루 50개까지 사용이 가능합니다. 브라우저를 바꾸더라도 IP 주소를 추적해서 하루 50개 제한이 적용됩니다.
유료 요금제를 이용하면 무제한 압축이 가능하고, 이미지 크기 조절, 고급 압축 설정(압축 퀄리티 지정)을 지원합니다. 무료에서는 파일들을 최대 10MB까지 압축이 가능하고, 유료에서는 20MB까지 압축이 가능합니다.
저는 가끔 하루 50개 이상 이미지를 압축해야 하는 경우가 있어서 유료 플랜을 고려해 보았지만, 이런 기능 때문에 개인이 연간 50달러를 지불하는 것은 부담이 되는 것 같아서 직접 만들어 보기로 했습니다. 그래서 워드프레스로 WEBP 변환, 크기 변경 및 압축 기능을 구현해 보았습니다.
참고로 워드프레스에 사진 등 이미지를 올릴 때 WEBP 포맷으로 변환해주는 플러그인이 있습니다. 이 플러그인을 사용하면 서버에서 이미지를 변환하며 별도의 공간에 저장되므로 더 많은 서버 공간이 요구됩니다.
무료 온라인 WebP 변환, 압축, 크기 변경 툴
워드프레스에서 이미지를 WebP 포맷으로 변환하고 압축하면 기존 JPEG나 PNG 대비 시각적 품질 저하 없이 파일 크기를 최대 30% 이상 대폭 줄일 수 있어 페이지 로딩 속도가 눈에 띄게 빨라집니다. 이는 호스팅 대역폭(트래픽)과 서버 디스크 공간을 절약할 뿐만 아니라, 구글 코어 웹 바이탈(Core Web Vitals)의 LCP(Largest Contentful Paint) 점수를 개선하여 검색엔진 최적화(SEO)와 검색 순위에 유리하게 작용합니다. 결과적으로 빠른 로딩 환경은 방문자의 이탈률을 낮추고 체류 시간을 늘려 전반적인 사용자 경험과 사이트 전환율을 극대화하는 핵심 기반이 됩니다.
카페24와 같은 국내 호스팅을 이용하는 경우 이미지 크기를 최적화하지 않고 업로드하면 생각보다 빠르게 웹 용량이 부족해질 수 있습니다. 클라우드웨이즈(Cloudways)와 같은 호스팅을 이용하는 경우 웹 용량이 충분한 편이지만, 이 경우에도 이미지 크기를 최적화하여 업로드하는 것이 페이지 로딩 속도 향상, 트래픽 절감 등의 측면에서 바람직합니다. 큰 이미지를 크기를 줄이지 않고 업로드할 경우 페이지 속도 저하로 사용자 이탈률이 증가할 수 있습니다.
저는 이때까지 Snagit을 사용하여 이미지 크기를 변경(리사이징)하고 WEBP 포맷으로 저장한 다음, compressor[.]io 사이트에서 이미지를 압축하여 이미지 크기를 줄였습니다. 이러한 방법은 다소 번거로울 수 있고, compressor 사이트의 무료 플랜에서 지원되지 않는 기능이 있어 개인적으로 사용하기 위해 이미지를 빠르게 WEBP 포맷으로 변환하고 크기 변경, 압축까지 할 수 있는 기능을 워드프레스로 구현해 보았습니다.
브라우저에 업로드하는 파일은 서버에 저장되지 않으므로 안심하고 이용하실 수 있습니다.
이 WebP 변환 및 압축 도구는 워드프레스에 이미지를 업로드하기 전에 파일 형식과 용량을 간편하게 최적화할 수 있도록 제작되었습니다. 별도의 프로그램이나 회원가입 없이 웹브라우저에서 바로 이용할 수 있습니다.
- JPG·JPEG·PNG 이미지를 WebP 형식으로 변환
- 기존 WebP 이미지의 품질 조절 및 재압축
- WebP 변환 여부를 선택하여 원본 이미지 형식 유지 가능
- 품질 슬라이더를 이용한 JPG·WebP 압축률 설정
- 비율 또는 최대 가로폭을 기준으로 이미지 크기 변경
- 원본 비율을 유지한 자동 리사이징
- 최대 15개 이미지 일괄 처리
- 변환 전후의 파일 크기와 해상도 표시
- 용량이 줄어든 이미지만 선택적으로 다운로드
- 변환 결과 전체를 ZIP 파일로 한 번에 다운로드
- 모든 이미지 처리를 사용자 브라우저에서 수행
- 서버에 이미지를 업로드하거나 저장하지 않아 빠르고 안전하게 이용 가능
사용은 직관적입니다.
변환 후에 파일 크기가 감소하지 않으면 다운로드가 되지 않도록 처리했습니다.
이미지 크기 변경을 체크하면 최대 가로폭을 지정하여 리사징하거나, 비율(5% 단위로 지정)로 크기를 변경할 수 있습니다.
이미지 품질 슬라이더를 왼쪽으로 이동시켜 이미지 품질을 낮추면 용량이 줄어들지만 화질은 그만큼 저하됩니다.
편의상 WebP 변환 선택 여부를 지정하는 옵션을 추가했습니다. 기본적으로 WebP로 변환 옵션이 활성화되어 있으며, 이 옵션을 해제하면 WebP로 변환되지 않고 원본 이미지 파일 포맷이 유지됩니다.
충분한 테스트를 거치지 않았으며 버그가 있을 수 있습니다. 버그가 있거나 기능 개선 제한 사항이 있으면 아래 댓글을 통해 알려주세요.
업데이트: JPG로 변환 옵션 추가
PNG를 JPG로 변환할 수 있도록 WEBP로 변환 옵션뿐만 아니라 JPG로 변환 옵션도 추가했습니다.
Q&A (질문과 답변)
Q1. 이미지를 업로드하면 서버에 저장되나요?
아니오. 모든 변환 및 압축 작업은 사용자의 브라우저에서 직접 처리되며, 이미지 파일이 서버로 전송되거나 저장되지 않습니다. 개인 사진이나 민감한 이미지도 안심하고 사용하실 수 있습니다.
Q2. 한 번에 몇 개의 이미지까지 처리할 수 있나요?
최대 15개의 이미지를 한 번에 일괄 처리할 수 있습니다. 처리가 끝나면 개별 다운로드는 물론, 전체 결과를 ZIP 파일로 한꺼번에 받으실 수도 있습니다.
Q3. WebP로 변환하지 않고 원본 포맷 그대로 압축만 할 수도 있나요?
네, 가능합니다. 기본적으로 WebP 변환 옵션이 켜져 있지만, 이 옵션을 해제하면 JPG나 PNG 같은 원본 포맷을 유지한 채 압축과 크기 변경만 적용됩니다.
Q4. 변환 후 오히려 용량이 늘어나는 경우도 있나요?
드물게 원본 이미지의 특성에 따라 변환 후 용량이 줄지 않는 경우가 있을 수 있습니다. 이런 경우를 대비해 파일 크기가 실제로 감소하지 않으면 다운로드가 되지 않도록 처리해 두었으니 걱정 없이 사용하셔도 됩니다.
Q5. 이미지 크기(해상도)는 어떤 방식으로 조절하나요?
두 가지 방식을 지원합니다. 최대 가로폭을 픽셀 단위로 직접 지정하거나, 원본 대비 비율(예: 90%, 5% 단위)로 지정할 수 있습니다. 두 경우 모두 원본 비율을 유지한 채 자동으로 리사이징됩니다.
Q6. compressor 같은 유료 압축 사이트와 비교하면 어떤 점이 다른가요?
compressor[.]io는 무료 플랜 기준 하루 50개, 파일당 10MB 제한이 있고 IP로 사용량을 추적합니다. 반면 이 도구는 별도 가입이나 결제 없이 브라우저에서 바로 이용할 수 있고, 변환·압축·리사이징을 한 번의 작업으로 처리할 수 있다는 점이 다릅니다. 다만 충분한 테스트를 거치지 않았으므로 버그가 있을 수 있다는 점은 참고해 주세요.
댓글 남기기