어떤 이미지 형식을 사용해야 합니까?

JPEG

JPEG는 사진을 블록으로 나누고 눈으로 볼 수 없는 미세한 부분을 버립니다. 이는 세부 사항이 불규칙하고 노이즈가 많은 사진에서는 매우 효과적이며, 버려진 세부 사항이 정확히 가장자리를 정의하는 딱딱한 가장자리가 있는 사진에서는 적합하지 않습니다.

최고를 포함하여 모든 품질 설정에서 손실이 발생합니다. 여기에는 무손실 JPEG 옵션이 없습니다. 투명도를 저장할 수 없습니다. 투명한 영역이 있는 이미지는 JPEG가 될 때 단색으로 채워집니다.

용도: 사진, 사진 스캔, 대부분 연속 톤인 모든 사진. 스크린샷, 텍스트, 라인 아트, 로고 및 나중에 다시 편집할 모든 항목에는 사용하지 마세요.

PNG

PNG는 무손실입니다. 제공된 픽셀을 정확하게 저장하므로 인공물이 발생하지 않으며 전체 알파 투명도를 지원합니다. 압축은 반복을 활용하므로 단순한 색상과 선명한 가장자리에서는 매우 효율적이지만 사진 노이즈에서는 비효율적입니다.

PNG로 저장된 사진은 일반적으로 JPEG와 동일한 사진보다 몇 배 더 크며 눈에 띄는 이점은 없습니다. 이는 가장 일반적인 이미지 형식 실수이므로 느린 페이지를 다른 탓으로 돌리기 전에 먼저 확인해 볼 가치가 있습니다.

스크린샷, UI 캡처, 로고, 다이어그램, 차트, 그림에 텍스트가 있는 모든 것, 다시 편집하려는 이미지의 작업 복사본에 사용하세요.

웹P

WebP는 일반적으로 비슷한 시각적 품질을 갖춘 세 가지 중 가장 작으며 투명성을 지원하므로 두 작업을 모두 포괄하는 단일 형식이 됩니다.

여기서 중요한 한 가지 주의 사항은 브라우저가 품질 100에서도 손실 모드로 WebP를 인코딩한다는 것입니다. 형식은 무손실 모드를 정의하지만 이 도구가 사용하는 캔버스 API는 이를 노출하지 않습니다. 따라서 이 사이트의 WebP 내보내기는 손실이 있는 내보내기이며 형식이 원칙적으로 지원하기 때문에 무손실이라고 하기보다는 그렇게 설명됩니다.

WebP 표시를 위한 브라우저 지원은 이제 사실상 보편적입니다. 인코딩 지원은 그다지 균일하지 않으므로 WebP를 인코딩할 수 없는 브라우저는 조용히 다른 형식을 전달하는 대신 여기에 오류를 보고합니다.

AVIF 및 HEIC — 정직한 입장

AVIF는 위의 세 가지 형식보다 훨씬 더 압축률이 높으며 종종 상당히 압축됩니다. HEIC는 최신 iPhone이 기본적으로 사진에 사용하는 것입니다. ToolAcre Image Converter에서는 둘 다 읽을 수 없으며 이는 선택 사항이 아니라 브라우저 제한 사항입니다.

브라우저는 일반적으로 AVIF를 표시할 수 있지만 처리를 위해 임의의 AVIF 또는 HEIC 파일을 디코딩하는 안정적인 방법을 제공하지 않으며 특히 HEIC 디코딩은 어디에도 존재하지 않는 플랫폼 코덱에 따라 달라집니다. 이러한 파일을 허용하는 도구는 일부 시스템에서는 작동하지만 다른 시스템에서는 혼란스럽게 실패하므로 대신 명확하게 거부됩니다.

실질적인 결과는 HEIC를 생성한 장치에서 JPEG로 변환한 다음(현재의 모든 휴대폰과 주요 데스크톱 운영 체제 모두 이 작업을 수행할 수 있음) JPEG에서 브라우저 도구를 사용하는 것입니다. AVIF의 경우 JPEG 또는 PNG 마스터를 유지하고 빌드 도구를 사용하여 게시 시 AVIF를 출력으로 생성합니다.

GIF에 대한 참고사항

GIF는 프레임당 256가지 색상으로 제한되어 있으며 짧은 애니메이션을 제외하고는 적합하지 않습니다. 이미지 변환기는 GIF를 읽지만 첫 번째 프레임만 사용하고 GIF를 출력으로 제공하지 않습니다. .gif 확장자를 사용하여 스틸 이미지를 생성하는 것은 도움이 되기보다는 오해의 소지가 있습니다.

짧은 애니메이션의 경우 최신 답변은 MP4, WebM 비디오 또는 애니메이션 WebP입니다. 여기서는 그 어느 것도 생산되지 않습니다.

실제 사례: 하나의 기사에 대한 4개의 자산

기사에는 주요 사진, 인터페이스 스크린샷, 투명한 배경의 로고, 스프레드시트에서 내보낸 차트가 필요합니다.

• 주요 사진 — 기본 품질의 JPEG, 표시 너비의 약 두 배로 크기가 조정되었습니다. 지속적인 톤, 투명도가 필요하지 않습니다.
• 인터페이스 스크린샷 - PNG. 텍스트와 딱딱한 가장자리로 가득 차 있는데, JPEG가 처리하기 가장 힘든 부분이며 PNG는 평면 패널을 효율적으로 압축합니다.
• 로고 - WebP 또는 PNG. 둘 다 투명성을 유지합니다. WebP는 더 작아지고 PNG는 정확해집니다. 다양한 배경에 배치되는 로고의 경우 정확성은 몇 킬로바이트 이상의 가치가 있습니다.
• 차트 - PNG. 스크린샷과 동일한 추론: 평면 채우기, 얇은 선 및 축 레이블.

결과: 4개의 파일, 3개의 형식, 각각은 습관이 아닌 그림에 있는 내용에 따라 선택됩니다. 가장 일반적인 실패 모드(4개 모두 PNG로 내보내기 또는 4개 모두 JPEG로 내보내기)는 사진을 여러 배로 너무 크게 만들거나 스크린샷과 차트가 텍스트 주변에 눈에 띄게 번지게 만듭니다.

도구 열기

JPEG, PNG, WebP 간 변환

이미지 변환기는 변환을 실행하기 전에 손실이 있는지 여부를 명시하고 나중에 측정된 실제 크기를 보고합니다.

여기에 포함되지 않는 내용

• ToolAcre 이미지 변환기는 JPEG, PNG, WebP 및 GIF를 읽고 JPEG, PNG 및 WebP를 씁니다. HEIC, AVIF, TIFF 및 카메라 RAW는 거부됩니다.
• 이 사이트의 WebP 출력은 손실이 있습니다. 브라우저 캔버스 API가 노출하기 때문입니다.
• 색상 프로필은 캔버스 변환을 통해 유지되지 않으므로 일반적이지 않은 프로필이 포함된 이미지는 약간 바뀔 수 있습니다.
• 파일 크기 비교는 사진에 따라 다릅니다. 여기에 있는 모든 경험적 법칙은 인용할 숫자가 아니라 측정을 위한 시작점입니다.