이미지를 Base64로 작동 방식
어떤 이미지든 Base64 데이터 URI로 변환하거나, 데이터 URI를 붙여넣어 다시 이미지로 디코딩합니다. 이 도구는 바로 사용할 수 있는 CSS와 HTML 스니펫도 생성합니다. 변환은 브라우저에 내장된 FileReader API로 이루어집니다.
별도의 파일이나 CDN 요청 없이 작은 이미지를 CSS(background-image), HTML 이메일 템플릿, JSON 페이로드에 직접 삽입하는 데 유용합니다.
어떤 이미지든 Base64 데이터 URI로 인코딩하거나, 데이터 URI를 붙여넣어 이미지로 다시 디코딩하세요. 결과를 복사하거나 CSS url() 스니펫을 가져오세요. 아무것도 기기를 떠나지 않습니다.
어떤 이미지든 Base64 데이터 URI로 변환하거나, 데이터 URI를 붙여넣어 다시 이미지로 디코딩합니다. 이 도구는 바로 사용할 수 있는 CSS와 HTML 스니펫도 생성합니다. 변환은 브라우저에 내장된 FileReader API로 이루어집니다.
별도의 파일이나 CDN 요청 없이 작은 이미지를 CSS(background-image), HTML 이메일 템플릿, JSON 페이로드에 직접 삽입하는 데 유용합니다.
아니요. 파일은 이 브라우저 탭에서 FileReader API(readAsDataURL)로 읽힙니다. 사용자 기기에서 Base64 데이터 URL로 변환되어 복사할 수 있도록 페이지에 표시됩니다. Sunasty나 제3자에게 아무것도 도달하지 않습니다. 브라우저 DevTools를 열고 'Network' 탭을 보세요. 당신의 파일을 실어 보내는 요청은 하나도 없습니다.
네. Base64 인코딩은 원시 바이너리 파일에 비해 데이터 크기를 약 33% 늘립니다. 인라인 처리의 편의가 크기 증가 비용을 상회하는 작은 이미지(아이콘, 약 10 KB 미만의 로고)에 가장 적합합니다.
네. 유효한 데이터 URI(data:image/... 로 시작)를 입력란에 붙여넣으면 도구가 이를 디코딩하여 원본 이미지를 다운로드할 수 있게 해줍니다.
네, 페이지가 한 번 로드된 후에는 가능합니다. 처리가 사용자의 기기에서 이루어지므로 네트워크 연결을 끊어도 도구는 계속 작동합니다. 이것이야말로 데이터가 절대 기기를 떠나지 않는다는 가장 명확한 증거입니다.
완전히 무료이며 가입이 필요 없습니다. 도구를 사용하는 데 워터마크, 일일 사용 제한, 추적 쿠키가 일절 없습니다.