JPG AVIF 변환
웹사이트의 JPG 사진을 현재 모든 주요 브라우저가 표시하는 AV1 기반 형식인 AVIF로 다시 인코딩해 용량을 줄입니다. 업로드하고 품질을 확인한 뒤, 페이지에 바로 쓸 수 있는 파일을 내려받으십시오.
이미지 변환
또는 JPG, JPEG, JPE … 파일을 여기에 끌어다 놓으세요 ·
파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제
파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.
85면 사진이 원본과 눈으로 구분되지 않습니다. 파일을 더 작게 만들어야 할 때만 낮추십시오.
JPG, BMP, EPS는 투명도를 지원하지 않습니다. 투명한 픽셀은 이 색으로 채워집니다.
투명한 픽셀 뒤에 들어갈 색의 Hex 값입니다(예: #FFFFFF).
이 형식은 이미지 한 장만 담을 수 있습니다. 애니메이션을 유지하려면 GIF나 WebP로 출력하십시오.
다중 크기 아이콘은 여러 해상도를 한 파일에 담으며, 브라우저와 운영체제가 필요한 크기를 골라 씁니다.
원본 크기를 유지하거나, 한 변만 입력하면 가로세로 비율이 유지됩니다.
위에서 선택한 변의 픽셀 값입니다.
원본 크기 대비 비율입니다.
화면과 웹에는 sRGB가 맞습니다. 인쇄 작업에는 원본을 유지하고, 회색조는 색상을 버립니다.
메타데이터만 바뀌며 0이면 원본 값을 유지합니다. 프린터와 일부 사이트가 이 숫자를 읽지만 픽셀 크기는 바뀌지 않습니다.
사용 방법
- 1
JPG 업로드
JPG 또는 JPEG 파일을 20개까지, 파일당 95 MB까지 넣으십시오. 이메일용으로 이미 줄인 사본이 아니라 가장 품질이 좋은 사본을 쓰십시오.
- 2
AVIF 품질 설정
이 페이지의 품질은 60에서 시작합니다. 작은 글자나 질감이 있으면 높이고, 썸네일이면 낮추십시오. 사진에는 무손실을 꺼 두십시오.
- 3
변환 후 게시
AVIF로 변환을 누르고 파일을 하나씩 또는 ZIP으로 내려받으십시오. 구형 브라우저가 대체 이미지를 받을 수 있도록 AVIF를 JPG 옆에 함께 업로드하십시오.
웹사이트용으로 JPG를 AVIF로 변환하는 이유
AVIF는 정지 이미지를 AV1의 인트라 프레임 하나로 저장합니다. AV1은 Google, Mozilla, Netflix, Amazon, Microsoft 등이 창립 회원으로 참여한 Alliance for Open Media의 로열티 없는 동영상 코덱입니다. 예측·필터링 도구가 1992년 JPEG 표준보다 25년 이상 뒤에 설계되었기 때문에 사진 한 장에 필요한 용량이 눈에 띄게 적고, WebP보다도 작은 경우가 많습니다. 다만 그 차이는 사진마다 크게 다릅니다.
용량은 페이지가 속도로 평가받는 곳에서 가장 중요합니다. Google Core Web Vitals의 Largest Contentful Paint 요소는 대표 사진인 경우가 매우 많아서, 그 파일 하나만 줄여도 지표가 움직입니다. 페이지마다 JPG가 수십 장인 상품 카탈로그와 사진 블로그가 가장 큰 효과를 봅니다.
AVIF는 10비트·12비트 색상, HDR, 알파 채널도 담을 수 있지만 JPG 원본에는 그런 정보가 없으므로, 이 변환으로 얻는 것은 압축 효율뿐입니다. JPG가 이미 버린 디테일은 되살아나지 않습니다. 그래서 이메일로 받은 사본이 아니라 마스터 사본을 넣어야 합니다.
브라우저별 AVIF 지원 시작 시점
2019
AVIF 1.0
Alliance for Open Media가 AVIF 사양을 발표합니다.
2020년 8월
Chrome 85
데스크톱과 Android용 Chrome이 AVIF 디코딩을 시작합니다.
2021년 10월
Firefox 93
Firefox가 AVIF를 기본으로 활성화합니다.
2023년 3월
Safari 16.4
macOS와 iOS의 Safari가 AVIF를 완전히 지원합니다.
2024년 1월
Edge 121
마지막까지 남아 있던 주요 브라우저 Microsoft Edge가 AVIF를 추가합니다.
AVIF 품질 설정과 JPG 품질 비교
- 썸네일
작은 미리보기에는 충분하지만 확대하면 디테일이 흐려집니다.
- 페이지 기본값
대부분의 사진이 보통 배율에서 원본 JPG와 같아 보입니다.
- 세밀한 디테일
작은 글자와 질감을 유지하며, 이보다 높으면 용량이 빠르게 커집니다.
- 무손실에 가까움
원본 JPG보다 커지는 경우가 많아 변환하는 의미가 없어집니다.
JPG
JPEG 이미지
JPEG(또는 JPG)는 1992년 Joint Photographic Experts Group이 표준화한, 가장 널리 쓰이는 사진 형식입니다. 눈으로 알아채기 어려운 미세한 디테일을 버리는 손실 압축을 사용해 웹, 이메일, 휴대폰 저장 공간에 맞게 사진 용량을 작게 유지합니다. 부드러운 그라데이션과 자연 풍경은 잘 표현하지만, 선명한 글자, 선화, 단색 영역에는 블록 모양이나 번진 듯한 아티팩트가 눈에 띕니다. JPEG에는 투명도와 애니메이션이 없고, 다시 저장할 때마다 화질이 조금씩 더 떨어집니다. 모든 브라우저, 휴대폰, 카메라, 이미지 편집기에서 열 수 있습니다.
- 압축 방식
- 손실
- 투명도
- 아니요
- 애니메이션
- 아니요
- 도입 연도
- 1992 · Joint Photographic Experts Group
AVIF
AV1 이미지 파일 형식(AVIF)
AVIF는 AV1 동영상 코덱으로 압축한 정지 이미지와 이미지 시퀀스를 저장하는 형식으로, 2019년 Alliance for Open Media가 확정했습니다. 같은 화질에서 대개 JPEG와 WebP보다 파일이 작고, 투명도, 애니메이션, 광색역, HDR을 지원합니다. 기존 형식보다 인코딩이 느리고, 낮은 품질 설정에서는 아주 미세한 질감이 뭉개져 보일 수 있습니다. 주요 브라우저는 모두 AVIF를 표시하지만, 많은 데스크톱 앱과 SNS 플랫폼, 오래된 기기에서는 열리지 않습니다.
- 압축 방식
- 손실 또는 무손실
- 투명도
- 예
- 애니메이션
- 예
- 도입 연도
- 2019 · Alliance for Open Media
사이트 운영자가 최신 브라우저 방문자에게 같은 사진을 더 적은 데이터로 보내고 싶을 때 JPG를 AVIF로 바꿉니다. 반대로 JPG로 되돌리는 것은 그런 사이트에서 저장한 파일의 호환성을 살리기 위한 작업입니다.
AVIF 대신 JPG를 유지해야 할 때
| 권장 | 비권장 |
|---|---|
직접 관리하는 페이지에서는 AVIF를 제공하고 JPG를 <picture> 대체 이미지로 두십시오. | AVIF를 이메일에 첨부하거나 인쇄소에 보내지 마십시오. |
| 품질 60에서 시작해 100% 확대로 비교하십시오. | JPG와 PNG만 받는 양식에 AVIF를 올리지 마십시오. |
| 원본 JPG는 마스터 사본으로 보관하십시오. | JPG 원본에 무손실을 체크하지 마십시오. 대개 용량이 커집니다. |
| 사이트 전체를 바꾸기 전에 AVIF, HEIC, WebP 가이드를 읽어 보십시오. | 오래된 데스크톱 사진 뷰어가 열어 줄 것이라고 기대하지 마십시오. |
JPG AVIF 변환 자주 묻는 질문
AVIF는 원본 JPG보다 얼마나 작아집니까?
사진과 선택한 품질에 따라 다르므로 직접 파일로 시험해 보십시오. 품질 60에서 일반 카메라 사진은 품질 85 JPG의 절반 미만으로 줄어드는 경우가 많고, 단순한 그래픽은 더 줄어듭니다. 라이브러리 전체를 바꾸기 전에 결과물 몇 개를 확인하십시오.
사이트의 JPG 사진에는 AVIF와 WebP 중 무엇을 골라야 합니까?
용량은 대개 AVIF가 유리하고, WebP는 인코딩이 빠르며 더 많은 구형 도구와 플러그인이 읽습니다. 많은 사이트가 AVIF를 먼저 제공하고 WebP나 JPG를 대체 이미지로 둡니다. 추가 형식을 하나만 쓰려면 JPG WebP 변환이 더 안전한 선택입니다.
JPG를 AVIF로 바꾸면 화질 손실이 더 생깁니까?
손실 방식으로 다시 인코딩할 때마다 JPG 자체의 손실 위에 조금씩 더해집니다. 60 이상에서는 보통 크기로 볼 때 알아보기 어렵습니다. AVIF는 JPG처럼 블록이 생기는 대신 뭉개지는 방식으로 화질이 떨어지므로, 하늘의 계단 현상과 풀이나 머리카락의 번짐을 살펴보십시오.
EXIF 정보와 색상 프로필이 유지됩니까?
메타데이터 제거가 기본으로 켜져 있어 GPS 위치와 카메라 정보가 지워지며, 공개 이미지에는 합리적인 설정입니다. ICC 프로필은 색상 프로필 유지에서 따로 처리하므로 광색역 휴대폰 사진도 색이 그대로 유지됩니다.
JPG 대체 이미지와 함께 AVIF를 페이지에 넣으려면 어떻게 합니까?
이미지를 <picture> 요소로 감싸십시오. AVIF를 가리키는 type="image/avif" 속성의 <source>를 넣고, 그다음 JPG를 가리키는 <img>를 넣습니다. AVIF를 디코딩하지 못하는 브라우저는 source를 건너뛰고 JPG를 불러옵니다.
AVIF 변환이 JPG보다 오래 걸리는 이유는 무엇입니까?
AV1 인코더는 용량을 아끼려고 블록마다 여러 예측 모드를 시도하므로 처리 시간이 들고, 큰 사진은 몇 초가 걸릴 수 있습니다. 작업은 사용자의 기기가 아니라 서버에서 실행됩니다.