GIF AVIF 변환
움직이는 AVIF는 img 태그 안에서 GIF처럼 재생되지만 AV1 동영상 코덱으로 압축되므로, 웹 페이지에서 같은 반복 애니메이션을 훨씬 적은 바이트로 보여 줍니다.
동영상 변환
또는 MP4, MOV, MKV … 파일을 여기에 끌어다 놓으세요 ·
파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제
파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.
낮을수록 품질이 좋고 파일이 커집니다. 18은 원본과 똑같아 보이고, 23은 기본값이며, 28 이상은 눈에 띄게 흐려집니다.
초당 프레임 수입니다. 플랫폼이 특정 값을 요구하지 않으면 원본 값을 유지하십시오. GIF는 15–20 fps면 충분합니다.
PowerPoint 파일과 정지 이미지 한 장에만 쓰이며, 각 슬라이드나 사진이 화면에 머무는 시간입니다.
자동은 MP4/MOV에 AAC, WebM에 Opus를 씁니다. 원본 복사는 새 형식이 지원하면 원래 소리를 그대로 유지합니다.
음악은 192 kbps면 원음과 구분되지 않고, 음성은 128 kbps면 충분합니다.
애니메이션의 픽셀 너비이며 높이는 가로세로 비율을 따릅니다. 채팅에는 480 px가 맞고, 720 px 이상은 고화질 GIF가 되지만 파일이 훨씬 커집니다.
GIF는 최대 256색까지 담습니다. 색이 적을수록 파일은 작아지지만 그라데이션과 피부 톤에 계단 현상이 생깁니다.
팔레트 색을 미세한 패턴으로 섞어 계단 현상을 숨깁니다. Sierra가 가장 부드럽고, 없음이 파일이 가장 작습니다.
애니메이션을 끝없이 반복할지, 한 번 재생하고 멈출지 정합니다.
선택 사항입니다. 초(예: 75) 또는 분:초(1:15)로 입력합니다. 비워 두면 처음부터 시작합니다.
선택 사항입니다. 시작 시간과 같은 형식입니다. 비워 두면 끝까지 유지합니다.
변환된 파일은 이 용량과 같거나 조금 작게 만들어집니다.
사용 방법
- 1
GIF 추가
움직이는 GIF를 최대 20개, 개당 95 MB까지 업로드합니다. 짧은 MP4나 WebM 클립도 바로 움직이는 AVIF로 변환할 수 있습니다.
- 2
너비 지정
애니메이션 출력은 너비 480 px로 시작합니다. 크기를 바꾸지 않으려면 고급 설정에서 GIF 원래 너비를 입력하세요. 반복은 무한 반복으로 유지됩니다.
- 3
AVIF로 변환
AVIF로 변환을 누르고 .avif 파일을 다운로드합니다. 사이트의 picture 요소에 바로 넣을 수 있습니다.
웹사이트용으로 GIF를 AVIF로 변환하는 이유
GIF는 모든 프레임을 각각 256색 이미지로 저장합니다. 몇 초짜리 제품 데모나 화면 녹화 안내 영상도 수 MB가 될 수 있고, 랜딩 페이지에서는 이미지 하나가 전체 코드보다 무거운 경우가 많습니다. Google Lighthouse 감사에는 바로 이런 파일을 겨냥한 "Use video formats for animated content"(애니메이션 콘텐츠에 동영상 형식 사용) 항목이 따로 있습니다.
AVIF는 2019년 Alliance for Open Media가 AV1 동영상 코덱을 바탕으로 HEIF 컨테이너 안에 담는 정지 이미지 형식으로 확정했습니다. 움직이는 AVIF는 AV1 이미지 시퀀스입니다. 동영상 파일과 똑같이 뒤 프레임을 앞 프레임에서 예측하므로 프레임 사이의 변화만 비트를 차지합니다.
GIF와 움직이는 AVIF 비교: 형식이 더해 주는 것
| from ↓ · to → | 프레임당 256색 초과 | 부드러운 알파 테두리 | 움직임 예측 프레임 | 10비트 색상 | 모든 이미지 뷰어에서 열림 |
|---|---|---|---|---|---|
| GIF | – GIF to 프레임당 256색 초과: no | – GIF to 부드러운 알파 테두리: no | – GIF to 움직임 예측 프레임: no | – GIF to 10비트 색상: no | GIF to 모든 이미지 뷰어에서 열림: yes |
| 움직이는 AVIF | 움직이는 AVIF to 프레임당 256색 초과: yes | 움직이는 AVIF to 부드러운 알파 테두리: yes | 움직이는 AVIF to 움직임 예측 프레임: yes | 움직이는 AVIF to 10비트 색상: yes | – 움직이는 AVIF to 모든 이미지 뷰어에서 열림: no |
GIF
그래픽 교환 형식(GIF)
GIF는 1987년 CompuServe가 도입한 형식으로, 지금도 짧게 반복되는 애니메이션을 가장 폭넓게 지원하는 형식입니다. 무손실이지만 프레임마다 256색 팔레트로 제한되어 사진과 그라데이션에서 계단 현상과 디더링이 보입니다. 투명도는 켜고 끄는(1비트) 방식만 지원해 곡선 가장자리가 들쭉날쭉해집니다. 움직이는 GIF는 같은 영상을 MP4나 WebP로 만든 것보다 훨씬 큰 경우가 많습니다. 모든 브라우저, 채팅 앱, SNS 플랫폼에서 GIF가 재생됩니다.
- 압축 방식
- 무손실
- 투명도
- 예
- 애니메이션
- 예
- 도입 연도
- 1987 · CompuServe
AVIF
AV1 이미지 파일 형식(AVIF)
AVIF는 AV1 동영상 코덱으로 압축한 정지 이미지와 이미지 시퀀스를 저장하는 형식으로, 2019년 Alliance for Open Media가 확정했습니다. 같은 화질에서 대개 JPEG와 WebP보다 파일이 작고, 투명도, 애니메이션, 광색역, HDR을 지원합니다. 기존 형식보다 인코딩이 느리고, 낮은 품질 설정에서는 아주 미세한 질감이 뭉개져 보일 수 있습니다. 주요 브라우저는 모두 AVIF를 표시하지만, 많은 데스크톱 앱과 SNS 플랫폼, 오래된 기기에서는 열리지 않습니다.
- 압축 방식
- 손실 또는 무손실
- 투명도
- 예
- 애니메이션
- 예
- 도입 연도
- 2019 · Alliance for Open Media
사이트 운영자가 페이지 용량을 줄이려 할 때 GIF를 AVIF로 바꿉니다. 히어로 반복 영상, 제품 데모, UI 안내 애니메이션이 img 태그 자동 재생 동작은 그대로 유지하면서 바이트는 크게 줄고 256색 계단 현상도 사라집니다.
움직이는 AVIF로 바꾸기 좋은 경우
AVIF가 잘 맞는 곳
- 내 웹사이트의 히어로·기능 소개 반복 영상
- 그라데이션과 그림자가 있는 제품 UI 데모
- 로딩 시간과 Core Web Vitals로 평가받는 페이지
- 부드러운 투명 테두리가 필요한 애니메이션
GIF를 유지할 곳
- 이메일 뉴스레터와 서명
- GIF만 미리보기로 보여 주는 커뮤니티와 채팅 앱
- 구버전 CMS 설치본에 올리는 업로드
- 나중에 프레임을 편집할 받는 사람
대체 이미지와 함께 움직이는 AVIF 제공하기
현재 버전의 Chrome, Edge, Firefox, Safari는 모두 움직이는 AVIF를 재생하며, Firefox가 버전 113에서 마지막으로 애니메이션을 지원했습니다. GIF를 대체 이미지로 둔 picture 요소 뒤에 게시하면 비용 없이 구형 브라우저도 보호할 수 있습니다. AVIF 인코딩은 GIF 저장보다 느리므로, 긴 클립은 WebP로 변환할 때보다 눈에 띄게 오래 걸립니다.
반복 영상을 내 사이트가 아니라 채팅 앱에 올린다면 동영상 파일이 더 안전합니다. GIF MP4 변환 결과는 어디서나 재생됩니다. AVIF·HEIC·WebP 가이드에서 세 가지 최신 이미지 형식을 자세히 비교합니다.
GIF AVIF 변환 자주 묻는 질문
움직이는 AVIF도 GIF처럼 반복 재생되나요?
네. 반복 옵션이 무한 반복으로 설정되어 있고, 브라우저는 img 태그 안의 AVIF 이미지 시퀀스를 GIF처럼 컨트롤과 소리 없이 반복합니다. 마지막 프레임에서 멈춰야 하는 인트로 애니메이션이라면 한 번 재생을 고르세요.
AVIF가 첫 프레임만 보이는 이유는 무엇인가요?
뷰어가 정지 AVIF는 이해하지만 AVIF 이미지 시퀀스는 이해하지 못하기 때문입니다. 구형 이미지 뷰어와 2023년에 나온 Firefox 113 이전 버전이 이렇게 동작합니다. 최신 Chrome, Edge, Firefox, Safari에서 파일을 열어 애니메이션을 확인하세요.
AVIF로 바꿔도 GIF의 투명 배경이 유지되나요?
AVIF 형식은 완전한 알파 채널을 지원하므로 켜고 끄는 방식뿐인 GIF 픽셀보다 투명도를 훨씬 잘 담습니다. 다만 원본 GIF에 덧칠된 매트 색은 그대로 보이므로, 게시하기 전에 색이 있거나 체크무늬인 배경 위에서 결과를 확인하세요.
움직이는 AVIF를 WordPress에 올릴 수 있나요?
2024년에 나온 WordPress 6.5부터 서버의 이미지 라이브러리가 지원하면 미디어 라이브러리에 AVIF를 올릴 수 있습니다. 구버전 설치본은 업로드를 거부하므로 그때는 GIF를 그대로 쓰거나, WordPress가 5.8부터 받아 온 GIF WebP 변환을 사용하세요.
GIF 대체 이미지와 함께 AVIF를 보여 주려면 어떻게 하나요?
둘 다 picture 요소로 감쌉니다. AVIF를 가리키는 type image/avif의 source 태그를 넣고, 그다음에 GIF를 담은 img 태그를 둡니다. AVIF를 디코딩하는 브라우저는 작은 파일을 가져가고, 그렇지 않은 브라우저는 깨진 이미지 없이 GIF로 대체합니다.
