로딩 중...
로딩 중...
한 번에 전체 사진 배치를 크기 조정 — 목표 너비, 높이, 비율 또는 가장 긴 면의 제한을 설정하고, 도구가 업로드 없이 브라우저에서 모든 것을 처리합니다.
대량 이미지 크기 조정기는 여러 사진의 픽셀 크기를 한 번에 변경합니다. 압축기(같은 크기를 유지하고 품질을 낮춰 파일을 줄임)나 변환기(파일 형식을 변경함)와는 달리, 크기 조정기는 특정적으로 너비와 높이를 줄입니다. 작은 크기는 거의 항상 작은 파일을 생성하지만, 목표는 다음과 같습니다: 4000픽셀 너비의 전화 사진이 800픽셀 너비의 블로그 게시물에 로드되는 것은 대역폭을 낭비하고 페이지를 느리게 합니다. 이 도구를 사용하면 고정 너비, 고정 높이, 비율 또는 가장 긴 면에 맞추기(결코 확대하지 않고 오직 축소만 함)로 목표를 설정할 수 있습니다. 모든 작업은 Canvas API를 통해 브라우저 내에서 실행됩니다 — 업로드 없음, 가입 없음, 서버 측 대기열 없음.
최대 25개의 JPG, PNG 또는 WebP 파일을 업로드 영역에 드래그하거나 클릭하여 장치에서 선택하세요. 각 파일의 원래 크기는 로드되면 이름 옆에 표시됩니다.
모든 출력이 정확히 N 픽셀 너비가 되도록 하려면 고정 너비를 사용하세요(높이는 다양함). 균일하게 크기를 조정하려면 비율을 사용하세요. 혼합된 세로 및 가로 배치가 있을 때는 가장 긴 면에 맞추기를 사용하여 모두 최대 경계 상자에 맞추세요.
숫자를 입력하거나 빠른 선택 칩을 클릭하세요. 1280은 블로그 이미지에 강력한 기본값이며, 1920은 전체 화면 영웅 사진, 1080은 인스타그램 크기의 정사각형에 적합합니다.
더 작은 복사본만 원하면 원래 형식을 유지하세요. 투명도를 평탄화하려면 JPG로 전환하고, 투명도를 유지하려면 PNG로, 동일한 가시적 품질에서 가장 작은 파일을 얻으려면 WebP로 전환하세요.
모두 크기 조정 클릭하여 대기열을 처리하세요. 각 행은 크기 조정 전후의 크기와 파일 크기를 보여줍니다. 파일을 개별적으로 다운로드하거나 모두 다운로드를 사용하여 전체 배치를 가져오세요. 파일 간에 약간의 지연이 있어 브라우저가 차단되지 않도록 합니다.
1. createImageBitmap()를 통해 각 입력 파일을 디코딩합니다 — 네이티브, 라이브러리 필요 없음. 2. 모드(고정/고정/비율/맞춤)에 따라 목표 너비와 높이를 계산하고 소스 종횡비를 기반으로 합니다. 3. 목표 크기로 2D 캔버스를 할당합니다. 4. imageSmoothingQuality = 'high'로 설정하여 브라우저가 더 높은 품질의 다운샘플링을 사용하도록 합니다. 5. drawImage(bitmap, 0, 0, w, h) — 브라우저가 크기 조정을 수행합니다. 6. canvas.toBlob(format, quality)는 선택한 형식으로 크기 조정된 캔버스를 재인코딩합니다.
브라우저의 Canvas API는 Lanczos 또는 기타 프리미엄 다운샘플링 알고리즘을 이름으로 노출하지 않지만, imageSmoothingQuality를 'high'로 설정하면 동일한 크기에서 웹용으로 저장된 포토샵과 시각적으로 구별할 수 없는 다단계 양선형 다운샘플을 사용합니다. 다른 모든 크기 조정기가 만드는 트레이드오프 — 프리미엄 알고리즘을 위한 서버 측 처리 — 는 99%의 경우에는 가치가 없으며, 파일당 개인 정보 보호와 네트워크 왕복 비용이 발생합니다. 이 도구는 브라우저 내에서 작동합니다.
| 소스 | 최고의 크기 조정 설정 |
|---|---|
블로그 게시물용 iPhone 사진 (4032×3024) | 고정 너비 = 1280. 각 이미지는 1280×960으로 설정되며, 원본 파일 크기의 약 1/3이며 중앙에 배치된 기사에서 구별할 수 없습니다. 1280은 블로그 영웅 이미지에 안전한 기본값입니다. |
혼합된 세로 및 가로 제품 사진을 위한 전자상거래 그리드 | 가장 긴 면에 맞춤 = 1080. 두 방향 모두 긴 치수가 1080으로 설정되어, 카메라 기울기에 관계없이 그리드가 일관되게 렌더링됩니다. 균일한 '시각적 무게'가 필요한 그리드에 가장 적합합니다. |
오래된 디지털 카메라 덤프 (5MP–10MP) | 비율 = 50. 각 치수를 반으로 줄입니다(그래서 파일 면적이 25%로 감소함), 이는 아카이브 보기에는 충분하며 의미 있는 저장 공간을 절약합니다. 소스 크기가 크게 다를 때 유용합니다. |
이미 작은 썸네일 (320×240) | 가장 긴 쪽에 맞추면 손대지 않습니다 (도구는 결코 확대하지 않습니다). 실제로 업스케일이 필요하다면 전용 업스케일러를 사용하세요 — 이중 선형 스트레칭은 빠르게 흐릿해집니다. 리사이저는 축소합니다. 품질 손실 없이 작은 이미지를 크게 만들지 않습니다. |
마지막 업데이트