- 크기를 바꿀 이미지를 드래그 앤 드롭하거나 클릭해 업로드합니다.
- 원하는 가로(px) 또는 세로(px)를 입력합니다. "원본 비율 유지"가 켜져 있으면 한쪽만 입력해도 나머지 값이 자동 계산됩니다.
- 저장 포맷과 품질을 선택합니다.
- "크기 조절 후 다운로드" 버튼을 클릭해 결과를 저장합니다.
- "원본 크기로" 버튼으로 치수 입력을 원본 크기로 초기화할 수 있습니다.
이미지 최적화에서 크기는 가로·세로 픽셀 수이고, 용량은 파일이 차지하는 KB·MB입니다. 블로그 본문에 4000px 원본 사진을 그대로 올리면 화면에는 작게 보이더라도 브라우저는 큰 이미지를 내려받아야 하므로 로딩이 느려집니다. 먼저 실제 표시 크기에 맞춰 줄인 뒤, 필요하면 압축을 적용하는 순서가 가장 효율적입니다.
예를 들어 카드 뉴스나 대표 이미지는 1200px 안팎이면 대부분 충분하고, 썸네일은 600~800px로도 선명합니다. 용도별 크기 선택과 압축 순서는 이미지 용량 줄이기 가이드에서 더 자세히 볼 수 있습니다.
아래는 1920×1200 풍경 사진(JPG, 1.14MB)을 이 도구에 넣고 가로 값만 바꿔 저장한 실제 결과입니다(원본 형식 유지 · 품질 0.85 · 원본 비율 유지, 크롬 기준).
| 입력한 가로 | 자동 계산된 세로 | 다운로드 용량 |
|---|---|---|
| 1920 (그대로) | 1200 | 699KB |
| 1600 | 1000 | 445KB |
| 1200 | 750 | 281KB |
| 1080 | 675 | 238KB |
| 800 | 500 | 113KB |
| 640 | 400 | 75.7KB |
| 400 | 250 | 27.7KB |
가로를 1600에서 800으로 절반으로 줄이면 용량은 445KB에서 113KB로 약 4분의 1이 됩니다. 가로와 세로가 함께 줄어 픽셀 수가 4분의 1이 되기 때문입니다. 크기를 전혀 바꾸지 않고 저장해도 1.14MB가 699KB가 되는데, 이것은 리사이즈가 아니라 품질 0.85로 다시 압축된 효과입니다.
그 밖의 경우
| 설정 | 결과 크기 | 용량 |
|---|---|---|
| 세로에 628 입력 (비율 유지) | 1005×628 | 210KB |
| 비율 유지 해제, 1200×628 | 1200×628 (가로로 늘어남) | 243KB |
| 비율 유지 해제, 1080×1080 | 1080×1080 (세로로 늘어남) | 347KB |
| 가로 3840으로 확대 | 3840×2400 | 1.52MB |
| 가로 1200, WebP로 저장 | 1200×750 | 277KB |
| 가로 1200, PNG로 저장 | 1200×750 | 2.05MB |
원본이 16:10 비율이라 세로를 628로 맞추면 가로는 1200이 아니라 1005가 됩니다. 1200×628처럼 비율이 다른 규격에 맞추려고 비율 유지를 끄면 사진이 찌그러지므로, 먼저 자르기 도구로 비율을 맞춘 뒤 크기를 조절해야 합니다. 2배로 확대하면 용량만 1.52MB로 늘고 선명해지지는 않습니다. 사진을 PNG로 저장하면 같은 크기의 JPG보다 7배 넘게 커집니다.
화면 캡처(1264×705 PNG, 232KB)는 크기를 그대로 두고 PNG로 저장해도 470KB로 늘었고, 가로 800으로 줄여도 337KB로 원본보다 컸습니다. 이미 잘 압축된 PNG는 다시 저장하면 커질 수 있으므로, 용량이 목적이라면 JPG(같은 크기에서 67KB)로 바꾸는 편이 낫습니다.
- 플랫폼별 권장 크기: 티스토리·WordPress 썸네일은 1200×628px, 인스타그램 정사각형은 1080×1080px, 트위터(X) 대표 이미지는 1200×675px가 권장 사이즈입니다. 각 플랫폼에 맞게 정확히 리사이즈하면 레이아웃이 깔끔하게 유지됩니다.
- 업스케일 주의: 원본보다 크게 확대하면 canvas 리사이즈 특성상 픽셀이 뭉개져 흐릿해집니다. 이 도구는 축소에 최적화되어 있으므로, 확대가 필요할 때는 AI 업스케일 전용 도구를 사용하세요.
- 강제 비율 변경: "원본 비율 유지" 체크박스를 해제하면 가로·세로를 독립적으로 설정할 수 있습니다. 쇼핑몰처럼 정사각형(800×800px) 이미지가 필수인 경우 활용하세요.
canvas.toBlob()은 재압축 과정이 포함되므로, 원본이 고압축 JPEG였다면 동일 크기라도 결과 파일이 커질 수 있습니다. 파일 크기를 줄이려면 품질 슬라이더를 낮추세요.
"원본이름-가로x세로.확장자" 형식으로 저장됩니다. 예를 들어 photo.jpg를 1200×630으로 조절하면 photo-1200x630.jpg로 저장됩니다.
아닙니다. 리사이즈는 브라우저의 canvas만으로 처리되어, 원본도 결과물도 기기 밖으로 전송되지 않습니다.
'원본 비율 유지'를 켜 두면 한쪽 값만 입력해도 나머지가 비율에 맞게 자동 계산되어 이미지가 찌그러지지 않습니다. 정사각형처럼 비율을 강제로 바꿔야 할 때만 체크를 해제하세요.
용도에 맞춰 정하면 됩니다. 블로그 본문·대표 이미지는 가로 1200px 안팎, 썸네일은 600~800px이면 충분히 선명합니다. 화면에 표시되는 실제 크기보다 약간 크게(2배 이내) 잡으면 고해상도 디스플레이에서도 깨끗합니다.