웹용 이미지 크기 조정 방법 - 용도별 알맞은 크기
지나치게 큰 이미지는 느린 웹사이트의 첫 번째 원인입니다. 4000x3000 사진을 800x600으로 보여 주면 픽셀의 96%가 낭비됩니다. 이미지 크기를 제대로 맞추는 방법을 알려 드립니다.
지금 사용해 보세요 - 무료, 가입 필요 없음.
무료로 이미지 크기 조정 →권장 이미지 크기
| 용도 | 너비 (px) | 레티나 (2x) |
|---|---|---|
| 히어로/배너 | 1600 | 3200 |
| 블로그 콘텐츠 | 800 | 1600 |
| 썸네일 | 400 | 800 |
| 상품 이미지 | 1000 | 2000 |
| OG 이미지 (소셜) | 1200x630 | - |
| 파비콘 | 512x512 | - |
기본 원칙: 최대 표시 너비에 맞게 크기를 조정한 뒤, 레티나 화면을 위해 2배로 만드세요. 800px로 표시되는 블로그 이미지는 너비 1600px이어야 합니다.
크기 조정 방법
- 이미지 크기 조정 도구를 엽니다
- 이미지를 업로드합니다
- 목표 너비를 설정합니다 (높이는 비율에 맞게 자동 조정)
- 크기를 조정한 이미지를 다운로드합니다
프로 팁: 크기를 먼저 조정한 다음 압축하세요. 4000px 이미지를 압축한 뒤 800px로 줄이는 것은 낭비입니다. 버릴 픽셀까지 압축하는 셈이니까요.
자주 묻는 질문
크기를 조정하면 화질이 떨어지나요?
축소는 대체로 안전합니다. 픽셀을 더하는 게 아니라 빼는 것이니까요. 확대하면 소프트웨어가 새 픽셀을 만들어 내야 해서 화질이 떨어집니다. 웹용으로는 절대 확대하지 마세요.
반응형 이미지에 srcset을 써야 하나요?
네! srcset 속성을 쓰면 브라우저가 기기에 맞는 이미지 크기를 고를 수 있습니다. 2-3가지 크기(작음, 중간, 큼)를 만들고 브라우저가 고르게 하세요.
준비되셨나요? 지금 이미지를 변환하세요 - 100% 무료.
무료로 이미지 크기 조정 →