BROWSER BENCH / TOOL INDEX

图片与媒体
在线工具。

在浏览器中处理图片、颜色、音视频和视觉素材,并在导出前预览结果。

工具索引

图片与媒体 · 26 个工具

01 / 26 TOOLS

图片与媒体

01
打开使用

图片压缩

压缩 JPG、PNG、WebP 图片并控制输出质量。

  • 图片
  • 压缩
  • WebP
02
打开使用

图片尺寸调整

按像素或比例调整图片尺寸。

  • 图片
  • 尺寸
  • 缩放
03
打开使用

图片裁剪

按比例或自定义区域裁剪图片。

  • 图片
  • 裁剪
  • 尺寸
04
打开使用

图片格式转换

在 PNG、JPG、WebP、AVIF 之间转换。

  • 图片
  • 格式
  • 转换
05
打开使用

图片转 Data URL

把图片转换成可嵌入 HTML 或 CSS 的 Data URL。

  • 图片
  • Data URL
  • Base64
06
打开使用

Data URL 转图片

预览并下载 Data URL 中的图片内容。

  • 图片
  • Data URL
  • 下载
07
打开使用

SVG 优化

清理 SVG 冗余信息,减小图标体积。

  • SVG
  • 图标
  • 优化
08
打开使用

SVG 转 PNG

将 SVG 导出为指定尺寸的 PNG 图片。

  • SVG
  • PNG
  • 导出
09
打开使用

Favicon 生成器

从图片生成常用尺寸的 favicon 素材。

  • Favicon
  • 图标
  • 网站
10
打开使用

雪碧图生成

把多张小图拼成 CSS 雪碧图。

  • Sprite
  • CSS
  • 图片
11
打开使用

颜色拾取器

从图片或色盘获取准确的颜色值。

  • 颜色
  • 取色
  • 设计
12
打开使用

颜色格式转换

在 HEX、RGB、HSL、OKLCH 之间转换颜色。

  • 颜色
  • HEX
  • HSL
13
打开使用

配色生成器

从主色生成互补、相似和中性色板。

  • 颜色
  • 配色
  • 设计
14
打开使用

对比度检查

检查前景色与背景色是否符合 WCAG。

  • 无障碍
  • WCAG
  • 对比度
15
打开使用

渐变生成器

可视化创建线性和径向 CSS 渐变。

  • 渐变
  • CSS
  • 背景
16
打开使用

阴影生成器

调节参数并复制 CSS box-shadow。

  • CSS
  • 阴影
  • 样式
17
打开使用

圆角生成器

生成复杂圆角并复制 CSS。

  • CSS
  • 圆角
  • 样式
18
打开使用

CSS 滤镜生成

预览并生成 blur、hue-rotate 等滤镜代码。

  • CSS
  • 滤镜
  • 效果
19
打开使用

画幅比例计算

根据宽高换算常见图片和视频比例。

  • 比例
  • 图片
  • 视频
20
打开使用

图片元数据查看

查看图片尺寸、类型与基础元数据。

  • 图片
  • 元数据
  • EXIF
21
打开使用

EXIF 清理

移除图片中的定位和拍摄设备信息。

  • EXIF
  • 隐私
  • 图片
22
打开使用

二维码生成

从文本或链接生成可下载二维码。

  • 二维码
  • QR
  • 分享
23
打开使用

条形码生成

生成常见格式的条形码图片。

  • 条形码
  • 条码
  • 图片
24
打开使用

音频信息查看

读取音频时长、格式和基础编码信息。

  • 音频
  • 元数据
  • 媒体
25
打开使用

视频封面提取

从视频指定时间点提取封面帧。

  • 视频
  • 封面
26
打开使用

无界画板

用手绘、几何图形、箭头、文字和橡皮擦快速搭建流程图、脑图、线框图、产品草图、会议记录与知识结构。支持撤销重做、缩放以及 PNG / SVG 导出。

  • 画板
  • 流程图
  • 脑图