품질 저하 없이 이미지를 압축하는 방법
빠른 답변
이미지를 압축하려면 이미지 압축기를 열고 이미지를 업로드(또는 끌어서 놓기)한 다음 품질 슬라이더를 조정하고(JPEG/WebP의 경우 일반적으로 표시되지 않음) 압축된 결과를 다운로드합니다. 모든 처리는 캔버스 API를 사용하여 로컬에서 이루어지며 이미지는 서버에 업로드되지 않습니다.
소개
큰 이미지는 웹사이트 속도를 저하시키고 대역폭 비용을 증가시키며 SEO 순위를 떨어뜨립니다. 이미지를 압축하면 중복된 데이터를 제거하고 JPEG/WebP의 경우 시각적으로 중요하지 않은 세부 정보를 삭제하여 파일 크기를 줄입니다(손실 압축). PNG의 경우 압축은 무손실이므로 데이터가 삭제되지 않습니다. 목표는 눈에 띄는 품질 차이가 없는 가장 작은 파일 크기를 찾는 것입니다. 이 가이드에서는 무료 온라인 도구를 사용하여 브라우저에서 이미지를 압축하는 방법을 보여줍니다.
단계별
-
이미지 압축기 도구 열기
이미지 압축기 도구 페이지로 이동합니다. 이 도구는 JPEG, PNG 및 WebP 형식을 지원하며 브라우저의 캔버스 API을 사용하여 로컬로 이미지를 처리합니다.
-
이미지 업로드
업로드 버튼을 클릭하거나 이미지를 도구에 끌어다 놓습니다. 이 도구는 FileReader를 사용하여 이미지를 메모리에 로드하고 처리할 캔버스를 만듭니다. 지원되는 형식: JPEG, PNG, WebP 및 BMP.
-
출력 형식을 선택하세요
출력 형식을 선택합니다. 사진의 경우 JPEG 또는 WebP이 최상의 압축을 제공합니다. 색상(로고, 아이콘)이 적은 그래픽의 경우 PNG이 더 좋습니다. WebP은 동일한 품질에서 JPEG보다 ~30% 더 작은 파일을 생성합니다.
-
품질을 조정하세요
손실이 있는 형식(JPEG, WebP)의 경우 품질 슬라이더를 설정하세요. 80-90은 일반적으로 사람의 눈으로 원본과 구별할 수 없습니다. 값이 낮을수록(60-70) 아티팩트가 보이는 작은 파일이 생성됩니다. PNG(무손실)의 경우 품질이 적용되지 않습니다.
-
압축된 이미지를 다운로드하세요
다운로드를 클릭하여 압축된 이미지를 저장하세요. 이 도구는 원본 및 압축 파일 크기와 감소율을 보여줍니다. 품질이 허용 가능한지 시각적으로 비교하십시오.
예
JPEG 사진 압축
입력: photo.jpg (2.5MB, 품질 100)
산출: photo-compressed.jpg (350KB, 품질 85) — 86% 감소, 눈에 띄는 차이 없음
PNG에서 WebP로 변환
입력: image.png (1.2MB)
산출: image.webp (180KB, 품질 90) — 85% 감소
공격적인 JPEG 압축
입력: photo.jpg (2.5MB, 품질 100)
산출: photo-tiny.jpg (120KB, 품질 60) — 95% 감소, 가시적 아티팩트
일반적인 문제
- 이미 압축된 이미지 압축 - JPEG을 다시 압축하면 생성 손실이 발생합니다. 가능하면 항상 원본(PNG 또는 RAW)에서 압축하세요.
- 그래픽에 JPEG 사용 —JPEG 아티팩트가 선명한 가장자리, 텍스트 및 단색에 표시됩니다. 로고, 스크린샷, 일러스트레이션에는 PNG 또는 WebP을 사용하세요.
- WebP —WebP을 무시하면 동일한 품질의 JPEG보다 25-35% 더 작은 파일이 생성되며 모든 최신 브라우저에서 지원됩니다.
- 크기 조정과 압축 - 큰 크기의 경우 크기 조정(예: 4000px에서 2000px로)은 종종 품질 압축보다 더 많은 비용을 절약합니다.
팁
- 최신 웹사이트에는 WebP을 사용하세요. 손실이 있는 압축과 무손실 압축을 모두 지원하며 JPEG보다 크기가 최대 30% 더 작습니다.
- 사진의 경우 JPEG 품질을 80-85로 설정합니다. 이는 파일 크기가 급격하게 떨어지지만 품질 손실이 눈에 띄지 않는 가장 좋은 지점입니다.
- 압축하기 전에 이미지 크기를 디스플레이 크기로 조정합니다. 800px로 표시되는 4000px 이미지는 대역폭을 낭비합니다.
- 즉각적인 비공개 처리를 위해 이미지 압축기를 사용하세요. 이미지가 브라우저를 떠나지 않습니다.