웹용 JPEG 압축하는 방법

JPEG 파일 하나가 너무 크면 페이지의 나머지 부분을 모두 합친 것보다 무거워질 수 있으며, 이는 페이지가 느리게 느껴지는 가장 흔한 이유입니다. 그 이미지를 만든 카메라나 내보내기 과정은 인쇄물이나 전체 화면용 사진에 맞춰 최적화된 것이지, 썸네일이나 히어로 배너, 상품 그리드처럼 같은 파일이 실제로 필요한 것보다 몇 배나 무거워지는 용도를 염두에 둔 것이 아닙니다.

다행히 JPEG는 손실 사진 형식이라 눈으로 거의 알아챌 수 없는 데이터를 많이 덜어낼 수 있습니다. 합리적으로 압축하고, 이미지 크기를 실제 표시 크기에 맞추면 화면에서 눈에 띄는 차이 없이 사진을 원래 크기의 일부로 줄일 수 있습니다.

JPG 압축 도구는 화질을 조절할 수 있는 컨트롤을 제공하므로, 크기와 화질이 모두 만족스러울 때까지 조정할 수 있습니다.

• JPEG 압축 도구를 열고 사진을 끌어다 놓으세요. 여러 장을 한 번에 불러올 수도 있습니다.
• 화질을 설정하세요. 웹용 사진이라면 75–82 정도가 적당한 지점입니다. 화면에서는 시각적으로 거의 구분이 안 되면서 파일 크기는 크게 줄어듭니다.
• 미리 본 다음 내보내서 다운로드하세요. 내보낸 파일은 메타데이터가 제거된 새 JPEG이므로, 숨겨진 EXIF와 GPS 정보가 서버로 함께 전송되지 않습니다.

모든 과정이 사용자의 기기 안에서 실행됩니다. 페이지가 로드된 뒤에는 오프라인 상태에서도 그대로 작동하는데, 이는 이미지가 어디에도 업로드되지 않는다는 가장 확실한 증거입니다.

화질은 절반의 성공일 뿐입니다. 나머지 절반은 크기입니다. 4000픽셀 너비의 사진을 실제로는 800픽셀로만 표시되는 자리에 넣으면, 파일 대부분이 방문자가 절대 볼 수 없는 디테일에 낭비되고, 브라우저는 그 여분의 픽셀을 모두 다운로드해야 합니다.

그러므로 압축하기 전에 이미지를 실제로 표시되는 최대 크기 정도로 리사이즈하세요(고밀도 화면을 위해 약간의 여유를 두는 것은 괜찮습니다). 표시 영역에 맞게 리사이즈한 뒤 화질 75–82로 압축한 사진은 흔히 원본의 십분의 일 정도가 되며, 이는 여러분이 얻을 수 있는 가장 큰 속도 향상 중 하나입니다. 한 가지 주의할 점이 있습니다. JPEG 압축은 되돌릴 수 없으며 압축할수록 쌓입니다. 이미 압축된 JPEG를 다시 압축할 때마다 눈에 보이는 손상이 더해지므로, 항상 원본에서 시작해 압축은 한 번만 하세요.

JPEG는 안전하고 보편적인 선택이지만, 더 이상 가장 작은 형식은 아닙니다. 그 현대적인 후속 형식인 WebP와 AVIF는 눈에 보이는 화질은 그대로 유지하면서 파일 크기는 눈에 띄게 작고, 최신 브라우저에서도 잘 지원됩니다. 페이지 용량이 우선이라면 JPG를 WebP로 변환하거나 AVIF로 변환해서 결과를 비교해 볼 만합니다.

이것은 규칙이 아니라 “고려해 볼 만하다”는 솔직한 제안입니다. 어디서나 아무 문제 없이 열리는 파일이 필요하다면 JPEG를 계속 사용하세요. 화질 수준과 형식을 고르는 방법을 더 폭넓게 알고 싶다면 화질 손실 없이 이미지 압축하는 방법을 참고하세요.