사용 방법
- Base64 문자열이나 data:image/gif;base64 URI를 붙여넣습니다.
- 미리 보기와 감지된 형식, 이미지 크기, 용량을 확인합니다.
- 애니메이션 GIF라면 모든 프레임이 유지되도록 ‘다운로드 형식’을 ‘원본’으로 설정합니다. 정지 이미지라면 GIF를 그대로 두어 변환합니다.
- .gif 파일을 다운로드합니다.
Base64 속 GIF 데이터
GIF 파일은 GIF89a 또는 이전 버전인 GIF87a 텍스트로 시작합니다. Base64에서는 각각 R0lGODlh와 R0lGODdh가 되므로 첫 여섯 글자 R0lGOD가 확실한 표시입니다. Base64 GIF는 CSS에 포함된 로딩 스피너, 이메일과 웹 분석에 쓰이는 작은 투명 추적 픽셀, 채팅이나 포럼 데이터베이스에 저장된 리액션 애니메이션 등에서 볼 수 있습니다. 1 × 1 투명 GIF는 수십 바이트에 불과한, 가장 작은 유효 이미지 파일 중 하나이기 때문에 작은 인라인 이미지에 GIF가 많이 쓰입니다.
애니메이션 유지하기
원본 다운로드는 디코딩된 바이트를 그대로 저장하므로 모든 프레임, 프레임 타이밍, 반복 설정이 보존됩니다. 변환된 출력은 모두 이미지를 캔버스에 그려서 만드는데, 캔버스에는 그림 하나만 담을 수 있습니다. 따라서 대상 형식이 다시 GIF여도 변환하면 첫 번째 프레임만 남습니다.
이 제한을 유용하게 쓸 수도 있습니다. 애니메이션의 첫 프레임을 정지 이미지로 얻고 싶다면 GIF를 붙여넣고 PNG나 JPG로 다운로드하십시오.
GIF 변환기의 색상 및 투명도 처리 방식
- 256색. GIF는 이미지당 최대 256가지 색상을 저장합니다. 변환기는 메디안 컷(median-cut) 방식으로 이미지 자체에서 팔레트를 추출하며, 이 방식은 로고, 아이콘, 단순한 그래픽에 잘 맞습니다. 사진이나 부드러운 그라데이션은 미묘한 색조가 사라질 수 있습니다.
- 1비트 투명도. 각 픽셀은 완전히 투명하거나 완전히 불투명합니다. 부드러운 그림자와 안티에일리어싱된 가장자리는 딱딱한 가장자리가 됩니다.
GIF 호환성보다 색상 정확도나 부드러운 투명도가 더 중요하다면 PNG나 WebP가 더 나은 선택입니다.
명령줄에서는 base64 --decode spinner.txt > spinner.gif 한 줄로 디코딩할 수 있습니다.
자주 묻는 질문
변환 후 GIF가 움직이지 않는 이유는 무엇입니까?
변환된 출력에는 첫 번째 프레임만 들어 있습니다. 인코딩된 애니메이션 GIF를 그대로 저장하려면 ‘다운로드 형식’으로 ‘원본’을 선택하십시오.
변환된 GIF에 색 띠가 생기거나 거칠게 보이는 이유는 무엇입니까?
GIF는 256가지 색상만 담을 수 있으므로 사진처럼 색조가 많은 이미지는 팔레트에서 가장 가까운 색상으로 줄어듭니다. 전체 색상 범위가 필요하다면 PNG나 WebP를 사용하십시오.
반투명 픽셀은 어떻게 됩니까?
GIF의 투명도는 켜짐과 꺼짐 두 가지뿐입니다. 각 픽셀은 완전히 투명하거나 완전히 불투명해지므로 부드러운 가장자리 주변에 들쭉날쭉한 윤곽이 남을 수 있습니다.