免费注册

图片转 Base64

在本机把图片编码成 Base64,按你代码需要的格式复制。

关于图片转 Base64

图片转 Base64,适合想把图片直接写进代码、而不是单独放一个文件的时候:CSS 里的小图标,HTML 邮件模板里的 Logo,单文件演示页面里的图片,或者接口 JSON 里要传的一张图。选择一张或多张图片,编码结果马上出现。

“复制格式”可以切换 Data URI、纯 Base64、CSS、img 标签和 Markdown,点一下就能复制。Base64 文本比原文件大约多三分之一,页面会同时显示两种大小,所以更适合小图。整个过程在浏览器里完成,图片不上传,单张最大 20 MB。

图片转 Base64怎么用

  1. 1
    选择图片

    点“选择图片”,或拖入要做图片转 Base64 的 PNG、JPG、WebP、GIF、SVG、ICO 文件,图片不会离开你的设备。

  2. 2
    选复制格式

    在“复制格式”里选 Data URI、Base64、CSS、img 或 Markdown。

  3. 3
    复制代码

    点图片旁边的“复制”,粘贴到 HTML、CSS 或 JSON 里。

为什么用熊仔工匠

  • 五种输出格式

    Data URI、纯 Base64、CSS 背景、HTML img 标签、Markdown 图片。

  • 大小直接显示

    每张图都显示原始大小和编码后的大小。

  • 多张一起编码

    一整套图标一次转完,每张都有自己的复制按钮。

  • 不上传

    编码在浏览器里完成,不占每日次数。

常见问题

图片转 Base64常见问题

什么时候适合图片转 Base64?
小图标、邮件模板里的 Logo、单文件页面这类小图最合适。大照片还是用普通文件更好,Base64 会大三分之一左右,也没法单独缓存。编码前先用图片压缩压小,Base64 文本也会更短。
Data URI 和纯 Base64 有什么区别?
Data URI 带着图片类型开头,比如 data:image/png;base64, 这样,可以直接放进 src 或 url();纯 Base64 只有编码字符,适合要求原始数据的接口和 JSON 字段。
图片转 Base64 有大小限制吗?
单张最大 20 MB。实际使用中,嵌进网页和邮件的图最好小一点,几百 KB 以上就会拖慢加载。可以先用修改图片尺寸把图片改小一些。
Base64 编码时图片会上传吗?
不会。浏览器在本机读取并编码,图片不会离开你的设备。
图片 Base64 编码要付费吗?
免费,而且不限次数。在浏览器里运行的工具不占每日次数,也不用注册。
把图片转 Base64分享给朋友打开浏览器就能用,对方不注册也能先试。

相关工具

IMG 图片压缩批量压缩 JPG、PNG、WebP、GIF,肉眼看不出差别。
QR 二维码生成生成网址、文字、Wi-Fi、名片二维码,可加 Logo、换颜色。
IMG 修改图片尺寸按像素、百分比或社交平台尺寸批量改图。
KBIMG 图片压缩到指定大小压到 20KB、50KB、100KB 等指定大小,报名、上传一次过。
IMG 裁剪图片自由裁剪或按 1:1、4:3、16:9 等比例裁剪,动图也能裁。
IMG 报名照片尺寸修改按考试、证件要求一次改好像素、KB 大小和 DPI。
GIF GIF 动图制作把多张图做成动图:GIF、WebP 或 APNG,间隔随你定。
😆IMG 表情包制作给图片或 GIF 动图加字、加表情,做成表情包或贴纸。