요즘 블로그나 웹사이트를 운영하는 사람이라면 한 번쯤 들어봤을 ShareX WebP(웹피). 이 포맷은 JPG나 PNG보다 용량은 작지만 화질은 뛰어나서 웹사이트 로딩 속도를 빠르게 해주는 고마운 형식이에요. 그런데 매번 스크린샷 찍고, 변환 프로그램 켜고, 저장하고… 귀찮아서 안 쓰게 되는 경우도 많죠.
그런데 이런 작업을 자동으로 처리해주는 방법이 있다면 어떨까요?
이번 글에서는 화면 캡처 프로그램 ShareX(쉐어엑스)를 활용해서 스크린샷을 찍는 동시에 자동으로 WebP로 변환되는 세팅 방법을 아주 쉽게, 차근차근 알려드릴게요. 블로그 운영자, 콘텐츠 제작자, 디자이너 분들께 특히 도움이 될 거예요!
🧠 WebP 포맷이 뭐예요?
먼저 간단하게 WebP에 대해 설명드릴게요.
- WebP는 구글에서 만든 이미지 포맷이에요.
- JPG보다 약 30% 정도 용량이 작으면서도 화질 손실이 거의 없어요.
- PNG처럼 투명 배경도 지원하고, 애니메이션도 만들 수 있어요.
- 요즘 워드프레스, 크롬, 엣지, 사파리 등 대부분의 브라우저에서 문제없이 표시돼요.
👉 한 마디로 웹사이트에 최적화된 이미지 포맷이란 뜻이죠!
📦 준비물: WebP 변환 툴 설치하기
WebP로 자동 변환하려면 먼저 구글에서 제공하는 변환 프로그램을 다운로드해야 해요.
① 아래 주소로 접속해서 파일을 받아요:
https://developers.google.com/speed/webp/download
② 운영체제에 맞는 버전을 다운로드
- Windows 사용자:
libwebp-xxx-windows-x64.zip을 선택 - 다운로드 후 압축을 풀어주세요
③ cwebp.exe 경로 복사
- 압축을 푼 폴더 안의
bin폴더로 들어가세요 cwebp.exe파일을 찾은 뒤 Shift + 마우스 우클릭 → 경로 복사를 선택- 예시 경로: 내 PC – 새 볼륭 (D:) – libwebp- 1.4.0-windows-x64 – din – cwebp
- 복사한 경로는 메모장 등에 저장해두세요.
⚙️ ShareX 세팅: 스크린샷 찍자마자 WebP로!
이제 본격적으로 ShareX에서 자동 변환 설정을 해볼게요.
1. ShareX 실행 후 [작업 설정] 열기
- 메뉴에서 ‘작업 설정(Task settings)’ 클릭
- 왼쪽 메뉴 중 ‘동작(Actions)’ 선택
2. 새 동작 추가
- 오른쪽 하단의 ‘추가(Add)’ 버튼 클릭
3. 동작 정보 입력
아래와 같이 설정해 주세요:
- 파일 경로: 아까 복사해둔
cwebp.exe의 경로
예) 내 PC – 새 볼륭 (D:) – libwebp- 1.4.0-windows-x64 – din – cwebp - 인자(Arguments): “$input” -q 90 -o “$output” 💡
-q90는 화질을 설정하는 값이에요. 기본적으로 90면 고화질이면서도 용량이 작아요.
4. 실행 조건 설정
- 좌측 메뉴에서 ‘촬영 뒤 할 일’ 항목 클릭
- ‘이미지를 파일로 저장하기’와 ‘동작 실행하기’ 둘 다 체크!
이렇게 하면 스크린샷을 저장하고 바로 WebP로 변환까지 자동으로 됩니다.
✍️ 이미지 편집기 쓸 때는 이렇게!
혹시 ShareX에서 찍은 이미지를 바로 편집기로 여는 경우도 있죠?
이럴 땐 꼭! 편집 후에 ‘변경 사항 적용’ 버튼을 눌러야 WebP 변환이 제대로 이뤄져요. 안 그러면 원본만 저장되고 변환이 안 될 수 있어요.
📂 출력된 파일은 어디로 가나요?
WebP로 변환된 이미지는 기본적으로 ShareX의 저장 폴더에 생겨요.
- 저장 경로는 [응용 프로그램 설정 > 경로]에서 변경 가능
- 출력 파일 이름은 원본과 동일하되
.webp확장자를 가집니다
이 방법을 쓰면 블로그에 올릴 이미지 용량을 절반 이하로 줄이면서도 화질은 그대로 유지할 수 있어요. 페이지 속도가 빨라지고, 구글 SEO 점수도 좋아져요. 특히 모바일 사용자가 많은 블로그일수록 체감 효과가 커요!
💡 구글 애드센스 승인도 페이지 로딩 속도가 중요한 평가 요소 중 하나예요. WebP는 필수입니다!
✅ 정리하면!
| 작업 | 설정 요약 |
|---|---|
| 준비 파일 | cwebp.exe 설치 |
| ShareX 설정 위치 | 작업 설정 > 동작 |
| 인자값 | “$input” -q 90 -o “$output” |
| 실행 타이밍 | 이미지 저장 후 자동 실행 |
| 저장 포맷 | WebP로 변환된 이미지 자동 저장 |
🧩 마무리하며
처음엔 조금 복잡해 보일 수 있지만, 한 번만 설정해두면 정말 편리해요. 이제 스크린샷 찍을 때마다 자동으로 WebP로 변환되니까 블로그 이미지 최적화도 걱정 끝! 여러분도 이 방법으로 더 빠르고 더 가벼운 블로그를 만들어 보세요.
ShareX로 WebP 변환을 설정했는데 이미지가 저장되지 않아요. 왜 그럴까요?
주된 원인은 설정 누락 또는 경로 오류일 가능성이 높습니다. 특히 다음 사항을 체크해보세요cwebp.exe의 경로가 정확히 입력되었는지
인자(Arguments) 항목에 "$input" -q 90 -o "$output" 이 올바르게 입력되었는지
ShareX의 “촬영 뒤 할 일” 설정에서 ‘이미지를 파일로 저장하기’와 ‘동작 실행하기’가 모두 체크되어 있는지
또한 이미지 편집기를 사용하는 경우, 편집 후 반드시 ‘변경 사항 적용’ 버튼을 눌러야 변환이 적용됩니다.
WebP 변환 화질을 조절하려면 어떻게 하나요?
ShareX에서 WebP 변환 시 사용하는 인자 값 중 -q 90 는 화질을 의미합니다. 이 숫자는 0~100 사이로 설정 가능하며, 숫자가 높을수록 화질이 좋고 용량이 커집니다.
추천 값
고화질 블로그 이미지: -q 80 ~ 100
빠른 로딩이 중요한 페이지: -q 60 ~ 70
변환된 WebP 파일이 블로그에 업로드되지 않아요. 어떻게 해결하죠?
워드프레스에서는 일부 서버 환경이나 테마, 플러그인 설정 때문에 WebP 이미지 업로드가 제한될 수 있습니다.
다음 방법들을 순서대로 확인해보세요
워드프레스 5.8 이상 사용 중인지 확인 (기본적으로 WebP 지원)
호스팅 업체에서 WebP MIME 타입 지원 여부 확인 (image/webp)
이미지 최적화 플러그인 사용 (예: WebP Express, ShortPixel, EWWW Image Optimizer)
