이미지를 base64 로
스타일시트에 붙여넣을 수 있는 그림.
여기에 파일을 끌어다 놓으세요
또는 클릭해서 기기에서 선택지원 형식: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF, SVG, ICO
1회 최대 3개 파일파일당 최대 20MB하루 10회Pro로 제한 해제✓ 오프라인에서도 사용 가능
파일은 내 기기 밖으로 나가지 않습니다
이 도구는 브라우저 안에서만 작동합니다. 업로드도 저장도 하지 않으므로, 시작하기 전에 인터넷 연결을 끊어도 그대로 작동합니다.
사용 방법
- 이미지를 추가합니다. PNG·JPEG·GIF·WebP·AVIF·SVG·BMP·ICO 를 지원합니다.
- 둘러쌀 형태를 고릅니다. 데이터 URI 만, CSS 한 줄, 또는 img 태그.
- 결과를 복사합니다.
- 크기 안내를 확인하세요. 요청은 줄지만 이득이 되는 범위는 생각보다 좁습니다.
자주 묻는 질문
- 재인코딩하거나 압축하나요?
- 하지 않습니다. 파일의 바이트를 그대로 읽어 인코딩하므로 최적화된 PNG 는 최적화된 채로, 움직이는 GIF 는 움직이는 채로 남습니다. 「알아서」 재인코딩하는 도구는 아이콘의 색을 조용히 바꿔 놓습니다.
- 얼마나 커지나요?
- 약 3분의 1 늘어납니다. base64 는 3바이트를 4글자로 만들고 접두어도 붙습니다. HTTP 요청 하나를 줄이는 대가입니다.
- 언제 끼워 넣을 만한가요?
- 바로 필요한 작은 것 — 아이콘, 1×1 여백 이미지, 메일 안의 작은 로고 등입니다. 몇 킬로바이트를 넘으면 매번 늘어나는 용량이 아낀 요청보다 비싸지는 경우가 많습니다.
- SVG 도 끼워 넣을 수 있나요?
- 넣을 수는 있지만 대개 그러지 않는 편이 낫습니다. SVG 는 텍스트라 HTML 에 직접 쓰면 CSS 로 색을 바꿀 수 있습니다. base64 는 반드시 하나의 불투명한 문자열이어야 할 때를 위한 것입니다.
- 업로드되나요?
- 아니요. 모두 브라우저 안에서 처리됩니다.