화면비 이해하기
화면비는 이미지의 가로와 세로 사이의 비례 관계입니다. 1920×1080 이미지는 16:9, 1080×1080은 1:1(정사각), 1080×1920은 9:16(세로)입니다.
화면비를 유지하면서 크기를 조정하면 이미지가 비례적으로 확장됩니다 — 왜곡 없이. 화면비를 무시하고 임의의 치수를 입력하면 이미지가 늘어나서 원이 타원이 되고 얼굴이 캐리커처가 됩니다. 자르기 대신 크기 조정을 원하지 않는 한 항상 화면비를 잠그세요.
빠른 수학: 주어진 너비에 맞는 새 높이를 찾으려면 원본 비율을 곱합니다. 4000×3000 사진을 너비 1200으로 조정하면 새 높이는 1200 × (3000/4000) = 900px입니다.
리샘플링 알고리즘 설명
크기를 조정할 때 픽셀이 어떻게 보간되는지 결정하는 알고리즘이 목표 크기보다 더 중요합니다. 저렴한 도구는 기본적으로 "최근접 이웃"을 사용합니다 — 빠르지만 거칩니다. 좋은 도구는 Lanczos 또는 bicubic 리샘플링을 사용합니다.
| 알고리즘 | 속도 | 품질 | 사용 사례 |
|---|---|---|---|
| 최근접 이웃 | 가장 빠름 | 나쁨 (거침) | 픽셀 아트만 |
| Bilinear | 빠름 | 보통 (부드러움) | 썸네일, 미리보기 |
| Bicubic | 중간 | 좋음 | 일반 사진 |
| Lanczos | 느림 | 우수 | 큰 사진 다운스케일 |
| AI / 신경망 | 가장 느림 | 업스케일에 최고 | 작은 이미지 업스케일 |
Lanczos는 진지한 다운스케일의 기본값입니다 — bicubic이 부드럽게 만드는 가장자리 선명도를 보존합니다. 이미 작은 이미지를 업스케일하는 경우 전통적인 알고리즘은 모두 흐림을 만듭니다; AI 업스케일러(ESRGAN, Real-ESRGAN)는 그럴듯한 디테일을 환각으로 만드는 다른 카테고리입니다.
다운스케일 vs 업스케일
다운스케일(이미지를 작게 만들기)은 수학적으로 안전합니다 — 정보를 버리는 것입니다. 좋은 알고리즘은 보이는 품질을 보존하기 위해 올바른 데이터를 버립니다. 4000×3000 → 1200×900에서 Lanczos는 네이티브 1200×900으로 촬영한 것과 구별할 수 없는 결과를 만듭니다.
업스케일(이미지를 크게 만들기)은 근본적으로 데이터를 발명하는 것입니다. 전통적 알고리즘은 흐려지고; AI 업스케일러는 추측합니다. 결과는 소스 품질에 따라 달라집니다 — 400×400 사진을 4000×4000으로 업스케일해도 마법처럼 실제 디테일이 드러나지 않지만, AI가 그럴듯하게 숨길 수는 있습니다.
경험 법칙: 항상 필요보다 크게 촬영/저장하고 다운스케일하세요. 업스케일은 비상 해결책이어야지 워크플로우가 되어서는 안 됩니다.
일반적인 목표 크기
| 사용 사례 | 권장 크기 |
|---|---|
| 웹 히어로 / 커버 | 1920 × 1080 또는 2560 × 1440 |
| 블로그 게시물 리드 이미지 | 1200 × 630 (OG 표준) |
| 블로그 본문 이미지 | 800 × 600 |
| 제품 썸네일 | 400 × 400 ~ 800 × 800 |
| 이메일 뉴스레터 | 너비 600px (고정) |
| 프로필 사진 | 400 × 400 |
| 파비콘 소스 | 512 × 512 (다운스케일됨) |
크기 조정 + 압축 함께
크기 조정은 픽셀 수를 줄이고; 압축은 픽셀당 바이트를 줄입니다. 보통 둘 다 원합니다. 4MB, 4000×3000 JPG를 1200×900, 85% 품질로 조정하면 일반적으로 150-300KB가 됩니다 — 표시 크기에서 본질적으로 보이는 화질 손실 없이 15-25배 감소.
순서가 중요합니다: 압축 전에 크기 조정. 4000×3000 JPG를 80%로 압축한 다음 크기를 조정하면 크기 조정이 전파하는 아티팩트를 도입합니다. 먼저 크기 조정(불필요한 픽셀 제거), 그다음 압축(나머지 픽셀 최적화).
일반적인 실수
- DPI 무시 — 웹에서는 중요하지 않습니다. DPI는 인쇄에만 중요합니다. 화면 사용에서는 픽셀 치수만 중요합니다. 같은 1200×900 이미지의 72 DPI와 300 DPI 버전은 모든 화면에서 동일하게 보입니다.
- 이미 작은 이미지를 "HD"처럼 보이도록 업스케일. 흐릿한 큰 파일을 만들 뿐입니다. 소스가 작다는 것을 받아들이세요.
- "정확한 치수에 맞추기 위해" 화면비 잠금 해제. 얼굴이 늘어나고 레이아웃이 왜곡됩니다. 대신 자르기를 사용하세요.
- JPG로 충분한 곳에 PNG로 저장. PNG로 저장한 크기 조정된 사진은 같은 고품질 JPG로 크기 조정한 것보다 5-10배 크고 가시적인 품질 향상은 없습니다.
- 이중 압축 — JPG를 저장하고, 크기 조정하고, 다시 JPG로 저장. 각 JPG 저장은 품질을 잃습니다. 이전 내보내기가 아닌 원본 파일에서 크기 조정하세요.
자주 묻는 질문
- 크기 조정이 이미지 품질을 떨어뜨리나요?
- 좋은 알고리즘(Lanczos/bicubic)으로 다운스케일하면 일반 보기 크기에서 시각적으로 무손실입니다. 업스케일은 AI 업스케일을 사용하지 않는 한 항상 흐림이나 아티팩트를 도입합니다. 규칙: 크게 시작해서 목표에서 끝내세요.
- 화질 손실 없이 이미지 크기를 조정할 수 있나요?
- 다운스케일의 경우 — 좋은 리샘플링 알고리즘으로 화질 손실은 인지되지 않습니다. 업스케일의 경우 — 진정한 디테일을 얻을 수는 없지만 AI 업스케일러가 일반적인 피사체 사진에 대해 그럴듯하게 발명할 수 있습니다.
- 크기 조정 후 가장 좋은 파일 포맷은?
- 사진은 JPG (허용되는 품질로 가장 작음). 텍스트/선명한 가장자리가 있는 그래픽은 PNG. WebP는 둘 다보다 작고 이제 보편적으로 지원됩니다 — 대상 플랫폼이 받아들이면 WebP를 사용하세요.
- 여러 이미지를 일괄 크기 조정하려면?
- 대부분의 브라우저 도구는 한 번에 하나씩 처리합니다. 일괄 워크플로우의 경우 여러 탭을 열거나 데스크톱 도구(ImageMagick, Squoosh CLI, 포토샵 액션)를 사용하세요. 진정한 대량 작업(100개 이상)에는 스크립트가 어떤 UI보다 효율적입니다.
- 브라우저 기반 크기 조정에 최대 파일 크기 제한이 있나요?
- 최신 노트북에서 실용적 한계는 약 50-100MB. 그 이상에서는 브라우저가 메모리 부족이 될 수 있습니다. 매우 큰 파일(드론 사진, 스캔)에는 데스크톱 도구가 더 안정적으로 처리합니다.