이미지 크기 조절

최종 검토 2026년 3월 25일 PM 9:37 | 현재 데스크톱 브라우저 동작과 실제 내보내기 워크플로를 기준으로 검토했습니다.

픽셀 기준 또는 비율 기준으로 크기를 조정하고 원본 비율이 무너지는 것을 막습니다. 웹 업로드나 썸네일 제작처럼 실제 표시 크기가 정해진 작업에 잘 맞습니다.

테스트 환경: Chrome 최신 안정 버전 | Safari 최신 안정 버전 | Firefox 최신 안정 버전 | JPG, PNG, WebP, AVIF, GIF, HEIC 샘플 파일 | 최종 검토: 2026년 3월 25일 PM 9:37

이 도구가 필요한 경우

크기 조정은 바이트보다 픽셀 수를 줄이는 작업입니다. 페이지에서 900px로 보일 이미지를 4000px 그대로 두는 문제를 먼저 해결할 때 가장 효과가 큽니다.

잘 맞는 경우

• CMS나 쇼핑몰이 특정 폭 이하 이미지만 받는 경우
• 카드 썸네일, 문서 삽입 이미지, 블로그 본문 이미지 폭을 통일할 때
• 모바일에서 너무 무거운 원본을 먼저 줄여 후속 압축을 쉽게 만들 때
• 여러 장의 제품 사진을 같은 레이아웃 폭으로 맞출 때

사용하는 방법

1. 이미지가 실제로 표시될 최대 폭을 먼저 확인합니다. 카메라 원본 크기가 기준이 아닙니다.
2. 왜곡을 막으려면 비율 유지 옵션을 켜 둡니다.
3. 크기를 줄인 뒤 파일이 너무 크면 그다음에 압축이나 최적화를 붙입니다.
4. 텍스트가 많은 이미지라면 너무 작은 폭으로 줄이지 말고 읽기 쉬운 최소 폭을 먼저 찾습니다.

실무 팁

• 본문 이미지는 보통 800~1200px, 카드·썸네일은 400~800px부터 확인하면 출발점이 잡힙니다.
• 확대는 디테일을 새로 만들지 못하므로 필요한 경우에만 씁니다.
• 크기 조정 후에는 실제 페이지나 문서에 넣어 보고 최종 선명도를 확인하는 편이 좋습니다.
• 투명 배경이 필요하면 JPG로 바꾸지 말고 PNG나 WebP를 유지합니다.

테스트한 환경

• 대형 카메라 원본, 마켓플레이스 상품 이미지, 문서용 스크린샷
• 원본 해상도보다 최종 표시 크기가 더 중요한 단일 이미지와 소량 배치 내보내기

예시 작업 흐름

이 예시는 이 페이지가 설명하는 입력, 결과, 확인 포인트를 한 번에 보여줍니다.

표시 크기 맞춤

업로드 전에 크기부터 줄이기

실제 페이지에 필요한 크기만 남기도록 원본을 먼저 줄이는 예시입니다.

• 입력: 큰 본문 이미지
• 출력: 표시 크기에 맞춘 사본
• 다음 단계: 필요하면 압축 또는 최적화 적용

예시 작업

입력: 1200px 웹 슬롯에 넣을 4000px 원본 이미지

목표: 업로드 전에 불필요한 픽셀 무게를 먼저 줄이기

결과: 2차 압축 전에 쓰는 1200px 표시 크기 사본

확인: 대부분의 웹 작업은 먼저 크기를 줄이고, 그 다음 압축하는 순서가 가장 안정적입니다.

주의할 점

• 업스케일링은 실제 디테일을 새로 만들지 못하고 사진과 텍스트를 쉽게 흐리게 만듭니다.
• JPG로 잘못 내보내면 투명 배경이 사라질 수 있습니다.

관련 가이드

• 화질 저하를 최소화하며 이미지 리사이즈하는 방법 - 적절한 해상도 선택, 비율 유지, 스마트 내보내기로 선명도를 유지하는 방법을 다룹니다.
• 웹사이트 속도를 위한 이미지 최적화 - 웹 업로드 전에 크기, 형식, 압축, 메타데이터를 어떤 순서로 손봐야 속도와 품질을 같이 챙길 수 있는지 설명합니다.

처리 방식과 개인정보

크기 조정 역시 브라우저 안에서 처리됩니다. 대량 업로드 전에 표시 폭만 먼저 맞추고 싶을 때 부담이 적습니다.

크기 조정만으로 메타데이터가 확실히 사라지는 것은 아니므로, 공개 업로드 전에는 메타데이터 제거 여부를 따로 확인합니다.