왜 이미지를 압축한 후 흐릿하게 보이는지에 대해

이미지를 압축하면 어떤 변화가 생겼는지

JPG 및 WebP의 손실 압축은 시각 정보의 일부를 제거하여 파일을 줄입니다. 중간 정도의 수준에서는 많은 변화가 눈에 띄지 않습니다. 품질이 너무 낮으면 가장자리 흐림, 텍스트 주변 얼룩, 그라데이션 블록 및 머리카락, 잎사귀, 천의 질감 손실이 나타납니다.

압축이 항상 유일한 원인은 아닙니다. 너비가 600픽셀인 사진은 고화질로 저장되었더라도 페이지가 이를 1200픽셀로 확대하면 선명하지 않게 보일 수 있습니다. 따라서 두 가지 질문을 구분하는 것이 좋습니다: 파일이 인코딩 과정에서 세부 정보를 잃었는가, 아니면 단순히 표시 크기에 충분한 픽셀이 없는가?

원인 식별 방법

1. 원본 파일과 압축 파일을 동일한 확대 수준에서 열어보세요.
2. 텍스트 영역, 대각선 가장자리, 부드러운 그림자 및 세부 사항을 비교하세요.
3. 두 파일의 픽셀 크기를 확인해 보세요.
4. 미리보기뿐 아니라 최종 크기로 결과를 확인하세요.
5. 원본도 흐릿하게 보이면 압축은 원래 없던 세부 정보를 복구할 수 없습니다.

너무 강한 압박의 징후

• 정사각형 블록: 하늘, 벽, 그라데이션에서 흔하게 나타납니다.
• 헤일로: 글자, 어두운 객체 또는 높은 대비가 있는 선 주변에 나타납니다.
• 임파스토 텍스처: 머리카락, 잔디 및 직물은 구분이 어려워집니다.
• 띠 색상: 부드러운 그라디언트가 눈에 띄는 줄무늬로 변환됩니다.

이런 결함이 보이면 원본을 다시 열어 이미지 컴프레서 그리고 점차적으로 품질을 높이세요. 이전 결과를 다시 압축하지 마세요. 손실이 있는 새 내보내기는 손상을 누적시킬 수 있습니다.

내용에 따른 권장 품질

보편적인 비율은 존재하지 않습니다. 자연 사진은 작은 글씨가 있는 스크린샷보다 더 많은 압축을 허용합니다. 시작점으로 사진에는 중고품질을, 인터페이스, 다이어그램 또는 텍스트가 포함된 이미지에는 고품질을 사용하세요. 그런 다음 미리보기에서 파일 크기와 화면을 비교합니다.

캡처 이미지에서 가장자리를 완벽하게 유지해야 할 경우, PNG을 시도해 보세요. 사진의 경우 JPG 또는 WebP이 보다 합리적인 균형을 제공하는 경우가 많습니다. 가이드 JPG, PNG, 그리고 WebP 각 포맷이 적절한 시기를 설명합니다.

해상도도 문제일 수 있습니다

크기를 줄이면 픽셀이 영구적으로 제거됩니다. 이는 원본 이미지가 표시될 공간보다 훨씬 클 때 유용하지만, 결과 이미지가 필요한 크기보다 작으면 선명도가 떨어질 수 있습니다. 너비가 800픽셀이 될 이미지는 최소한 그 너비를 유지해야 합니다. 고밀도 화면에서는 더 큰 버전을 준비하는 것이 유용할 수 있습니다.

CSS, 프레젠테이션 또는 편집기에서 작은 이미지를 확대하지 마세요. 브라우저는 공간을 채우기 위해 픽셀을 보간할 수 있지만, 잃어버린 디테일을 만들어내지는 않습니다.

흐릿한 이미지를 고치는 방법

1. 원본 버전 또는 고해상도 복사본을 복구하세요.
2. 사진의 경우 내용에 따라 JPG 또는 WebP를 선택하세요; PNG는 투명도, 세밀한 텍스트, 또는 간단한 그래픽을 위한 것입니다.
3. 이미 크기가 적절하면 더 부드러운 수준으로 압축하고 치수를 유지하세요.
4. 결과를 100%에서 확인하고 최종 디자인 안에서도 확인하세요.
5. 시각적 차이가 정당화될 때만 다운로드하세요.

자주 묻는 질문

이미 압축된 이미지의 선명도를 되살릴 수 있나요?

필터는 가장자리 대비를 높일 수 있지만, 버려진 정보를 복원하지는 못합니다. 가장 신뢰할 수 있는 방법은 원본으로 돌아가 더 나은 설정으로 다시 내보내는 것입니다.

왜 썸네일은 좋아 보이는데 큰 이미지는 그렇지 않을까요?

크기를 줄이면 결함이 차지하는 공간이 줄어 구분하기 어려워집니다. 중요한 세부 사항은 확대해서 확인하고 실제 게시 크기를 점검하세요.

작은 파일이 항상 더 나을까요?

아닙니다. 목표는 사용 목적에 맞는 적절한 용량을 달성하면서 눈에 띄는 결함을 만들지 않는 것입니다. 몇 킬로바이트를 절약한다고 가독성을 잃는 것은 가치가 없습니다.