JPG vs PNG vs WebP: 어떤 이미지 포맷을 사용해야 하나요?
올바른 이미지 형식을 선택하기위한 실용적인 가이드 - 각 것이 실제로 좋은 일, 그리고 가치의 변환.
세 가지 형식은 거의 모든 이미지를 처리 할 것입니다. 파일 크기 또는 품질 중 잘못된 한 비용을 선택하고 보통 너무 늦게까지 말할 수 없습니다.
다음은 짧은 버전입니다.
짧은 버전
| 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 | 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 | 왜? |
|---|---|---|
| 사진 | 팟캐스트 | 사진 콘텐츠의 가장 작은 파일, 어디서나 지원 |
| 스크린 샷, 로고, 날카로운 가장자리 | 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 | 무손실, 텍스트 주위에 artefacts, 투명성을 지원 |
| 웹 사이트에 아무것도 제어 | 웹페이지 | PNG보다 25-35% 작으며 JPG보다 작습니다. |
| 일하기 | 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 | Lossless, 그래서 반복된 득점방해 그것을 degrade 하지 않습니다 |
JPG: 손실, 사진에 가장 적합한 보편적인
JPG는 데이터를 덮어 크기를 달성하고, 사진에 놓을 가능성이 적어도 사진에 놓을 수 있습니다 데이터의 훼손에 매우 좋습니다. - 피부와 하늘과 같은 부드러운 gradients의 짙은 색상 변형.
그것은 두 가지에 대한 잘못된 선택입니다 :
- 텍스트와 날카로운 가장자리. JPG는 높은 수준의 경계를 둘러싼 눈에 띄는 망치를 생성합니다. JPG로 저장된 스크린 샷은 PNG와 같은 스크린 샷보다 더 큰 파일 크기로 눈에 띄게 나타날 수 있습니다.
- 다시 편집 할 수 있습니다. 모든 저장은 더 버려집니다. 편집 및 손상의 5 라운드는 명백합니다. 이미지에 여전히 작동되는 경우, PNG로 변환 1 년 전
도트 JPG도 모든 것에 대한 투명성. JPG로 수출되는 로고는 그것의 주위에 백색 상자로 도착합니다.
PNG: 무손실, 투명, 더 큰
PNG는 모든 픽셀을 정확하게 저장합니다. 아무것도 버려지지 않고, 저장하는 몇 번이 없습니다. 스크린 샷, 다이어그램, 로고, 아이콘 및 알파 채널과 함께 모든 것을 위해 올바른 것입니다.
비용이 크기입니다. PNG로 저장된 사진은 눈에 띄는 이점에 해당하는 5 배의 JPG가 될 수 있으므로 손실없는 압축은 정보를 던지고 JPG가 달성하는 것에 일치 할 수 없습니다.
PNG는 할 수 없습니다 : JPG가 이미 파괴 된 것을 복구합니다. PNG로 압축 된 JPG를 변환하여 믿음으로 보존하고, artefacts가 포함되어 있습니다. 그것은 더 많은 손실을 중지합니다. 과거 손실이 없습니다.
WebP: 웹에 대한 현대 기본
WebP는 모두 작업입니다. PNG와 경쟁하는 투명성으로 JPG와 무손실 모드와 경쟁하는 손실 모드가 있습니다. 그리고 크기 모두에 모두 이길 수 있습니다. 일반적으로 PNG 보다는 더 작은 25-35% 탁월한 품질로 JPG보다도 더 작습니다.
브라우저 지원은 몇 년 전에 중단 : Chrome, Firefox, Safari 및 Edge는 데스크톱 및 모바일에서 모든 핸들링을 모두 처리합니다.
왜 아직 PNG가? WebP가 어획되기 때문에 뚱 베어 웹. 데스크탑 편집기, 인쇄 상점, 사진 서비스 및 업로드 양식의 렌즈는 여전히 그것을 거부합니다. 즉, 하나의 실제 제한이며, 왜 두 가지 유용한 변환이 서로 반대 이유입니다 :
가장 많은 사례를 다루는 규칙
웹에 사진? WebP, JPG로 다시 떨어지는. 사진은 어디로 갈 것인가? JPG. 텍스트, 날카로운 가장자리 또는 투명성에 어떤? 데스크탑의 PNG, 웹에서 WebP. 아직도 편집? PNG, 항상, 당신이 완료 될 때까지.
그리고 어느 곳에 땅에, 크기로 크기를 변경하면 실제로 표시됩니다. 너에게 압축하기. 체재 선택은 800 화소 구멍으로 4000 화소 이미지를 발송하지 않는 보다는 더 적은 가치가 있습니다.