Image Format
PNG, JPG, WebP, AVIF 등 주요 이미지 형식의 개요와 형식별 사용 시점을 설명합니다.
이미지 형식은 이미지를 파일에 저장하는 방식을 정의한 규격입니다. 이미지가 래스터(픽셀 격자)인지 벡터(도형과 경로)인지, 어떤 압축 방식을 쓰는지, 색상 수와 채널당 비트 수가 얼마나 허용되는지, 투명도와 애니메이션과 메타데이터를 지원하는지를 규정합니다.
소프트웨어는 확장자와 함께 파일 앞부분의 바이트(시그니처)로 형식을 식별합니다. PNG 파일은 89 50 4E 47로 시작하고, JPEG 파일은 FF D8 FF로 시작합니다. 웹에서는 image/png 같은 MIME 유형으로도 형식을 지정합니다.
같은 그림이라도 두 형식으로 저장하면 크기와 선명도가 크게 다를 수 있습니다.
이미지 형식 변환
Image Converter는 브라우저에서 PNG, JPG, WebP 사이를 변환합니다. Temposhot은 PNG, JPG, WebP를 바로 내보내므로 별도의 변환 단계가 필요 없는 경우가 많습니다.
주요 형식 비교
| 형식 | 종류 | 압축 | 알파 | 애니메이션 |
|---|---|---|---|---|
| PNG | 래스터 | 무손실 | 있음 | APNG만 |
| JPG | 래스터 | 손실 | 없음 | 없음 |
| WebP | 래스터 | 손실 또는 무손실 | 있음 | 있음 |
| AVIF | 래스터 | 손실 또는 무손실 | 있음 | 있음 |
| GIF | 래스터 | 무손실, 256색 | 이진값 | 있음 |
| SVG | 벡터 | 텍스트, 선택적으로 gzip | 있음 | 있음 |
형식별 사용 시점
- PNG: 인터페이스 스크린샷, 텍스트, OCR 입력, 원본 사본
- JPG: 용량이 중요한 사진과 사진 위주의 스크린샷
- WebP: 투명도 유무와 관계없이 작은 파일이 필요한 웹 페이지
- AVIF: 최신 브라우저를 위한 웹 제공
- GIF: 짧고 단순한 반복 동작. 긴 움직임은 보통 MP4가 더 작음
- SVG: 로고, 아이콘, 다이어그램
- PDF: 스크린샷으로 만든 여러 페이지 문서
형식과 스크린샷 품질
스크린샷에는 날카로운 가장자리와 단색 영역이 많습니다. 손실 형식은 이런 부분을 사진보다 잘 처리하지 못합니다. 무손실 PNG는 모든 가장자리를 유지합니다. 공유 목적이라면 품질 85의 JPG나 WebP가 대개 충분합니다. Temposhot에서 JPG 품질 범위는 1-100이며 기본값은 85입니다.
자주 하는 실수
- 스크린샷을 낮은 품질의 JPG로 저장함.
- 파일 확장자만 바꾸고 형식이 바뀔 것으로 기대함.
- 긴 녹화를 GIF로 저장함.
- WebP나 AVIF를 열 수 없는 도구에 보냄.
지금 고칠 이미지가 있나요?
Image Converter로 변환하거나 Image Compressor로 파일 크기를 줄이십시오.
자주 묻는 질문
스크린샷에 가장 좋은 형식은 무엇인가요?
날카로운 텍스트와 편집이 중요하면 PNG, 파일 크기가 더 중요하면 JPG나 WebP입니다.
SVG도 스크린샷 형식인가요?
아닙니다. 스크린샷은 래스터 이미지입니다. SVG는 경로로 그린 도형에 쓰입니다.
출처
관련 자료
- 내보내기 형식: Temposhot의 모든 내보내기 옵션.
- Website Capture 옵션: JPEG, PNG, WebP 출력.
같은 스크린샷을 반복해서 찍고 계십니까?
Temposhot은 타이머에 맞춰 화면, 창 또는 영역을 캡처하고 결과를 PDF, 이미지, ZIP 또는 MP4로 내보냅니다. 무료 브라우저 도구는 단일 이미지만 다룹니다.
관련 리소스
관련 용어
- PNGPNG 이미지 형식의 동작 방식, 스크린샷에 PNG를 쓰기 좋은 경우, JPG 및 WebP와의 차이를 설명합니다.
- JPGJPG 압축의 동작 방식, PNG 및 WebP와 비교한 사용 시점, 손실 압축 스크린샷 형식에서 흔히 하는 실수를 설명합니다.
- WebPWebP의 정의, PNG 및 JPG와의 차이, 스크린샷에 사용할 시점을 설명합니다.
- SVGSVG의 정의, 벡터 그래픽과 래스터 이미지의 차이, 콘텐츠에 SVG가 적합한 경우를 설명합니다.
- AVIFAVIF의 정의, JPG, PNG, WebP와의 비교, 스크린샷과 이미지에 AVIF를 사용하는 경우를 설명합니다.
- Image Compression이미지 압축의 정의, 손실 압축과 무손실 압축의 차이, 스크린샷을 압축할 때 자주 하는 실수를 설명합니다.