무료 이미지를 Base64로
CSS, HTML, 또는 Markdown에서 인라인으로 사용할 수 있도록 이미지를 Base64 데이터 URI로 변환합니다. 바로 사용 가능한 코드 스니펫을 복사하세요. 브라우저에서 인코딩 — 업로드되지 않습니다.
여기에 파일을 놓거나 클릭해서 선택하세요
PNG, JPG, WebP, GIF, SVG, AVIF, ICO, HEIC, HEIF · 기기에서 처리됨
또는 Ctrl+V를 눌러 클립보드에서 붙여넣기
팁: 클립보드에서 이미지를 붙여넣을 수도 있습니다 (Ctrl+V).
파일이 기기를 떠나지 않습니다. 모든 처리는 브라우저에서 로컬로 이루어집니다.
이미지를 CSS, HTML, Markdown에 직접 붙여넣을 수 있는 Base64 data URI로 변환합니다 — 별도 파일 불필요. 브라우저에서 인코딩되며 업로드되지 않습니다.
주요 용도
- CSS에서 이미지 인라인스타일시트에서 데이터 URI로 작은 아이콘 또는 배경을 포함시킵니다.
- HTML에 이미지 포함자체 포함된 HTML에 직접 로고 또는 아이콘을 포함시킵니다.
- SVG 또는 아이콘을 Base64로 변환작은 아이콘을 포함할 데이터 URI로 변환합니다.
- Markdown에 이미지 포함데이터 URI를 사용하여 작은 이미지를 Markdown 파일에 인라인합니다.
- 이미지 데이터 URI 가져오기어디서나 사용할 수 있는 원본 데이터 URI를 생성합니다.
사용 방법
데이터 URI는 이미지를 텍스트로 코드에 직접 임베드하여 별도의 파일 요청 없이 로드할 수 있도록 하므로 작은 아이콘과 자체 포함 HTML에 유용합니다. 이 도구는 브라우저에서 인코딩합니다.
- 1이미지를 드래그합니다FileReader API를 사용하여 로컬로 읽어집니다 — 업로드되지 않습니다.
- 2Base64 인코딩됩니다이미지 바이트가 브라우저에서 바로 data: URI(data:image/...;base64,…)로 변환됩니다.
- 3스니펫을 선택합니다원본 데이터 URI 또는 준비된 CSS(background-image), HTML(<img>), 또는 Markdown을 복사합니다.
- 4코드에 붙여넣습니다이미지가 이제 CSS/HTML과 함께 인라인으로 이동합니다 — 호스팅할 추가 파일이 없습니다.
이미지는 기기에서 완전히 인코딩됩니다. Base64는 원본보다 약 33% 더 크므로 데이터 URI는 작은 이미지에 가장 좋습니다.
관련 도구
이미지 스테가노그래피 (이미지에 텍스트 숨기기)
최하위 비트 스테가노그래피를 사용하여 PNG에 비밀 텍스트 메시지를 숨깁니다. 선택적으로 AES-256-GCM 비밀번호 암호화를 적용할 수 있습니다. 동일한 도구로 나중에 추출합니다. 브라우저에서 완전히 실행됩니다.
Base64 인코더 & 디코더
텍스트나 파일을 Base64로 인코딩하거나, Base64 문자열을 일반 텍스트로 디코딩합니다. 즉각적이고 프라이빗하며 무료입니다.
URL 인코더 및 디코더
URL과 쿼리 문자열을 인코딩하고 디코딩합니다. encodeURIComponent, decodeURIComponent 및 쿼리 문자열 구문 분석을 지원합니다.