매일 손이 가는 개발자 도구를 한곳에.

변환기, 포맷터, 해시, 검증기, 그리고 계속 다시 열게 되는 작은 유틸리티들이 여러 탭에 흩어지지 않고 한자리에 모여 있습니다.

/ 도구

■

/ 도구 찾기

도구 109개

/ 이미지를 Base64로 변환

이미지 선택

최대 파일 크기: 5MB. 지원 형식: PNG, JPG, GIF, SVG, WebP

/ 선택한 도구

■

이미지를 Base64로 변환 - 무료 변환기 도구

HTML/CSS에 삽입할 수 있도록 이미지를 Base64 데이터 URL로 변환합니다

■ 01

Base64 이미지 인코딩이란?

Base64 인코딩은 이미지 파일을 HTML이나 CSS에 직접 삽입할 수 있는 텍스트 문자열로 변환합니다. 이렇게 하면 이미지에 대한 별도의 HTTP 요청이 필요 없어지지만 파일 크기가 약 33% 늘어납니다.

■ 02

어떻게 작동하나요?

Base64 인코딩은 바이너리 이미지 데이터를 6비트 단위로 묶고 각 단위를 64자 집합(A-Z, a-z, 0-9, +, /)의 문자에 매핑해 ASCII 텍스트로 변환합니다. 이 인코딩을 통해 바이너리 데이터…

■ 03

예시 사례

HTML 사용과 CSS 사용을 다뤄 자주 쓰는 입력과 출력을 빠르게 비교할 수 있습니다.

/ 관련 도구

/ 코드

■

선택한 도구의 소스 코드로, 오른쪽의 실시간 버전과 함께 여기에 표시됩니다.

/ 소스 코드

TypeScript

typescript

// No npm packages needed - pure Node.js/TypeScript

import * as fs from 'fs';
import * as path from 'path';

interface Base64Result {
  dataUrl: string;
  base64: string;
  mimeType: string;
  originalSize: number;