파일 확장자가 아닌 디코딩된 소스로 시작하세요.
비디오 압축에는 이미 부드러운 가장자리, 블록 경계, 링잉, 밴딩, 크로마 서브샘플링 및 모션 아티팩트가 포함되어 있을 수 있습니다. 디코딩된 프레임을 PNG로 저장하면 추가적인 손실이 있는 스틸 이미지 인코딩을 방지할 수 있지만 더 이상 존재하지 않는 정보를 재구성할 수는 없습니다.
JPG와 손실이 있는 WebP는 디코딩 후 크기와 충실도 간의 새로운 절충안을 제시합니다. 아티팩트는 작은 텍스트, 인터페이스 가장자리, 고대비 선, 반복되는 텍스처 및 부드러운 그라데이션 주변에서 가장 쉽게 눈에 띕니다. 노이즈가 있는 사진 장면은 12픽셀 레이블이 있는 화면 녹화보다 압축률이 더 높은 경우가 많습니다.
의도한 디스플레이 크기를 평가합니다. 400% 확대/축소에서 보이는 결함은 320픽셀 축소판에서는 관련이 없을 수 있으며, 파일이 작고 효율적으로 보이더라도 약간 흐린 캡션은 일반 크기에서는 실패할 수 있습니다.
무손실 정지 이미지 인코딩을 위해 PNG 사용
PNG는 인터페이스 캡처, 다이어그램, 자막, 라인 아트, 평면 그래픽, 보관 편집 참조 및 추가 합성을 거치게 될 프레임에 대한 강력한 선택입니다. 무손실 압축을 통해 디코딩된 픽셀 값을 보존하고 JPEG 스타일 블록 또는 링잉 아티팩트 추가를 방지합니다.
단점은 파일 크기입니다. 사진 프레임에는 PNG가 손실 사진 형식만큼 효율적으로 압축할 수 없는 질감과 노이즈가 포함되어 있습니다. 전체 해상도 PNG 파일의 대규모 배치는 각 프레임이 유사해 보이는 경우에도 상당한 디스크 공간과 브라우저 메모리를 소비할 수 있습니다.
PNG는 자동으로 최고 품질의 최종 전달 형식이 아닙니다. 출력이 작은 웹 썸네일인 경우 주의 깊게 인코딩된 JPG 또는 WebP는 보기 크기에서 동일하게 보이고 훨씬 더 빠르게 전송할 수 있습니다. 향후 편집 또는 선명한 합성 디테일이 무게를 정당화하는 경우 PNG를 유지하십시오.
광범위한 사진 호환성을 위해 JPG를 사용하세요.
JPG는 콘텐츠 시스템, 사무 도구, 소셜 플랫폼 및 이미지 편집기에서 널리 사용됩니다. 카메라 영상, 사람, 제품, 이벤트 및 자연스러운 질감에 적합합니다. VideoToImg의 품질 설정을 사용하면 하나의 범용 숫자에 의존하는 대신 압축 출력과 눈에 보이는 손상을 비교할 수 있습니다.
사진 프레임의 경우 품질 88부터 시작하여 얼굴, 머리카락, 천, 텍스트 및 고대비 경계를 검사한 다음 크기 절약이 중요한 경우에만 값을 낮추십시오. 최대 너비가 작을수록 종횡비를 유지하면서 인코딩하기 전에 픽셀을 제거하므로 공격적인 압축보다 예측 가능하게 가중치를 줄일 수 있는 경우가 있습니다.
반복적인 JPG 편집 및 저장을 피하세요. 각 손실 세대는 아티팩트를 추가할 수 있습니다. 프레임에 상당한 수정이 필요한 경우 PNG 작업 복사본을 내보내고 편집이 완료된 후 최종 JPG를 만듭니다.
게시 경로에서 지원하는 경우 WebP를 사용하세요.
WebP는 최신 웹사이트와 앱에 효율적인 손실 이미지를 제공할 수 있으며, 브라우저는 일반적으로 이를 디코딩합니다. 전송 크기를 줄이는 것이 중요한 갤러리, 문서, 제품 미리 보기 및 기타 웹 제공에 유용합니다.
브라우저 외부와의 호환성도 계속 확인해야 합니다. 브라우저에서 WebP를 생성할 수 있는 경우에도 다운스트림 편집기, 문서 생성기, 마켓플레이스, 이메일 워크플로 또는 이전 콘텐츠 시스템에서는 JPG 또는 PNG를 선호할 수 있습니다. 첫 번째 다운로드뿐만 아니라 전체 작업 흐름에도 영향을 주지 않는 형식을 선택하세요.
동일한 디코딩된 프레임과 픽셀 크기에서 WebP와 JPG를 비교합니다. 한 후보가 다른 타임스탬프에서 크기가 조정되거나 인코딩된 경우 파일 크기를 비교할 수 없습니다.
공정한 3가지 형식 테스트 실행
- 얼굴이나 질감이 있는 개체, 작은 텍스트, 선명한 가장자리, 가능한 경우 그라데이션 등 쉬운 세부 사항과 어려운 세부 사항이 모두 포함된 하나의 대표 프레임을 선택합니다.
- 동일한 픽셀 크기로 PNG, JPG 및 WebP를 내보냅니다. JPG 및 WebP 품질 설정을 기록합니다.
- 의도한 디스플레이 크기로 각 이미지를 본 다음 어려운 영역을 100% 검사하십시오. 확대된 브라우저 미리보기만으로 판단하지 마십시오.
- 육안 검토 후 파일 무게를 비교합니다. 눈에 보이는 텍스트 손상, 후광, 차단, 색상 밴딩 또는 작업에 중요한 질감 손실이 있는 후보자는 거부하세요.
- 워크플로우의 다음 애플리케이션에서 승자를 엽니다. 업로드, 편집, 투명성 기대치, 메타데이터 처리, 다운로드 이름 지정이 모두 필요에 따라 작동하는지 확인합니다.
- 비디오가 화면 그래픽과 사진 장면을 번갈아 표시하는 경우 두 번째 프레임으로 반복합니다. 하나의 설정이 두 콘텐츠 유형을 모두 나타내지 않을 수도 있습니다.
일반적인 작업을 실제 기본값과 일치시킵니다.
YouTube 또는 소셜 썸네일
필요한 크기로 JPG로 시작하세요. 얼굴, 텍스트, 대비에 충분한 품질을 유지하고 게시하기 전에 플랫폼의 현재 업로드 요구 사항을 확인하세요.
소프트웨어 버그 보고서 또는 튜토리얼 단계
인터페이스 레이블과 1픽셀 경계를 계속 읽을 수 있어야 하는 경우 PNG를 사용하십시오. 대상을 확인한 후에만 축소하면 텍스트가 여전히 명확하게 표시됩니다.
웹사이트 갤러리 또는 문서
최종 디스플레이 너비에서 WebP 및 JPG를 사용해 본 다음 시각적 및 작업 흐름 호환성 검사를 통과하는 더 작은 파일을 선택하세요. 향후 변경 가능성이 있는 경우 편집 마스터를 별도로 보관하십시오.
프레임 데이터 세트 또는 컴퓨터 비전 검사
다운스트림 파이프라인과 측정 허용 오차를 기준으로 선택하세요. 손실이 있는 압축은 미세한 기능을 변경할 수 있습니다. 샘플링 방법, 라벨링 프로세스 및 검증 프로토콜은 적어도 이미지 확장만큼 중요합니다.
소스 품질과 출력 품질을 별도로 유지
JPG에서 PNG로 변경하면 디코딩된 미리 보기에 이미 표시된 흐림이나 아티팩트를 제거할 수 없습니다. 움직임이 적은 가까운 프레임을 찾거나, 고품질 소스를 사용하거나, 정지 이미지 인코더를 조정하기 전에 원본 녹화로 돌아가세요.
브라우저의 캔버스 인코더는 HTMLCanvasElement toBlob 문서에 설명된 대로 출력 Blob을 생성합니다. 브라우저 구현은 약간 다를 수 있으므로 정확한 파일 크기 목표 또는 자동화된 워크플로가 인코더 동작에 따라 달라지는 경우 시각적 테스트를 반복하십시오.
비디오-이미지 변환기를 열어 한 프레임의 형식을 비교하거나 큰 시퀀스를 만들기 전에 샘플링 가이드를 읽어보세요.