이미지 Base64 변환

1. 이미지 → Base64: 이미지를 넣으면 data URI, HTML <img> 태그, CSS 배경 코드가 바로 나옵니다. 필요한 줄의 복사를 누르세요.
2. Base64 → 이미지: data:image/png;base64,… 문자열이나 앞부분 없는 Base64만 붙여 넣어도 이미지로 보여주고, 파일로 저장할 수 있습니다.
3. API 응답이나 코드에 들어 있던 문자열은 따옴표나 줄바꿈이 섞여 있어도 알아서 걸러 냅니다.

Base64는 3바이트를 64가지 글자 4개로 바꿔 적는 방식입니다. 그래서 결과는 항상 원본보다 약 33% 길어집니다. 이 도구는 이미지를 다시 그리지 않고 파일 바이트를 그대로 인코딩해 화질과 형식이 바뀌지 않습니다.

풀어낼 때는 앞에 적힌 형식 대신 실제 데이터의 첫 몇 바이트(매직 넘버)를 보고 PNG, JPG, GIF, WEBP, SVG, ICO, BMP, AVIF를 판별합니다.

Base64 길이는 그대로 HTML·CSS 파일 크기에 더해집니다. 몇 KB 아이콘은 이득이지만, 수십 KB가 넘는 사진은 파일을 따로 두는 편이 캐시도 되고 페이지도 빨리 뜹니다. 100KB가 넘으면 경고를 보여줍니다.