인코딩
Data URI / Base64 이미지
이미지를 Data URI(data:image/…;base64,…)로 인코딩해 CSS/HTML에 삽입하고, Data URI나 순수 Base64를 다시 파일로 디코딩 — 모두 브라우저에서 바로.
여기에 이미지 미리보기가 표시됩니다.
자주 묻는 질문
Data URI는 언제 사용하는 게 좋은가요?
작은 아이콘이나 스프라이트처럼 별도 HTTP 요청을 줄이고 싶은 이미지를 CSS나 HTML에 직접 삽입할 때 유용합니다. 반면 용량이 큰 이미지는 파일 크기가 커지고 브라우저·이메일 클라이언트별 크기 제한에 걸릴 수 있어 적합하지 않습니다.
Data URI로 넣은 이미지도 일반 파일처럼 캐시되나요?
아니요. Data URI는 HTML/CSS 문서 안에 이미지 데이터 자체가 포함된 형태라 별도의 리소스 URL이 없고, 브라우저가 독립된 파일처럼 캐싱하지 않습니다. 같은 이미지를 여러 곳에서 반복 사용하면 문서 크기만 계속 늘어납니다.
업로드한 이미지가 서버에 저장되나요?
아니요. 인코딩과 디코딩 모두 브라우저 안에서 처리되며 이미지 파일이나 Data URI는 서버로 전송되지 않습니다.