콘텐츠로 건너뛰기

📐 이미지 크기 조정

이미지를 원하는 너비 · 높이 (px) 로 조정. 종횡비 유지, 일괄 처리, PNG / JPEG 출력 지원. 브라우저 내에서 처리.

완전 무료 가입 불필요 브라우저 완결 5 개 언어 다크 모드

🔒 개인정보 보호

📂

드래그 & 드롭, 클릭 또는 붙여넣기 (여러 장 가능)

📖 자주 걸리는 지점

이미지를 지정한 폭 · 높이로 리사이즈합니다. 종횡비 유지와 여러 장 일괄 처리에 대응하며 처리는 브라우저 안에서 끝납니다. 축소는 깨끗하게 되지만 확대는 정보를 늘릴 수 없습니다 — 원본보다 크게 해 봐야 없는 디테일은 생기지 않고 흐려지거나 윤곽이 계단 모양이 될 뿐입니다. 작은 이미지를 크게 쓰고 싶다는 것은 리사이즈가 아니라 소재를 다시 구하는 안건입니다.

사례 무슨 일이 일어나는가 어떻게 하면 되는가
필요 이상으로 큰 이미지를 싣고 있다 디지털 카메라나 스마트폰의 사진은 4,000px 안팎입니다. 표시 폭 600px 인 곳에 그대로 두면 브라우저는 4,000px 분을 내려받아 디코드한 뒤 축소해 그립니다. 전송량뿐 아니라 메모리와 디코드 시간도 낭비됩니다. 모바일 회선에서는 이것이 체감 속도의 주된 원인이 됩니다. 표시 폭의 2배를 상한으로 하세요. 600px 틀이라면 1,200px 로 충분합니다 — 레티나 디스플레이를 고려해도 그 이상은 시각적인 차이가 나지 않습니다. 여러 해상도를 준비할 수 있다면 srcset 으로 단말에 고르게 하는 것이 이상적이지만 한 장만 준비한다면 가장 크게 표시되는 곳의 2배로 못 박으세요. 아울러 이미지 포맷 변환으로 WebP 로 하면 같은 겉보기로 20~30% 작아집니다.
축소한 이미지가 흐려진다 크게 줄일 때 브라우저나 Canvas 의 기본 보간은 한 번에 축소하므로 세부가 평균화되어 흐릿한 그림이 됩니다. 특히 4,000px 에서 400px 처럼 10분의 1로 하는 경우에 두드러집니다. 글자나 로고를 포함한 이미지에서는 선이 사라질 듯 흐려져 읽을 수 없게 되기도 합니다. 단계적으로 줄이세요 — 한 번에 10분의 1로 하지 말고 절반씩 3~4회로 나누면 세부가 남습니다. 글자를 포함한 이미지에서는 애초에 이미지에 글자를 넣지 않는 편이 확실합니다. HTML 텍스트로 겹치면 어느 해상도에서도 선명하고 복사도 되며 검색에도 걸리고 번역도 됩니다. 로고라면 SVG 로 하면 확대 축소로 열화하지 않습니다SVG 최적화로 파일 크기도 줄일 수 있습니다.
일괄 처리했더니 종횡비가 제각각이 됐다 원본 이미지의 종횡비가 고르지 않은 상태에서 폭 800px 이라고 지정하면 높이는 원래 비율에 따라 제각각이 됩니다. 목록에 늘어놓았을 때 높이가 맞지 않아 레이아웃이 무너집니다. 반대로 폭과 높이를 모두 고정하면 이번에는 이미지가 늘어나 왜곡됩니다. 잘라내기와 리사이즈는 별개의 작업입니다. 비율을 맞추고 싶다면 먼저 이미지 트리밍으로 같은 비율로 잘라낸 뒤 리사이즈하세요. CSS 쪽에서 해결한다면 aspect-ratioobject-fit: cover 를 지정하면 원래 비율이 제각각이어도 틀 안에서 맞춰 보입니다 — 다만 피사체의 중심이 어긋난 이미지에서는 얼굴이나 상품이 틀 밖으로 나가는 경우가 있으므로 목록에 내보낼 이미지는 처음부터 같은 비율로 준비하는 것이 확실합니다.

리사이즈는 되돌릴 수 없는 조작입니다. 축소한 이미지에서 원래 해상도는 복원할 수 없으므로 원본은 반드시 따로 보관하세요. 몇 년 뒤에 인쇄용으로 쓰고 싶다, 더 큰 크기가 필요해졌다는 말을 듣는 장면은 실제로 자주 찾아옵니다. 운용으로는 원본을 한곳에 두고 공개용은 원본에서 매번 생성하는 형태로 해 두면 표시 크기의 방침이 바뀌어도 다시 만들 수 있습니다. CMS 나 정적 사이트 생성기의 상당수는 이 구조를 빌드 시에 갖추고 있습니다.

📖 사용법

  1. 1
    이미지 불러오기
    드래그, 클릭으로 여러 장 선택, 또는 Ctrl+V.
  2. 2
    너비 · 높이 지정
    픽셀 단위로 입력. 비율 유지 시 한쪽 변경으로 자동 계산.
  3. 3
    크기 조정 실행
    리사이즈 실행 버튼을 눌러 모든 이미지를 처리.
  4. 4
    다운로드
    개별 또는 전체 다운로드.

❓ 자주 묻는 질문

이미지가 서버에 업로드됩니까?
아니요. 모든 처리는 브라우저 내에서 완료됩니다.
확대하면 흐려집니까?
예. AI 초해상도가 아니라 보간이므로 축소 권장.
여러 장 일괄 처리?
예. 한 번에 수십 장 로드하여 일괄 처리.
🐛 이 도구에서 문제가 발생했나요?

무료 · 가입 불필요. 재현 절차만이라도 도움이 됩니다. 보고는 운영자에게 직접 전달되어 개선에 사용됩니다.

※ 재현을 위해 브라우저 정보 (UA / 화면 / 언어 / URL) 가 자동 전송됩니다