이미지 압축이란 무엇인가요?

이미지를 압축하면 파일 크기가 줄어듭니다. 이미지 압축은 손실 또는 무손실일 수 있습니다.

학습 목표

이 글을 읽은 후에 다음을 할 수 있습니다:

  • 이미지 압축 정의
  • 이미지 최적화에 압축이 중요한 이유 설명하기
  • 콘트라스트 손실 이미지 압축과 무손실 이미지 압축 비교
  • 일반적인 이미지 압축 방법 및 알고리즘 이해

관련 콘텐츠


계속 알아보시겠어요?

인터넷에서 가장 인기 있는 인사이트를 한 달에 한 번 정리하는 Cloudflare의 월간 요약본 theNET를 구독하세요!

Cloudflare가 개인 데이터를 수집하고 처리하는 방법은 Cloudflare의 개인정보 취급방침을 참조하세요.

글 링크 복사

Cloudflare Pro 요금제 및 속도 도구 추가 기능으로 웹 사이트 성능 향상

이미지 압축이란 무엇인가요?

이미지 압축은 이미지 파일을 더 작게 만드는 프로세스입니다. 이미지 압축은 대부분 이미지에서 바이트 단위의 정보를 제거하거나 이미지 압축 알고리즘을 사용하여 저장 공간을 덜 차지하는 방식으로 이미지 파일을 다시 작성하는 방식으로 작동합니다. 이미지 압축은 사용자가 웹사이트나 애플리케이션과 상호 작용할 때 이미지가 빠르게 로드되도록 하는 효과적인 방법입니다. 이미지 최적화의 중요한 부분입니다.

이미지 압축이 중요한 이유는 무엇인가요?

압축된 이미지는 압축되지 않은 이미지보다 빠르게 로드됩니다. 웹페이지와 애플리케이션이 로드되는 속도는 SEO, 전환율, 사용자의 디지털 경험, 기타 중요한 지표에 큰 영향을 미치기 때문에 이는 매우 중요합니다. 웹 성능 개선 은 개발자가 웹사이트를 최적화하는 주요 방법 중 하나입니다.

이미지 압축은 일반적으로 웹 성능 향상을 위해 다른 방법 과 함께 사용됩니다. 예를 들어 CDN 은 콘텐츠를 캐시하여 최종 사용자에게 더 빠르게 전달합니다. 로드 밸런싱 은 웹 서버의 과부하를 방지하는 데 도움이 됩니다. 지연 로딩 을 사용하면 웹페이지의 가장 중요한 콘텐츠가 더 빨리 로드될 수 있습니다. 하지만 전반적으로 이미지 압축은 느린 페이지 성능을 해결하는 가장 빠른 방법 중 하나입니다.

손실 이미지 압축이란 무엇인가요?

여행을 위해 옷을 챙기는 여행자를 생각해 보세요. 여행자는 신발부터 모자, 정장까지 옷장에 있는 모든 것을 챙길 수 있습니다. 그러나 이러한 접근 방식은 여행자가 휴대해야 하는 짐의 양이 많아져 여행 속도가 느려지고 운송 비용이 더 많이 들 수도 있습니다. 대신 여행자는 가장 중요한 의류 품목을 선택하여 하나의 여행 가방에 포장합니다.

여행객이 옷장 전체를 챙길 필요가 없듯이, 사람들이 전체 이미지를 최대 해상도와 최대 크기로 볼 필요는 거의 없습니다. (가장 많이 사용되는 데스크톱 화면 크기는 1680x1050픽셀이며, 가장 많이 사용되는 모바일 화면 크기는 이보다 더 작은 360x800픽셀입니다. 이 크기에서도 이미지가 화면 전체를 차지하는 경우는 드뭅니다.) 일반적으로 이미지의 품질과 크기는 일반적인 뷰어에게는 눈에 띄지 않는 방식으로 줄일 수 있는데, 이를 "손실" 이미지 압축이라고 합니다.

손실 이미지 압축은 모든 픽셀을 유지하지 않고 이미지의 가장 중요한 정보를 유지합니다. 손실 압축 알고리즘에는 몇 가지 유형이 있으며, 아래에서 자세히 설명합니다. 그러나 모든 작업은 이미지 파일에서 정보를 제거하여 파일을 더 적은 바이트로 구성하는 방식으로 이루어집니다.

손실 이미지 압축 방법

웹에서 호스팅되는 많은 이미지는 손실 압축을 사용하는 파일 형식입니다. 이렇게 하면 이미지가 빠르게 로드되고 대역폭을 너무 많이 사용하지 않습니다. 손실 압축 방법의 일반적인 예는 다음과 같습니다:

  • JPEG: 합동 사진 전문가 그룹의 이름을 딴 이 파일 형식은 아마도 가장 널리 사용되는 이미지 압축 방법일 것입니다. 일반적으로 이미지 품질 저하를 최소화하면서 파일을 10:1의 비율로 압축할 수 있습니다. 최신 버전의 JPEG에는 JPEG 2000 및 JPEG XR이 포함되지만, 많은 브라우저에서 이러한 형식을 지원하지 않습니다.
  • WebP: WebP는 무손실 압축도 지원하지만, 손실 이미지 압축에 더 일반적으로 사용됩니다. Google은 원래 JPEG, PNG, GIF 파일 형식을 대체하기 위해 WebP를 개발했습니다.
  • 고효율 이미지 형식(HEIF): 고효율 이미지 형식(HEIF)은 압축 이미지를 위한 컨테이너 파일의 한 유형입니다. 이 방법으로 압축된 이미지를 HEIC 파일이라고도 합니다.

무손실 이미지 압축이란 무엇인가요?

여행자가 원하는 옷이 캐리어에 맞지 않는 경우, 옷을 다시 접고 재배치하여 더 잘 맞도록 조정할 수 있습니다. 마찬가지로 "무손실" 이미지 압축은 수학적 알고리즘을 사용하여 정보를 제거하지 않고 이미지 파일을 다시 작성합니다. 무손실 압축으로 처리된 이미지는 기본적으로 원본과 동일하게 표시되지만 파일 크기는 훨씬 작아야 합니다.

무손실 압축은 이미지 파일 크기를 최대 40%까지 줄일 수 있지만, 파일 크기를 줄이고 웹용으로 이미지를 최적화하는 데는 손실 압축보다 효율성이 떨어집니다. 웹사이트 제작자는 최종 사용자의 요구 사항을 신중하게 고려해야 하며, 손실 이미지 압축과 무손실 이미지 압축 중 어떤 것을 선택할지 결정할 때 웹사이트의 속도를 테스트( )해야 합니다.

무손실 압축 방법

널리 사용되는 무손실 압축 방법은 다음과 같습니다:

  • 휴대용 네트워크 그래픽(PNG), 웹에서 JPEG 또는 WebP 대신 사용되기도 합니다.
  • 그래픽 교환 형식(GIF), 웹에서도 자주 사용됩니다.
  • 비트맵(BMP) 파일은 일반적으로 크기가 너무 커서 웹에서 실제로 사용하기가 어렵습니다.
  • RAW 이미지는 전혀 압축되지 않습니다. 디지털 카메라는 RAW로 사진을 촬영하지만, 웹사이트에 사용하기 전에 사진을 다른 형식으로 변환하고 압축해야 합니다(웹사이트가 특별히 고화질의 이미지를 표시하기 위한 것이 아니라면).

일반적인 이미지 압축 알고리즘에는 어떤 것이 있나요?

손실 압축 방식과 무손실 압축 방식 모두 다양한 이미지 압축 알고리즘(알고리즘은 컴퓨터가 따라야 하는 규칙의 집합)을 사용하여 파일 크기를 줄입니다. 트랜스폼 코딩, 실행 길이 인코딩, 산술 코딩, LZW, 플레이트/디플레이트, 허프만 코딩은 모두 이미지 압축 알고리즘의 예입니다.

트랜스폼 코딩( )은 손실 이미지 압축 알고리즘으로, 적은 정보를 사용하여 파일을 수학적으로 표현하는 방법인 이산 코사인 변환(DCT)이라는 기술을 주로 사용합니다. JPEG는 트랜스폼 코딩에 의존합니다.

실행 길이 인코딩(RLE) 은 반복되는 픽셀을 인코딩하는 무손실 압축 알고리즘입니다. 예를 들어, 흰색 픽셀이 8개 연속으로 있는 경우 8개의 픽셀을 모두 기록하는 대신(예: WWWWWWW) 픽셀 수(예: 8W)를 기록합니다.

산술 코딩 은 또 다른 종류의 무손실 압축 알고리즘입니다. 다른 디지털 파일과 마찬가지로 디지털 이미지는 낮은 연산 수준에서 일련의 문자로 표현됩니다. 산술 코딩은 이미지 파일에서 자주 사용하는 문자는 더 적은 비트로, 덜 사용하는 문자는 더 많은 비트로 인코딩합니다. 그 결과 원래 문자 문자열에 비해 전체적으로 비트 수가 줄어듭니다.

허프만 코딩( )은 산술 인코딩과 다소 유사하지만 일반적으로 파일 크기를 많이 줄이지 않습니다.

LZW - 렘펠-지브-웰치 알고리즘은 오래된 압축 알고리즘인 LZ77 및 LZ78을 기반으로 하는 무손실 압축 방식입니다.

압축/해제 는 허프만 코딩과 LZ77 압축을 기반으로 하는 무손실 압축 알고리즘입니다.

Cloudflare를 사용하여 이미지를 압축하는 방법

Cloudflare는 이미지를 최대한 빠르게 로드할 수 있도록 저장, 캐싱, 최적화, 크기 조정을 위한 세 가지 제품을 제공합니다:

이러한 서비스를 통해 웹사이트 소유자는 클릭 한 번으로 이미지를 최적화하고, 이미지를 WebP와 같은 압축 파일 형식으로 변환하고, 어떤 장치에 어떤 이미지 크기를 로드할지 사용자 지정할 수 있습니다. 위의 링크에서 이러한 서비스에 대해 자세히 알아보거나 여기에서 Cloudflare 요금제를 시작하세요.