이미지 압축기 및 이미지 압축

저는 웹디자이너이자 웹개발자입니다. 그래서 웹사이트가 빨리 로드되는지 확인하고 싶습니다. 이를 수행하는 한 가지 방법은 다음과 같은 도구를 사용하여 이미지를 압축하는 것입니다. 이미지 압축기. 정확히 무엇입니까 이미지 압축 그리고 그것을 하기 위한 훌륭한 도구는 무엇입니까?

~웹 개발자/ 웹 디자이너

1 부 : 소개파트 II: 손실 VS 무손실 압축파트 III: 다양한 유형의 파일파트 IV: 올바른 파일 형식 선택파트 V: 인쇄 디자인 및 이미지 압축XNUMX부: 이미지 압축의 장점과 단점파트 VII: 이미지 압축기 도구XNUMX부: 결론

1 부 : 소개

이미지 압축을 올바르게 구현하면 다양한 이미지 파일의 크기와 모양이 크게 향상될 수 있습니다. 이미지 압축은 일반적으로 잘못 이해됩니다. 때때로 이것은 사람들이 어떤 다른 압축 유형이 실제로 더 잘 사용되는지 모르기 때문입니다.

다양한 이미지 유형에 어떤 압축 유형을 활용할지 신중하지 않으면 다음 두 가지로 끝날 것입니다. 첫째, 이미지가 예전보다 덜 좋아 보입니다. 둘째, 이미지 파일의 크기는 압축이 이루어진 후에 더 커집니다.

특히 웹 디자인과 관련하여 이미지 압축에 대해 알고 싶은 모든 것이 아래에 포함되어 있습니다. 손실 압축과 무손실 압축의 차이점을 포함하여 다양한 주제를 다룰 것입니다. 또한 다양한 유형의 파일과 파일에 사용되는 압축 기술에 대해서도 다룰 것입니다. 또한 다양한 유형의 이미지에 가장 적합한 파일 형식에 대한 지침을 제공합니다. 또한 이미지 압축의 장단점을 알려드립니다. 마지막으로 이미지를 압축하는 데 사용할 도구에 대한 팁을 제공합니다. 시작하자.

파트 II: 손실 VS 무손실 압축

많은 사람들은 무손실 압축 이미지 형식을 활용하는 것이 필수라고 생각합니다. 이러한 유형의 압축은 일반적으로 많은 이미지 유형에 적합합니다. 그러나 무손실 압축은 일부 형식에서도 최상의 유형이 아닙니다.

이미지의 무손실 압축으로 실제 원본 파일의 데이터 보존이 이루어집니다. 반면에 손실 압축은 실제 원본 파일에서 데이터의 일부를 제거합니다. 원본보다 축소된 형식으로 이미지를 저장합니다. 디자이너는 실제로 이미지의 압축률을 설정하여 무시할 데이터의 양에 대한 결정을 내릴 수 있습니다.

무손실 압축

무손실 압축을 하기 위해서는 몇 가지 방법을 사용할 수 있습니다. 실행 길이 인코딩은 BMP 파일에 가장 적합합니다. 이러한 유형의 무손실 압축을 사용하면 데이터 실행(연속적이고 동일한 값을 갖는 데이터 요소 참조)이 데이터 및 개수의 단일 값 내에서 저장됩니다. 이 유형의 무손실 압축은 매우 단순하고 동일한 데이터 요소가 많은 이미지 파일에 가장 적합합니다.

무손실 압축의 또 다른 방법은 DEFLATE입니다. 이것은 PNG 형식의 이미지에 가장 잘 활용됩니다. Huffman 코딩과 LZ77 알고리즘을 함께 활용합니다. DEFLATE는 gzip 압축 및 ZIP 압축에도 사용됩니다.

Lempel-Ziv-Welch의 약어인 LZW 압축은 무손실 압축을 위한 또 다른 알고리즘입니다. 주로 TIFF 및 GIF 파일 형식에 사용됩니다. 이러한 유형의 무손실 압축은 제한된 방식으로 데이터 분석을 실행합니다.

손실 압축

손실 압축을 위한 여러 가지 방법을 사용할 수 있습니다. 일부는 파일 크기를 크게 줄이기 위해 무손실 기술과 결합하기도 합니다. 손실 압축의 한 가지 방법은 해당 이미지 내에서 가장 일반적인 색상으로 이미지의 색 공간을 줄이는 것입니다. 대부분의 경우 이 방법은 GIF 파일 형식으로 사용됩니다.

그러나 파일 크기를 크게 줄이기 위해 PNG 형식에서도 사용되는 경우가 있습니다. 이 손실 압축 방법을 올바른 이미지 유형에 디더링과 함께 사용하면 원본 파일과 거의 동일한 이미지가 생성됩니다.

변환 인코딩은 JPEG 파일 형식에 사용되는 인코딩 유형 중 하나입니다. 이 유형의 압축은 압축되는 이미지의 작은 블록 내에서 다른 색상의 평균을 만듭니다. DCT(discrete cosine transform)를 활용하여 원본에 비해 상대적으로 색상이 적은 이미지를 생성합니다.

또 다른 종류의 손실 압축은 크로마 서브샘플링입니다. 이것은 일반적으로 JPEG 파일 형식 및 비디오 인코딩 체계에 사용됩니다. 밝기 변화에 대한 인간의 눈의 인식이 색상 변화에 대한 인식에 비해 더 선명하다는 사실을 고려합니다. 밝기(루마) 정보를 유지하면서 동시에 색상(크로마) 정보의 일부를 평균화하거나 삭제하여 이 과학적 사실을 활용합니다.

파트 III: 다양한 유형의 파일

이 기사에서는 웹 디자인 영역에서 가장 많이 사용되는 파일 유형인 세 가지 유형의 파일에 중점을 둘 것입니다. 이러한 파일 형식은 JPEG, PNG 및 GIF입니다. TIFF, TGA 및 PCX와 같은 압축을 사용하는 다른 형식의 이미지도 있습니다. 그러나 우리가 집중적으로 다룰 세 가지 파일 유형은 웹 디자인에서 널리 사용됩니다.

GIF(그래픽 교환 형식)

이 이미지 형식은 비트맵 형식이며 1987년 CompuServe에서 처음 도입했습니다. 픽셀당 최대 8비트를 지원하므로 이 형식의 특정 이미지는 약 256개의 RGB 색상을 수용할 수 있습니다. GIF 형식이 할 수 있는 가장 좋은 점은 이미지에 애니메이션을 적용할 수 있다는 것입니다. 이 기능은 JPEG 및 PNG 형식에는 없습니다.

JPEG (공동 사진 전문가 그룹)

이미지 파일 크기를 훨씬 더 작게 만들기 위해 손실 압축을 사용합니다. JPEG 형식의 가장 큰 장점은 사용되는 이미지 압축 범위를 결정할 수 있다는 것입니다. 그 결과 특히 적절하게 사용하는 경우 이미지 품질이 향상됩니다. 또한 이미지의 품질을 수용하기에 충분히 합리적인 가장 작은 크기가 됩니다.

그러나 JPEG는 손실 압축을 사용하기 때문에 해당 형식으로 저장한 이미지는 아티팩트가 발생하기 쉽습니다. 특정 이미지 구간에서 이상한 후광이 보이는 이벤트입니다. 또한 아티팩트는 이미지에서 보이는 픽셀화로 이어집니다. 일반적으로 이미지의 대비가 높을수록 실제로 이미지를 더 높은 품질로 저장해야 합니다. 이것은 여전히 ​​보기에 알맞은 최종 이미지로 이어집니다.

PNG (휴대용 네트워크 그래픽)

이것은 비트맵의 또 다른 이미지 형식입니다. 그러나 손실 압축을 사용하는 대신 무손실 압축을 사용합니다. PNG는 GIF 형식을 대체하기 위해 공식화되었습니다. Internet Explorer에서 장기간 PNG 형식을 지원하지 않습니다. 그렇기 때문에 JPEG 및 GIF 형식에 비해 덜 일반적으로 사용됩니다. 그러나 현재 가장 널리 사용되는 웹 브라우저에서 지원됩니다.

PNG 형식은 팔레트 기반 색상을 지원합니다. 이들은 32비트 RGBA 또는 24비트 RGB일 수 있습니다. 그레이스케일, RGB 및 RGBA 색상 공간일 수도 있습니다. PNG 형식의 가장 큰 특징 중 하나는 다양한 투명도 옵션을 지원하는 기능입니다. 이러한 투명도 옵션 중 하나는 알파 채널 투명도입니다.

파트 IV: 올바른 파일 형식 선택

위에 명시된 파일 형식(예: PNG, JPEG 및 GIF)은 다양한 이미지 유형에 사용할 수 있습니다. 올바른 파일 형식을 선택하면 훨씬 더 작은 크기와 더 나은 품질의 이미지로 이어질 수 있습니다. 잘못된 형식을 선택하면 이미지의 품질이 상대적으로 낮아지고 크기도 커질 수 있습니다.

GIF 형식은 선 그림이나 로고와 같은 단순한 이미지에 가장 적합합니다. GIF에는 제한된 색상 팔레트가 있기 때문입니다. 그리고 미묘한 색상 변화와 그라데이션이 있는 이 이미지 때문에 포스터화되는 경우가 많습니다. 일부 배열에서는 디더링을 사용하여 이를 방지할 수 있습니다. 그러나 가장 좋은 해결책은 다른 형식의 이미지 파일을 활용하는 것입니다.

GIF가 적합하지 않은 그라디언트가 있는 이미지나 사진의 경우 사용할 수 있는 최상의 파일 형식은 JPEG 파일 형식입니다. JPEG는 색상 변화가 미묘하고 선명한 대비가 거의 없는 이미지에 가장 적합합니다.

이미지에 선명한 대비가 포함된 섹션이 있는 경우 아티팩트가 나타날 가능성이 높습니다. 아티팩트는 이미지의 특정 부분 주위에 위치한 여러 색상의 후광을 나타냅니다. 가장 좋은 방법은 JPEG 파일을 실제로 저장하기 전에 압축 수준을 조정하는 것입니다. 이렇게 하면 더 높은 품질과 더 작은 크기의 이미지가 생성됩니다.

이미지에 높은 대비가 포함된 경우(특히 대비 및 다중 그라데이션이 있는 일러스트레이션 또는 사진과 관련하여) 사용하기에 가장 좋은 형식은 PNG입니다. 일반적으로 PNG 파일은 JPEG 파일에 비해 크기가 큽니다. 그러나 여전히 이미지에 따라 다릅니다. PNG 파일도 무손실 압축을 사용합니다. 즉, 원본 이미지의 품질이 그대로 유지됩니다.

다음은 다양한 이미지 유형에 가장 적합한 실제 파일 유형을 확인할 수 있는 개요입니다.

GIF

* 파일에 애니메이션이 필요합니다.

* 간단한 그래픽과 라인 드로잉.

* AVOID - 그라디언트가 포함된 이미지; 사진.

JPEG

* 콘트라스트가 높지 않은 사진.

* 게임, 영화 및 기타 유사한 콘텐츠의 스크린샷.

* AVOID - 높은 대비를 포함하는 이미지; 상세 이미지(예: 다이어그램) 간단한 그래픽(이로 인해 파일 크기가 커짐).

PNG

* 삽화, 라인 아트.

* 콘트라스트가 높은 사진.

* 투명도가 필요한 이미지(예: 알파 채널 투명도).

* 애플리케이션 스크린샷 및 상세 다이어그램.

* AVOID - 대비가 낮은 사진. 이로 인해 파일 크기가 더 커집니다.

파트 V: 인쇄 디자인 및 이미지 압축

이 가이드의 대부분은 웹 디자인과 관련하여 이미지 압축에 대해 설명했습니다. 그러나 인쇄 디자인과 관련하여 이미지 압축의 효과에 대해 알려드리겠습니다. 대부분 손실 압축을 피해야 하며 인쇄 디자인과 관련하여 사용해서는 안 됩니다.

인쇄 디자인은 화면의 그래픽에 비해 낮은 아티팩트 및 이미지 품질이 발생하기 쉽습니다. 예를 들어 중간 품질을 사용하여 JPEG 파일을 저장하면 화면에서 괜찮아 보일 수 있습니다. 그러나 인쇄할 때 품질 손실이 매우 눈에 띄기 때문에 아티팩트가 발생합니다. 프리미엄 잉크젯 프린터를 사용한 경우에도 마찬가지입니다.

인쇄 디자인의 경우 무손실 압축을 활용하는 파일 형식을 사용하는 것이 가장 좋습니다. 이미지를 압축해야 하는 경우 TIFF 파일 형식을 사용하는 것이 가장 좋습니다. 이는 상기 파일 형식이 다양한 무손실 압축 방법에 대한 다양한 옵션을 제공하기 때문입니다. 그리고 이러한 옵션에는 앞서 언급한 LZW 방법이 포함됩니다.

그러나 이미지를 인쇄하는 경우 특정 이미지 자체와 실제로 인쇄되는 위치에 따라 달라집니다. 일반적으로 압축이 전혀 포함되지 않은 파일 형식을 사용하는 것이 좋습니다. 그렇기 때문에 응용 프로그램 자체의 원본 파일을 사용할 수 있습니다.

XNUMX부: 이미지 압축의 장점과 단점

이미지 압축에는 다양한 장점과 단점이 있습니다. 이들은 실제로 아래에서 볼 수 있습니다.

장점:

파일 크기 감소

이미지 압축이 제공하는 가장 중요한 이점은 파일 크기를 줄이는 것입니다. 압축하려는 파일 유형에 따라 원하는 크기에 도달할 때까지 이미지 압축을 계속 수행할 수 있습니다.

파일 크기가 줄어들면 이미지 파일이 하드 디스크 드라이브에서 상대적으로 적은 공간을 차지합니다. 그러나 여전히 원본 이미지의 크기와 동일합니다. 즉, Photoshop과 같은 이미지 편집기를 사용하여 이미지 크기를 수동으로 편집하지 않는 한.

파일 크기를 줄이면 특히 World Wide Web에 많은 이점이 있습니다. 그것은 웹마스터에게 많은 호스팅 공간이나 대역폭 할당을 차지하지 않고 이미지가 풍부한 사이트를 만들 수 있는 기능을 제공합니다.

더 빠른 로딩 속도

크기가 큰 무압축 이미지를 로드할 때 속도가 느린 전자 장치(예: 카메라, 휴대폰, 컴퓨터)가 있습니다. 예를 들어, CD 드라이브에는 데이터 읽기 속도가 제한되어 있습니다. 이러한 CD 드라이브는 큰 이미지를 제대로 표시할 수 없습니다.

데이터 전송 속도가 느린 일부 웹 호스팅 서비스는 경쟁 웹 사이트보다 빠르게 로드되는 기능적인 웹 사이트를 갖기 위해 압축 이미지도 필요합니다. 압축되지 않은 파일을 로드하기 위해 하드 드라이브도 더 열심히 노력합니다. 이미지 압축을 사용하면 느린 장치에서 데이터를 더 빠르게 로드할 수 있습니다.

단점 :

낮은 품질

일반적으로 이미지를 압축하면 이미지 품질이 저하(일명 열화)됩니다. 해상도가 높은 이미지를 표시해야 하는 경우 이미지 압축을 사용하면 이미지 품질이 저하될 수 있으므로 이미지 압축을 사용하지 않는 것이 좋습니다.

데이터 손실

일부 유형의 파일(예: JPEG)은 이미지 압축을 거치고 크기가 줄어들면 이미지의 데이터가 영구적으로 손실됩니다. 이러한 이미지를 압축할 때 압축되지 않은 원본 파일이 그대로 유지되는지 확인해야 합니다. 이런 식으로 백업이 있습니다. 그렇지 않으면 압축되지 않은 파일의 품질 손실이 발생합니다.

파트 VII: 이미지 압축기 도구

이미지 압축을 위해 권장하는 이미지 압축 도구는 FoneDog의 무료 온라인 사진 압축기. 해당 도구에는 다음과 같은 장점이 있습니다.

* 이미지 파일(예: JPEG 또는 PNG)을 압축하여 이미지 품질을 크게 잃지 않고 크기를 줄일 수 있습니다.

* 그것은 당신이 당신의 장치에 더 많은 공간을 절약할 수 있습니다. 따라서 이 공간을 다른 사진, 동영상 및 중요한 문서에 사용할 수 있습니다.

* 특히 웹 사이트 내에서 사용하려는 경우 더 적은 대역폭을 사용하는 이미지가 됩니다. 따라서 특히 사용한 웹 호스팅 패키지에 사용할 수 있는 데이터 전송량이 제한된 경우 많은 대역폭을 절약하고 더 많은 사용자를 수용할 수 있습니다.

* 결과적으로 장치 내에서 및 웹 호스팅 서비스 제공업체의 로딩 시간이 빨라집니다. 웹사이트 사용자는 느린 로딩 시간에 지루해하지 않습니다. 이미지는 공간을 덜 차지하기 때문에 더 빨리 로드되고 더 나은 사용자 경험을 제공합니다.

FoneDog의 무료 온라인 사진 압축기를 단계별로 사용하는 방법은 다음과 같습니다.

01 단계 - FoneDog 웹 사이트의 사진 압축기 페이지로 이동 LINK.

02단계 - 이미지를 업로드합니다. 최대 이미지 크기는 이미지당 약 20MB로 최대 5개의 이미지를 업로드할 수 있습니다.

03단계 - 사진이 압축된 후 해당 플랫폼 내에서 압축된 이미지 파일을 다운로드합니다.

XNUMX부: 결론

이미지 압축은 품질을 많이 잃지 않고 이미지 크기를 줄이는 좋은 방법입니다. 그렇기 때문에 많은 사람들이 장치 및 웹 사이트 내에서 더 빠른 로딩 시간을 위해 사용합니다. 이미지를 압축하려면 다음을 사용할 수 있습니다. FoneDog의 사진 압축기 도구. 품질을 많이 손상시키지 않으면서 이미지를 압축하고 크기를 줄이는 훌륭한 도구입니다.