이미지→Base64 인코딩
이미지를 Base64 문자열로 인코딩합니다
특징
파일과 URL 모두 지원
내 컴퓨터의 이미지 파일과 웹상의 이미지 URL을 모두 인코딩
11종의 출력 형식 지원
data URL이나 img 태그, CSS 배경 등 다양한 형식으로 출력
data URI 형식 전환
접두사가 붙은 data URL과 Base64 데이터만 출력하도록 전환
형식별 개별 복사
용도에 맞는 출력 형식을 클릭 한 번으로 개별 복사
사용 방법
입력 방식을 탭으로 선택
파일 탭에서 이미지를 고르거나 URL 탭에서 이미지 URL을 입력
실행 버튼으로 변환
실행 버튼을 누르면 이미지를 Base64 문자열로 인코딩
출력 형식을 골라 활용
data URI 형식 전환을 확인하고 용도별 출력을 복사하거나 다운로드
활용 사례
이미지 삽입 속도 향상
작은 이미지를 HTML이나 CSS에 직접 삽입해 로딩 횟수를 줄임
메일용 이미지 준비
HTML 메일에 이미지를 직접 삽입해 외부 참조 없이 표시
파비콘 설정
Link 태그 형식 출력으로 외부 파일 없이 파비콘을 설정
API에서의 이미지 전달
JSON이나 XML 형식으로 API 요청·응답에 이미지를 담음
기초 지식
이미지를 Base64로 변환하는 장점과 단점
Base64로 변환한 이미지는 HTML이나 CSS에 직접 삽입할 수 있어서, 작은 아이콘이라면 이미지 요청을 줄일 수 있습니다. 반면에 데이터 용량은 원본의 약 1.33배가 되고, 브라우저 캐시도 효과가 떨어지기 때문에 큰 이미지에는 부적합합니다.
용량이 약 1.33배가 되는 이유
Base64는 3바이트의 데이터를 4문자의 영숫자로 변환하는 방식이므로, 변환 후 문자열은 반드시 원본 데이터의 약 1.33배(3분의 4 증가) 크기가 됩니다.
안전성과 개인정보 보호
서버 처리
입력 내용은 서버에서 처리되며, 전송되는 정보는 조회에 필요한 정보만입니다.
임시 처리만
이미지 가져오기를 위해 서버에서 임시 처리한 후 결과 반환 후 삭제됩니다.
통신은 HTTPS로 암호화
송수신 데이터는 모두 TLS로 암호화되어 제3자가 읽을 수 없습니다.
제3자로의 전송 없음
광고 네트워크나 트래커 등 외부 서비스로 입력 내용을 전송하지 않습니다.
가져오기 목적의 외부 전송만
URL 지정 시 이미지 가져오기를 위해 대상 URL만 서버가 가져옴
Google 검색에서 RAKKOTOOLS 팔로우하기
175개의 편리한 도구를 Google 검색·AI 검색에서 더 쉽게 찾을 수 있습니다!
- 검색에서 발견
- AI 검색에서도 표시
- 새 도구도 발견