이미지를 Base64로
작은 아이콘과 이미지를 인라인 가능한 DataURL 또는 원시 Base64 텍스트로 변환하여 원클릭으로 코드에 복사. 변환은 브라우저에서 로컬로 실행——업로드 없음.
클릭하여 선택하거나 이미지를 여기로 드래그
스크린샷 붙여넣기도 가능
한 장 최대 10 MB. 인코딩은 브라우저에서 완결, 이미지 전송 없음
Base64는 용량을 약 33% 늘립니다. 작은 아이콘과 인라인 용도만 권장
Base64 인라이닝은 이미지를 텍스트로 변합니다. 적합한 경우: 몇 KB의 작은 아이콘(HTTP 요청 한 번 절약), HTML 이메일(많은 클라이언트가 원격 이미지를 차단), 단일 파일 HTML 배포(데모, 오프라인 문서), canvas나 코드가 이미지 데이터를 직접 필요로 하는 경우.
하지만 범용적인 답은 아닙니다: 크기가 약 33% 증가하고 데이터를 별도로 캐시할 수 없으며 긴 문자열은 HTML 파싱을 느리게 합니다. 실제 페이지 이미지의 경우 WebP/AVIF 파일로 압축하는 것이 올바른 방법입니다. 같은 선명도, 훨씬 적은 바이트. 먼저 압축한 다음 인라인할지 결정하세요. 그것이 성능과 편의성을 모두 얻는 방법입니다.