빠른 사용법
세 단계로 확인합니다.
- 1raster 이미지를 선택합니다
PNG·JPEG·GIF·WebP 10MB 이하 파일의 signature와 헤더 dimension을 먼저 검사합니다.
- 2최대 크기·포맷·품질을 정합니다
가로세로 비율을 유지해 확대 없이 4000px·16MP 출력 안으로 줄입니다.
- 3canvas 결과를 Blob으로 저장합니다
createImageBitmap 디코딩 후 JPEG·PNG·WebP toBlob 결과와 실제 MIME을 확인해 다운로드합니다.
결과 읽기
이미지 리사이즈는 pixel 수뿐 아니라 포맷 특성과 메타데이터 손실을 확인해야 합니다.
canvas 재인코딩은 EXIF·ICC·animation·일부 투명도 정보를 보존하지 않으며 JPEG·PNG·WebP 선택에 따라 화질과 용량이 달라집니다.HEADER디코딩 전 검증
magic byte·dimension·24MP 원본 예산을 확인한 뒤 createImageBitmap을 호출합니다.
FIT비율 유지 축소
가로·세로 최대값 중 작은 비율을 적용하고 원본보다 확대하지 않습니다.
LIFE자원 해제
stale bitmap을 close하고 pagehide에서 bitmap을 해제하며 다운로드 object URL을 revoke합니다.
GIF·WebP 애니메이션은 정지 첫 프레임이 되고 EXIF·ICC 등 메타데이터는 제거될 수 있습니다. JPEG 투명 영역과 WebP 브라우저 지원, 최종 파일 크기·선명도를 다운로드 후 확인하세요.
이럴 때 유용합니다.
- 업로드 전 이미지 축소
- OG·카드 썸네일 크기 조정
- JPEG/PNG/WebP 용량 비교
함께 확인하세요.
- 애니메이션·메타데이터 손실
- 10MB·24MP 원본·16MP 출력 상한
- 다운로드 후 MIME·화질 재확인
자주 묻는 질문
사용 전 알아둘 점
이미지가 서버로 올라가나요?
아닙니다. File API·createImageBitmap·canvas가 현재 브라우저에서만 처리합니다.
GIF 애니메이션도 유지되나요?
아닙니다. canvas로 다시 그리므로 정지 프레임 이미지가 됩니다.
원본보다 크게 만들 수 있나요?
품질 저하와 메모리 증가를 막기 위해 확대하지 않고 최대 크기 안에서 축소만 합니다.