이미지에서 Base64

이미지를 Base64로

이 도구는 이미지 파일을 Base64로 인코딩된 데이터 URI 문자열로 변환합니다. 이 문자열을 HTML이나 CSS에 직접 포함할 수 있으므로 별도의 이미지 파일 요청이 필요하지 않습니다.

Base64 인코딩을 사용하면 데이터 크기가 약 33% 증가하므로 큰 사진보다는 아이콘, 로고와 같은 작은 이미지에 사용하는 것이 가장 좋습니다.

파일은 브라우저에서 로컬로 읽습니다. 이미지는 서버에 업로드되지 않으며 안정적인 성능을 위해 한 번에 1개, 최대 2MB로 제한됩니다.

사용방법

1. 이미지 파일을 업로드 영역으로 끌어다 놓거나 클릭하여 선택하세요.
2. Base64로 인코딩된 데이터 URI는 아래 텍스트 편집기에 표시됩니다.
3. 복사를 사용하여 결과를 복사하거나 저장을 사용하여 텍스트 파일로 다운로드하세요.

HTML에 이미지 삽입

HTML img 태그에서 직접 Base64 데이터 URI를 사용할 수 있습니다: <img src="data:image/png;base64,...">

CSS에서는 배경 이미지에 데이터 URI를 사용할 수 있습니다: background: url('data:image/png;base64,...')

Python으로 변환

Python을 사용하여 이미지를 Base64로 변환합니다.

import base64
from PIL import Image

with open('image.png', 'rb') as f:
    encoded = base64.b64encode(f.read())
data_uri = 'data:image/png;base64,' + encoded.decode()