지저분하게 복사해도 됩니다
실제로 만나는 값은 대개 껍데기가 붙어 있습니다. 아래는 전부 그대로 붙여넣어도 됩니다.
background: url("data:image/png;base64,…")— CSS 에서 통째로<img src="data:image/png;base64,…">— HTML 에서 통째로iVBORw0KGgo…—data:없이 Base64 만- 줄이 끊긴 값 — JSON 이나 로그를 거쳐 오면 흔합니다
-와_를 쓰는 base64url, 패딩(=)이 잘린 값data:image/svg+xml,%3Csvg…— 퍼센트 인코딩된 SVG- SVG 원문 그대로
무슨 형식인지 알려 줍니다
data: 앞머리에 적힌 형식과 실제 내용이 다른 값이 있습니다. 그럴 때는
"그렇게 적혀 있지만 내용이 그 형식이 아닙니다"라고 알려 줍니다. 파일이 중간에
잘렸거나, 복사할 때 앞뒤가 빠진 경우가 대부분입니다.
PDF 나 폰트처럼 그림이 아닌 것도 데이터 URI 로 옵니다. 미리 보지는 못하지만 저장은 됩니다.
패딩(=)이 없다는 오류가 안 나네요
알아서 채웁니다. JWT 조각이나 URL 안전 방식에서는 = 를 빼는 게
정상이라, 없다고 거절하면 쓸모가 없습니다.
저장한 파일 확장자는 어떻게 정하나요?
data: 에 적힌 형식을 먼저 보고, 없으면 파일 앞부분을 읽어 정합니다.
PNG 면 .png, JPEG 면 .jpg 로 나갑니다.
붙여넣은 값이 서버로 가나요?
가지 않습니다. 디코딩도 미리보기도 이 페이지 안에서 끝납니다. 토큰이나 키가 섞인 값을 붙여넣어도 밖으로 나가지 않습니다.