이미지 Base64 변환
이미지를 문자열로 바꿔 코드에 직접 넣을 수 있게 합니다.
어디에 쓰나요
작은 아이콘이나 로고를 별도 파일 없이 HTML, CSS, 마크다운 안에 직접 넣을 때 씁니다. 파일을 따로 올릴 수 없는 환경이나, 이미지 요청 횟수를 줄이고 싶은 경우에 유용합니다. 이메일 서명이나 단일 파일 문서를 만들 때도 자주 쓰입니다.
용량이 늘어납니다
Base64로 바꾸면 원본보다 약 33% 커집니다. 변환 후 실제 크기를 표시하니 확인하고 쓰세요. 수십 KB를 넘는 이미지는 이 방식이 오히려 손해입니다. 페이지 로딩이 끝날 때까지 문서 전체가 무거워지고, 브라우저가 이미지를 따로 캐시하지 못하기 때문입니다.
권장 사용 범위
대략 5KB 이하의 작은 아이콘 정도가 적당합니다. 큰 이미지는 크기를 줄인 뒤 변환하거나, 그냥 파일로 두고 링크하는 편이 낫습니다.
처리 방식
파일은 업로드되지 않고 브라우저가 직접 읽어 변환합니다.