工具合集 · 6 分钟
图片处理本地工具合集：Base64、尺寸调整、格式转换与颜色提取
整理无需上传服务器的图片处理工具，包括图片转 Base64、Base64 转图片、图片尺寸调整、图片格式转换和图片颜色提取。
轻量图片处理可以直接在浏览器本地完成
很多前端调试、设计取色和测试图片处理并不需要上传服务器。借助浏览器 FileReader 和 Canvas，可以完成 Base64、尺寸调整、格式转换和主色提取等常见操作。
图片转 Base64：小图标和测试图快速嵌入
图片转 Base64 适合小图标、CSS 背景测试和临时 Data URL 场景。大图片不建议长期使用 Base64，因为体积会增加。
使用 图片转 Base64Base64 转图片：验证 Data URL 是否正确
当接口、样式或文档中出现图片 Base64 时，可以通过预览工具快速判断内容是否有效。
使用 Base64 转图片图片尺寸调整：生成头像和缩略图
指定宽高后通过 Canvas 重新绘制图片，适合快速生成头像、缩略图或测试尺寸。
使用 图片尺寸调整图片格式转换：PNG、JPG、WebP 互转
浏览器 Canvas 可以将图片导出为不同格式，适合前端测试和临时格式转换。
使用 图片格式转换图片颜色提取：快速获取主要配色
从图片中提取主要颜色，可以辅助页面配色、设计稿分析和品牌色参考。
使用 图片颜色提取常见问题
这些图片工具会上传图片吗？
不会，当前图片读取、预览和处理都在浏览器本地完成。
为什么不建议大图转 Base64？
Base64 通常会增加体积，且会让 HTML、CSS 或 JSON 内容变得很长，适合小图和临时测试。