GIF WebP 변환
움직이는 GIF는 보여 주는 것에 비해 용량이 무겁습니다. GIF를 WebP로 변환하면 모든 프레임과 재생 시간은 그대로 두고 최신 압축 방식으로 저장하므로, 같은 애니메이션이 보통 훨씬 적은 바이트를 차지합니다.
이미지 변환
또는 JPG, JPEG, JPE … 파일을 여기에 끌어다 놓으세요 ·
파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제
파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.
85면 사진이 원본과 눈으로 구분되지 않습니다. 파일을 더 작게 만들어야 할 때만 낮추십시오.
JPG, BMP, EPS는 투명도를 지원하지 않습니다. 투명한 픽셀은 이 색으로 채워집니다.
투명한 픽셀 뒤에 들어갈 색의 Hex 값입니다(예: #FFFFFF).
이 형식은 이미지 한 장만 담을 수 있습니다. 애니메이션을 유지하려면 GIF나 WebP로 출력하십시오.
다중 크기 아이콘은 여러 해상도를 한 파일에 담으며, 브라우저와 운영체제가 필요한 크기를 골라 씁니다.
원본 크기를 유지하거나, 한 변만 입력하면 가로세로 비율이 유지됩니다.
위에서 선택한 변의 픽셀 값입니다.
원본 크기 대비 비율입니다.
화면과 웹에는 sRGB가 맞습니다. 인쇄 작업에는 원본을 유지하고, 회색조는 색상을 버립니다.
메타데이터만 바뀌며 0이면 원본 값을 유지합니다. 프린터와 일부 사이트가 이 숫자를 읽지만 픽셀 크기는 바뀌지 않습니다.
사용 방법
- 1
GIF 업로드
움직이는 GIF나 정지 GIF를 최대 20개, 개당 95 MB까지 추가합니다.
- 2
손실 또는 무손실 선택
품질 80이 용량을 가장 많이 줄입니다. 픽셀 아트나 단색 애니메이션처럼 정확히 유지해야 한다면 고급 설정에서 무손실을 켜세요.
- 3
변환 후 확인
WebP로 변환을 누르고 파일을 다운로드한 뒤, 브라우저에서 하나를 재생해 애니메이션을 확인하세요.
GIF WebP 변환으로 애니메이션 용량 줄이기
GIF는 1987년 모뎀으로 정지 그래픽을 주고받기 위해 설계되었고, 애니메이션 기능은 나중에 추가되었습니다. 프레임마다 LZW 압축으로 저장되고 256색으로 제한되며, 픽셀을 바꾸지 않고 두는 것 말고는 이전 프레임의 비슷한 내용을 재활용할 방법이 없습니다. 3초짜리 반응 짤 하나가 몇 MB에 이르기도 쉽습니다.
움직이는 WebP는 정지 WebP와 같은 압축 방식으로 각 프레임을 저장합니다. VP8 동영상 코덱 기반의 손실 방식이나 무손실 방식 중 하나입니다. 또 24비트 풀컬러와 8비트 알파 채널을 지원하므로 GIF의 대표적인 흔적인 디더링된 그러데이션과 들쭉날쭉한 투명 가장자리가 사라집니다. 움직이는 요소가 여러 개인 페이지라면 WebP로 바꾸는 것이 로딩 시간을 줄이는 가장 쉽고 효과 큰 방법 중 하나입니다.
64%움직이는 GIF를 손실 WebP로 변환했을 때의 평균 용량 감소
움직이는 WebP를 재생하는 브라우저
2014
Chrome 32
Chrome이 주요 브라우저 중 처음으로 움직이는 WebP 재생을 지원합니다.
2018
Edge 18
기존 Edge가 WebP를 지원하고, 이후 Chromium 기반 Edge는 Chrome의 지원을 그대로 물려받습니다.
2019
Firefox 65
Firefox가 모든 데스크톱 플랫폼에서 움직이는 파일을 포함한 WebP를 지원합니다.
2020
Safari 14
iOS 14와 macOS Big Sur의 Safari가 WebP를 지원하면서 주요 브라우저 지원이 완성됩니다.
GIF
그래픽 교환 형식(GIF)
GIF는 1987년 CompuServe가 도입한 형식으로, 지금도 짧게 반복되는 애니메이션을 가장 폭넓게 지원하는 형식입니다. 무손실이지만 프레임마다 256색 팔레트로 제한되어 사진과 그라데이션에서 계단 현상과 디더링이 보입니다. 투명도는 켜고 끄는(1비트) 방식만 지원해 곡선 가장자리가 들쭉날쭉해집니다. 움직이는 GIF는 같은 영상을 MP4나 WebP로 만든 것보다 훨씬 큰 경우가 많습니다. 모든 브라우저, 채팅 앱, SNS 플랫폼에서 GIF가 재생됩니다.
- 압축 방식
- 무손실
- 투명도
- 예
- 애니메이션
- 예
- 도입 연도
- 1987 · CompuServe
WEBP
WebP 이미지
WebP는 웹 페이지를 더 빨리 불러오도록 Google이 2010년에 공개한 이미지 형식입니다. 한 형식 안에서 손실과 무손실 압축, 알파 투명도, 애니메이션을 모두 지원합니다. 손실 WebP 파일은 비슷한 화질의 JPEG보다 보통 25–35% 작고, 무손실 WebP는 대개 PNG보다 작습니다. 현재 모든 브라우저가 지원하지만, 일부 오래된 데스크톱 소프트웨어, 인쇄 서비스, 업로드 양식은 여전히 받지 않습니다. Windows, macOS와 대부분의 최신 이미지 편집기에서 WebP 파일을 열 수 있습니다.
- 압축 방식
- 손실 또는 무손실
- 투명도
- 예
- 애니메이션
- 예
- 도입 연도
- 2010 · Google
GIF를 WebP로 바꾸는 이유는 웹사이트나 스티커 팩의 애니메이션을 움직임은 그대로 둔 채 가볍게 만들기 위해서입니다. WebP를 다시 GIF로 바꾸는 것은 움직이는 WebP를 재생하지 못하는 앱과 커뮤니티를 위해서뿐입니다.
GIF 버전을 남겨 둬야 하는 곳
대표적인 예외는 이메일입니다. 많은 메일 프로그램이 WebP를 차단하거나 깨진 이미지로만 보여 주는 반면, GIF 애니메이션은 대부분에서 작동하므로 뉴스레터 애니메이션은 GIF로 두는 것이 좋습니다. 일부 커뮤니티 게시판, 채팅 앱, 오래된 CMS 미디어 라이브러리도 GIF 업로드는 받지만 .webp 파일은 거부합니다.
자신의 사이트에 게시한다면 WebP를 쓰고 GIF는 원본 파일로만 보관하세요. 나중에 WebP를 받지 않는 곳에 애니메이션이 필요해지면 WebP GIF 변환으로 되돌릴 수 있지만, 다시 256색 제한을 감수해야 합니다.
GIF WebP 변환 자주 묻는 질문
WebP로 바꿔도 GIF의 애니메이션이 유지되나요?
네. WebP는 애니메이션을 기본 지원하므로 모든 프레임과 각 프레임의 표시 시간이 그대로 옮겨지고, 결과물은 GIF처럼 재생됩니다. 출력은 프레임 폴더가 아니라 .webp 파일 하나입니다.
움직이는 WebP는 GIF보다 얼마나 작나요?
Google이 대량의 움직이는 GIF로 비교한 결과, 손실 WebP는 64%, 무손실 WebP는 19% 작았습니다. 실제 결과는 내용에 따라 다릅니다. 실사 영상 클립이 가장 많이 줄고, 작은 픽셀 아트 루프가 가장 적게 줄어듭니다.
GIF로 WhatsApp 스티커를 만들 수 있나요?
WhatsApp의 움직이는 스티커는 512 × 512 px의 움직이는 WebP 파일이며 500 KB 미만이어야 합니다. 고급 설정에서 GIF 너비를 512 px로 조절해 변환하고, 그래도 한도를 넘으면 품질을 낮추세요. 그다음 스티커 제작 앱이 파일들을 팩으로 묶어 줍니다.
텔레그램의 움직이는 스티커도 WebP 파일인가요?
아닙니다. 텔레그램은 정지 스티커에 WebP나 PNG를 쓰지만, 움직이는 스티커는 벡터 애니메이션으로 만든 TGS 파일이고 영상 스티커는 WEBM입니다. GIF로 만든 WebP는 텔레그램에서 정지 스티커로만 쓸 수 있습니다.
WebP에서도 GIF의 투명 배경이 유지되나요?
네, 오히려 더 좋아집니다. GIF에는 완전히 투명한 색이 하나뿐이라 곡선 가장자리가 들쭉날쭉합니다. WebP는 완전한 알파 채널을 지원하므로 투명한 부분은 투명하게 남고 주변에 새로 덧붙는 것도 없습니다.
차라리 GIF를 동영상으로 변환하는 게 나을까요?
몇 초보다 긴 클립이라면 그런 경우가 많습니다. MP4는 더 작고 재생 컨트롤도 쓸 수 있습니다. 이때는 GIF MP4 변환을 사용하세요. WebP는 <img> 태그나 스티커 안에서 소리 없이 자동 재생되어야 하는 짧은 루프에 쓰세요.