손실 압축 대 무손실 압축: 두 형식에 대한 초보자 가이드

디지털 이미지는 웹의 고유한 부분이며 일부 미디어 없이는 콘텐츠를 만들기 어렵습니다. 겸손한 정지 이미지는 글에 추가적인 맥락을 제공하는 훌륭한 방법입니다.

그러나 이미지는 최적화 없이 파일 크기가 엄청날 수 있습니다. 손실 압축과 무손실 압축은 각각 이미지의 크기를 줄일 수 있기 때문에 일반적인 고려 사항이지만 고려해야 할 품질 균형도 있습니다.

거의 항상 이미지에 약간의 압축을 적용해야 합니다. 이렇게 하면 파일 크기를 줄이면서도 허용 가능한 수준으로 품질을 유지합니다. 올바른 압축 수준을 선택하는 것은 최종 목표와 요구 사항에 따라 달라집니다.

이 게시물에서는 손실 압축과 무손실 압축을 살펴보겠습니다. 전체적으로 이미지가 "모양을 갖추기 위해" 걸리는 프로세스, 압축이 무엇인지, 이미지 최적화의 기타 여러 측면에 대해 설명합니다.

손실과 무손실의 차이점

디지털 이미지 압축과 관련하여 선택할 수 있는 여러 형식이 있습니다. 때로는 많은 요인에 따라 다른 이름이 있을 수 있습니다. 그러나 핵심 수준에서는 두 가지 유형을 찾을 수 있습니다.

• 손실 압축: 여기에서 목표는 이미지에 대해 가능한 가장 작은 파일 크기를 제공하는 것입니다. 따라서 이미지 품질은 종종 우선 순위 목록에서 낮습니다.
• 무손실 압축: 이 압축 형식을 사용하면 여전히 파일 크기가 크게 줄어들지만 이미지에는 아티팩트 및 기타 문제가 발생하지 않습니다.

대부분의 경우 사용할 형식에 대한 결정은 최종 목표: 작은 파일을 원하십니까, 아니면 품질을 유지하는 데 중점을 두십니까?

손실 압축은 이미지에서 불필요하다고 생각되는 데이터를 영구적으로 제거합니다. 이를 달성하기 위해 다양한 기술을 사용하므로 파일 크기가 훨씬 작아집니다.

무손실 압축도 데이터를 제거하지만 필요한 경우 원본을 복원할 수 있습니다. 목표는 높은 품질을 유지하면서 파일 크기를 줄이는 것입니다.

이를 달성하는 몇 가지 방법이 있지만 결과는 종종 동일합니다. 요구 사항에 맞는 옵션을 찾기 위해 먼저 한 걸음 물러나서 일반적인 이미지 및 압축의 기본 사항을 검토해 보겠습니다.

디지털 이미지의 요소

소프트웨어 및 웹 개발과 마찬가지로 카메라에서 웹으로 이미지를 가져오는 "스택"이 있는 경우가 많습니다.

이미지는 "원시" 데이터로 시작합니다(따라서 이름이 RAW). 이것은 앱의 코드와 유사합니다. 스니펫, 라인 및 값은 색상, 이미지 자리 표시자, 동적 요소 등이 있는 배경으로 변환됩니다.

이미지의 경우 RAW 파일은 카메라 제조업체, 편집 소프트웨어, 색 공간 알고리즘 등에 따라 약간 다른 이미지 표현을 나타냅니다. 여기에서 이미지를 편집하고 여러 파일 형식 중 하나로 내보냅니다(나중에 자세히 설명).

표준 디지털 이미지를 구성하는 몇 가지 요소가 있습니다.

• 파일 유형: 다른 유형은 최종 이미지에 적합하거나 적합하지 않을 수 있는 품질을 제공합니다. 핵심은 응용 프로그램에 가장 적합한 파일 형식을 선택하는 것입니다.
• 해상도: 메가픽셀(MP)로 표시되는 경우가 많지만 인치당 픽셀 수(PPI) 또는 인치당 도트 수(DPI)도 사용합니다. 해상도가 높을수록 품질이 향상되지만 초기 파일 크기도 커집니다.
• 비트 심도: 이 측면은 이미지의 색상 정보를 결정합니다. 낮은 비트 심도는 몇 가지 색상만 렌더링하지만 높은 비트 심도는 잠재적으로 한 번에 수백만 가지 색상을 렌더링할 수 있습니다. 일반적으로 높을수록 좋습니다.
• 치수: 이것은 이미지가 차지하는 물리적 공간입니다. 예를 들어, 1,000픽셀 x 500픽셀은 이미지의 전체 크기를 정의할 수 있습니다.
• 색상 공간: 색상이 표시되는 방식을 결정하는 알고리즘입니다. 각 색 공간은 다르게 설정되며 종종 사진 작가의 취향에 따라 결정됩니다.

이러한 요소가 결합되어 다양한 품질의 최종 이미지를 제공합니다. 예를 들어, 고해상도의 높은 비트 심도의 큰 JPEG 사진은 최고의 품질과 선명도를 제공합니다.

대조적으로, 크기가 크고 많은 색상을 표시할 수 있는 이미지라도 저해상도에서는 좋지 않게 보일 수 있습니다.

이 균형은 압축을 적용하기 전에 핵심 이미지를 개발하는 방법입니다. 그러나 이미지에 사용하는 형식은 최종 품질에서 큰 부분을 차지합니다.

웹 이미지 최적화 작동 방식

이미지 압축은 일반적으로 내부적으로 동일하기 때문에 웹용 이미지를 최적화하는 방식에 표준 규칙을 적용할 수 있습니다.

우리는 Kinsta 블로그의 다른 곳에서 이러한 개념을 많이 다루지만 참조용으로 빠른 요약을 제공할 가치가 있습니다.

• 웹 표준이므로 72 PPI 해상도를 사용하십시오. 보관을 위해 더 높은 PPI/DPI를 사용할 수 있지만 웹에 게시하는 것으로 가정합니다.
• 이미지의 "긴 가장자리"를 2048px로 설정하십시오. 이는 다양한 응용 프로그램에 가장 적합합니다.
• 옵션이 있으면 8비트 색 농도를 사용하십시오.
• 게시하기 전에 압축 및 최적화 도구를 통해 이미지를 실행합니다.

압축 및 최적화가 이 기사의 나머지 부분에서 확장되지만 일관된 결과를 제공할 수 있는 간단한 형식입니다.

이를 위해 손실 압축과 무손실 압축의 장단점을 살펴보겠습니다.

이미지 압축이 웹 이미지에 도움이 되는 방법

일반적으로 "압축"은 최소값과 최대값을 더 가깝게 압축합니다. 예를 들어, 압축은 음악에서 가장 낮은 볼륨을 높이고 가장 높은 볼륨을 줄입니다. 이것은 평균 레벨을 귀에 더 크게 만듭니다.

이미지의 경우 압축은 좀 더 환원적인 과정입니다. 즉, 이미지에서 데이터를 제거하여 파일 크기를 줄이고 품질을 최대한 높이는 데 중점을 둡니다.

이미지 파일 크기를 줄이는 데 도움이 되는 다양한 독점 알고리즘이 있습니다. 대부분의 경우 이들은 특정 회사의 소유입니다. 각각 고유한 설명자가 있는 많은 "손실" 및 "무손실" 압축 표준을 찾을 수 있습니다.

그렇긴 해도 특정 형식에만 국한되지 않는 이미지 압축을 적용하면 많은 이점이 있습니다.

• 파일 크기를 작게 유지하여 사이트 성능을 향상시킬 수 있습니다.
• 확장하면 사이트의 서버에서 수행할 작업이 줄어들어 성능에 영향을 줍니다.
• 작은 파일 크기는 서버 방출을 줄이는 데 도움이 됩니다. 따라서 귀하는 지속 가능하고 윤리적인 미래에 기여하도록 돕습니다.
• 선택한 알고리즘과 압축 품질에 따라 거의 완벽하고 비슷한 품질을 표시할 수 있습니다.

공유 가능한 이미지를 생성하는 것과 마찬가지로 다양한 압축 값을 사용하고 특정 회사를 사용하고 올바른 알고리즘을 선택하는 것은 자신에게 적합한 결과를 찾는 데 매우 중요합니다.

손실 압축의 장단점

손실 압축은 다른 모든 측면을 거의 제외하고 이미지의 파일 크기를 줄입니다. 알고리즘이 작동하는 방식은 데이터를 영구적으로 제거하는 것입니다. 이것은 소리만큼 파괴적일 수 있습니다.

우리가 너트와 볼트를 너무 많이 다루지는 않을 것이지만 일부 데이터 손실 압축 제거가 이미지에서 볼 수 있다는 점을 알아두십시오. 아이디어는 원본의 고품질 이미지를 더 가벼운 무게로 가장 잘 표현하는 것입니다. 이것은 일부 데이터가 잘리지 않는다는 것을 의미합니다.

일반적으로 손실 압축을 사용하면 다음과 같은 몇 가지 이점이 있습니다.

뉴스레터 신청

트래픽을 1000% 이상 증가시킨 방법을 알고 싶으십니까?

WordPress 내부자 팁이 포함된 주간 뉴스레터를 받는 20,000명 이상의 다른 사람들과 함께하십시오!

지금 구독

• 파일 크기는 작습니다. 경우에 따라 10KB 미만입니다.
• 아티팩트에도 불구하고 품질 손실은 많은 경우에 허용됩니다.

이것은 손실 압축 사용에 대한 부정적인 결과를 가져옵니다. 압축률에 관계없이 이미지 품질이 저하됩니다.

색상 밴딩(색상 음영이 올바른 방식으로 렌더링되지 않음)과 경우에 따라 가장자리 선명도 손실이 표시됩니다. 더 적은 색상의 이미지는 이것을 덜 보여주지만 선명도의 감소는 여전히 존재합니다.

또한 이미지 품질 저하가 압축 프로세스의 영구적인 기능입니다. 이것은 나중에 효과를 되돌릴 방법이 없다는 것을 의미합니다.

단점에도 불구하고 손실 압축은 웹 및 사이트 성능에 탁월합니다. 파일 크기가 작다고 해서 항상 거친 이미지가 나오는 것은 아니지만 (물론) 극단적으로 취할 수는 있습니다.

그러나 손실이 유일한 옵션은 아닙니다. 무손실 압축은 품질에 민감한 사이트 소유자를 위한 대안입니다.

무손실 압축의 장단점

무손실 압축은 레이블에 표시된 대로 수행됩니다. 보이는 품질에 영향을 주지 않으면서 이미지의 파일 크기를 최대한 압축합니다. 불필요한 공간을 차지할 수 있는 이미지 메타데이터를 제거하여 이를 수행합니다.

또한 무손실 압축 알고리즘은 반복되는 픽셀 시퀀스를 찾은 다음 바로 가기를 인코딩하여 표시합니다. 예를 들어 "명령줄 인터페이스"를 사용합니다. 종종 약어를 한 번 정의한 다음 "CLI"(또는 선택한 약어)를 사용하여 번개 같은 속도로 참조합니다.

무손실 압축은 덜 파괴적이라는 점에서 동일한 방식으로 작동합니다. 메타데이터를 제거하면 되돌릴 수 없지만 일부 압축은 되돌릴 수 있으므로 많은 용도에 유연한 알고리즘이 됩니다.

무손실 압축 사용의 장점은 품질 유지와 관련이 있습니다.

• 무손실 압축은 다른 모든 알고리즘과 비교하여 이미지에서 최고의 품질을 유지합니다.
• 무손실은 보관 목적으로 환상적입니다. 예를 들어 사진 작가는 가장 많은 데이터를 보존하는 이미지와 스토리지 리소스의 균형을 맞출 수 있습니다.
• 무손실은 사진, 그래픽 디자인, 디지털 아트 등 시각 예술에 선호되는 압축 알고리즘입니다. 무손실 알고리즘을 적절한 깊이 및 해상도와 결합하면 거의 "일대일" 복사를 달성할 수 있습니다.

그러나 무손실 압축이 특정 틈새 시장에 얼마나 잘 활용되는지에 대해 주의할 점이 있습니다. 응용 프로그램의 범위가 작습니다. 이는 전체 가용성을 감소시킵니다.

다음은 고려해야 할 무손실 압축의 몇 가지 다른 단점입니다.

• 웹 사이트에서 많은 이미지를 사용하는 경우 무손실 압축이 이미지를 표시하는 데 최적이 아닐 수 있습니다. 대부분의 경우 이러한 유형의 상황에서 더 작은 파일 크기를 중요하게 생각하기 때문입니다.
• 압축은 파일 크기를 줄이지 만 무손실 알고리즘은 이미지 데이터를 손실만큼 많이 변경하지 않습니다. 이 때문에 극단적인 슬리밍 결과가 아닌 약간의 크기 감소만 보일 수 있습니다.

다음으로 가장 빠른(그리고 잠재적으로 가장 좋은) 방법을 살펴보겠습니다.

손실과 손실 사이에서 선택하는 방법

이 시점에서 손실 압축과 무손실 압축의 차이점을 이해하게 됩니다. 그러나 여전히 귀하의 사이트에서 어떤 알고리즘을 사용하는 것이 가장 좋은지 모를 수 있습니다.

다음 두 가지 상황을 고려해야 합니다.

1. 웹의 대부분의 사용 사례에서 손실 압축을 사용할 수 있습니다.
2. 사진이나 사진 예술을 표시하려면 무손실 압축이 더 좋습니다.

이러한 고려 사항은 JPEG, PNG 또는 GIF와 같은 표준 웹 이미지 형식 중 하나를 사용하는 것에 의존합니다. 그러나 압축 요구 사항은 HEIC 및 WebP와 같은 최신 형식에 따라 다를 수 있습니다.

사이트에 사진을 표시하지 않는 한 손실 압축이 기본 선택이어야 합니다. WordPress는 기본적으로 이미지를 압축하므로 손실 압축이 거의 모든 응용 프로그램에 적합하다는 것을 보여줍니다.

온라인 압축 서비스를 사용하여 이미지 최적화

이미지를 사이트에 표시하기 전에 압축하는 방법에는 여러 가지가 있습니다. 예를 들어 편집 단계에서 압축을 적용하도록 선택할 수 있습니다. 이것은 어쨌든 RAW 형식에서 변환하는 부산물일 수 있습니다.

그러나 인기 있는 선택은 많은 온라인 서비스 중 하나입니다. 각각은 알고리즘 선택과 예시적인 사용자 인터페이스(UI)를 제공합니다. 게다가 대부분은 최소한 커밋하기 전에 앱을 사용해 볼 수 있는 약간의 무료 서비스를 제공합니다.

API(응용 프로그래밍 인터페이스)에 연결하는 WordPress 전용 플러그인이지만 이미지 최적화에 대한 기사에서 몇 가지 옵션을 다룹니다. 좋은 소식은 이러한 플러그인 중 상당수가 온라인 인터페이스도 제공한다는 것입니다. 예를 들어 ShortPixel을 고려하십시오.

여기에서 이미지를 업로더로 드래그한 다음 앱이 이미지를 압축하고 처리할 때까지 기다립니다. 그러나 프로세스가 바로 시작되므로 먼저 알고리즘을 선택하는 것이 좋습니다.

선택은 간단합니다. 두 가지 형태의 손실 압축("손실" 및 "광택")과 무손실 옵션입니다. ShortPixel의 인터페이스는 각 알고리즘의 차이점을 잘 설명하며 몇 초 안에 이미지를 다운로드할 수 있습니다.

둘 다 사용자의 요구 사항에 대처할 수 있지만 Imagify 인터페이스는 ShortPixel보다 더 매끄럽고 전문적으로 보입니다. 여기에는 Normal, Aggressive 및 Ultra의 세 가지 "압축 수준"도 있습니다.

여기서 약간의 차이점은 Imagify가 무손실 압축으로 시작하여 아티팩트가 많은 손실 알고리즘까지 작동한다는 것입니다. 그러나 다른 솔루션에서는 찾을 수 없는 몇 가지 다른 옵션이 있습니다.

우선 이미지의 EXIF ​​데이터를 그대로 유지하고 변환 후 크기를 조정할 수도 있습니다. 이는 때때로 EXIF ​​데이터를 제거하거나 이미지 크기를 조정하는 방법을 제한할 수 있는 압축 수준을 적용하려는 경우 매우 중요합니다.

신화에 나오는 이름처럼 Kraken은 이미지를 랭글링하고 다양한 유형의 압축을 적용할 수 있습니다. 대부분의 사용자는 Lossy 또는 Lossless 유형을 선택합니다.

그러나 전문가 모드도 있습니다.

이를 통해 다른 옵션 중에서 필요에 따라 압축을 조정할 수 있습니다. 예를 들어 JPEG 및 PNG 압축 수준을 모두 조정하고, 이미지의 메타데이터를 보존하도록 선택하고, 크로마 서브샘플링으로 작업하여 색상을 추가로 변경할 수도 있습니다.

요약

이미지는 사이트의 단순한 측면처럼 보일 수 있습니다. 파일을 가져와 WordPress에 업로드한 다음 이미지 블록을 추가하여 표시합니다.

그러나 웹용 이미지를 준비하는 과정에는 생각보다 많은 것이 있습니다. 선택한 압축 형식은 파일 크기, 이미지 품질 등에 영향을 줄 수 있습니다.

이 게시물에서는 손실 압축과 무손실 압축을 살펴보고 어떤 압축을 선택해야 하는지 요약했습니다. 품질 대 크기의 줄타기를 하고 있음에도 불구하고 손실 압축은 웹에서 대부분의 사용 사례에 적합합니다. 사진가나 이미지 품질 변경에 대해 우려하는 사람들은 파일 크기에 대한 이점이 더 적지만 무손실 압축을 사용하기를 원할 것입니다.

손실 압축과 무손실 압축의 싸움에서 어느 편에 섰습니까? 아래 의견 섹션에서 귀하의 생각을 알려주십시오!