Image to Base64 (Data URI) Converter

Convert any image to a Base64 data URI - for inline CSS or HTML

๐Ÿ”’ 100% ๋ธŒ๋ผ์šฐ์ € ๋‚ด๐Ÿ†“ ํ‰์ƒ ๋ฌด๋ฃŒโšก ๊ฐ€์ž… ์—†์Œ
์ฐธ๊ณ : ์•„๋ž˜ ํˆด ์ธํ„ฐํŽ˜์ด์Šค๋Š” ํ˜„์žฌ ์˜์–ด๋กœ๋งŒ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. UI๋Š” ํ•˜๋‚˜์”ฉ ๋ฒˆ์—ญ ์ค‘์ž…๋‹ˆ๋‹ค. ์ด ํˆด์„ ์˜์–ด๋กœ ๋ณด๊ธฐ โ†’
Drop an image or click to pick
PNG, JPG, SVG, GIF, WebP - up to 10 MB

Everything runs locally - the image never leaves your browser. Base64 encoding inflates size by ~33%; only inline small icons, not photos.

์‚ฌ์šฉ๋ฒ•

  1. 1
    Drop an image

    Drag a file into the drop zone or click to pick - up to 10 MB.

  2. 2
    See the size impact

    Base64 inflates size by ~33%. The tool shows original size, encoded size, and the overhead.

  3. 3
    Copy the format you need

    Data URI on its own, CSS background-image, or a full <img> tag.

Image to Base64 (Data URI) Converter ์†Œ๊ฐœ

Free online image to Base64 converter. Drop or pick any image (PNG, JPG, SVG, GIF, WebP) to get a data URI ready to paste into CSS or HTML - with size analysis and one-click copy of the URI, a CSS declaration, or an <img> tag. Runs entirely in your browser. 712 Tools์˜ Image to Base64 (Data URI) Converter์€ ์ตœ์‹  JavaScript API๋ฅผ ์‚ฌ์šฉํ•ด ์—ฌ๋Ÿฌ๋ถ„์˜ browser์—์„œ ์™„์ „ํžˆ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค - server๊ฐ€ ์—ฌ๋Ÿฌ๋ถ„์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณผ ์ผ์ด ์ ˆ๋Œ€ ์—†์Šต๋‹ˆ๋‹ค. ์ฆ‰, ์ฆ‰๊ฐ์ ์ธ ๊ฒฐ๊ณผ, ์™„์ „ํ•œ ํ”„๋ผ์ด๋ฒ„์‹œ, ๊ทธ๋ฆฌ๊ณ  ์—…๋กœ๋“œ ์ œํ•œ์ด ์—†์Šต๋‹ˆ๋‹ค.

debugging ์„ธ์…˜, ๋น ๋ฅธ sanity check, ๋˜๋Š” ํ”„๋กœ๋•์…˜ ์ธ์‹œ๋˜ํŠธ - ์–ด๋–ค ์ƒํ™ฉ์ด๋“  ์ด ํˆด์€ ์›ํ•˜๋Š” ๋งŒํผ ๋ฌด๋ฃŒ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์›Œํ„ฐ๋งˆํฌ ์—†์Œ, ๊ฐ€์ž… ์—†์Œ, ํˆด ๋‚ด ๊ด‘๊ณ  ์—†์Œ.

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ

Is the image uploaded?

No. The file is read locally via FileReader - nothing leaves your browser.

When should I inline an image?

For tiny icons (under a few KB) where an extra HTTP request costs more than the size overhead. Never inline photos - the ~33% Base64 overhead kills page weight.

What about SVGs?

SVGs work fine as data URIs and are often small enough to inline. Consider URL-encoding rather than Base64 for SVG - it's actually smaller.

๊ด€๋ จ ํˆด

Base64 Encoder / Decoder

Encode text or files to Base64 and back

URL Encoder / Decoder

Percent-encode or decode URL components instantly

JWT Decoder

Decode JSON Web Tokens and inspect claims

HTML Entities

Convert special characters to HTML entities and back

Word Counter

Count words, characters, sentences, paragraphs, reading time

Case Converter

Convert text to UPPERCASE, lowercase, camelCase, snake_case, kebab-case, and more