블로그 대표 이미지
원본 비율을 유지해 게시 영역의 가로 폭으로 줄이고 WebP 결과의 선명도와 실제 바이트를 함께 확인합니다.
브라우저 이미지 변환 도구
이미지 크기를 줄이고
WebP로 압축·변환하세요.
JPEG, PNG, WebP 파일을 브라우저에서 열어 크기와 품질을 조절한 뒤 새 이미지로 저장합니다.
01 · IMAGE RESIZE
업로드 없이 이미지 크기와 용량을 줄입니다.
20MiB 이하 파일을 처리하며 변환 결과의 최대 가로 또는 세로는 8192px로 제한합니다.
원본이미지를 선택하면 원본 정보가 표시됩니다.
결과결과 이미지가 아직 없습니다.
실무에서 쓰는 경우
업로드 제한 맞추기
메일이나 게시판의 첨부 제한에 맞춰 긴 변과 품질을 단계적으로 낮춘 뒤 결과 파일 크기를 확인합니다.
민감한 사진 로컬 변환
선택한 파일을 서버로 전송하지 않고 현재 브라우저의 Canvas에서 변환합니다.
검산 가능한 예시
대표 이미지 변환
4000×3000 JPEG에서 가로 1200, 비율 유지, WebP 품질 80을 선택하면 1200×900 WebP가 됩니다. 용량은 생성된 Blob의 실제 바이트를 확인합니다.
투명 배경 유지
투명 PNG를 PNG나 WebP로 저장하면 투명 영역을 유지할 수 있습니다. JPEG를 선택하면 투명 영역은 흰색이 됩니다.
첨부파일 축소
2400×1600 사진의 긴 변을 1200으로 줄이고 비율을 유지하면 결과 치수는 1200×800입니다.
이미지 변환 FAQ
품질 80이면 파일 용량이 20% 줄어드나요?
아니요. 품질값은 인코더 입력값이며 실제 용량은 이미지의 색상·복잡도·형식과 브라우저 구현에 따라 달라집니다.
JPEG에서 투명 배경이 사라지는 이유는 무엇인가요?
JPEG가 알파 채널을 지원하지 않아 변환 전 Canvas의 투명 영역을 흰색으로 채우기 때문입니다.
HEIC나 움직이는 GIF도 변환할 수 있나요?
아니요. 입력은 JPEG, PNG, WebP 정지 이미지만 지원합니다.
결과 파일 크기를 미리 보장할 수 있나요?
아니요. 변환 후 브라우저가 만든 Blob의 실제 바이트를 확인하고 필요하면 치수나 품질을 다시 조정하세요.
브라우저 변환 근거
File → createImageBitmap → Canvas → toBlob 순서로 파일을 읽고 다시 인코딩합니다.
파일은 로컬에서 읽습니다
File API와 createImageBitmap으로 현재 브라우저에서 원본을 디코딩합니다.
비율은 원본 치수로 계산합니다
비율 유지가 켜져 있으면 입력한 한쪽 치수와 원본 가로세로 비율로 반대쪽 치수를 계산합니다.
실제 Blob을 측정합니다
Canvas toBlob 결과의 실제 바이트를 표시합니다. 품질 숫자만으로 파일 크기를 미리 보장하지 않습니다.
지원 범위와 한계
브라우저 메모리와 이미지 코덱의 범위를 넘는 입력은 처리하지 않습니다.
형식과 크기 제한
JPEG·PNG·WebP만 입력할 수 있고 파일은 최대 20MiB, 결과의 각 변은 최대 8,192px입니다. GIF·HEIC·애니메이션은 지원하지 않습니다.
품질은 용량 비율이 아닙니다
품질 80이 용량 20% 감소를 뜻하지 않습니다. PNG는 브라우저에 따라 품질값이 용량에 거의 영향을 주지 않을 수 있습니다.
투명도와 치수 예외
JPEG 결과의 투명 영역은 흰색입니다. 잘못된 치수 입력은 일부 경우 원본 치수로 돌아갈 수 있으므로 결과 메타를 확인하세요.
검토와 참고 자료
검토 기록마지막 검토:
로직 버전: 20260724-1
치수 로직 버전: 20260722-1
결과 확인원하는 바이트를 보장하지 않으므로 미리보기, 결과 치수, 실제 Blob 크기를 모두 확인하세요.
WebP 품질·투명도 가이드
이미지 변환 오류 신고 — 원본 파일은 보내지 말고 MIME, 바이트, 치수, 형식, 브라우저만 적어 주세요.