图片小工具
图片转 Base64
本地读取图片为 Data URI
图片小工具图片压缩
Canvas 调整质量与尺寸
图片小工具二维码生成
文本生成本地 SVG 二维码
图片小工具按宽度缩放
上传图 → 指定宽
图片小工具宽高比计算
宽高中算第三边
图片小工具像素 ↔ 厘米
DPI 换算
图片小工具颜色反相
#RRGGBB 反色
图片小工具图片转灰
Canvas 灰度
图片小工具亮度调整
Canvas 亮度
图片小工具对比度
Canvas 对比度
图片小工具CSS 模糊
filter: blur
图片小工具裁剪区域计算
x,y,w,h 比例
图片小工具DataURI 体积
估算 KB
图片小工具读取图片尺寸
本地宽×高
图片小工具取色 → HEX
color input
图片小工具CSS 渐变
两色 linear
图片小工具占位图 URL
placehold.co 链接
图片小工具SVG 矩形
简单 SVG 代码
图片小工具文字 Favicon
Canvas 16×16
图片小工具扩展名 → MIME
jpg/png/webp…
图片小工具Base64 大小估算
字符 → 字节
图片小工具压缩率估算
原/压后比例
图片小工具缩略图尺寸
等比缩到框内
图片小工具Retina 2x 尺寸
CSS 像素 ×2
图片小工具雪碧图坐标
行列 → xy
图片小工具字母图标 SVG
首字母 avatar
图片小工具圆形裁剪 CSS
border-radius:50%
图片小工具滤镜组合 CSS
多 filter
图片小工具object-fit 示例
cover/contain CSS
图片小工具懒加载 img
loading=lazy 标签
图片小工具srcset 2x
Retina srcset
图片小工具是否 WebP 扩展
文件名判断
图片小工具圆角 CSS
px 圆角
图片小工具卡片阴影 CSS
box-shadow
图片小工具文字水印 CSS
伪元素示例
图片小工具picture 标签
source+img
图片小工具图片地图 area
rect coords
图片小工具SVG 圆形
circle 代码
图片小工具像素总数
宽×高 MP
图片小工具未压缩 RGB 大小
宽×高×3
图片小工具HEX 反相
同 color-invert
图片小工具透明度 CSS
opacity 样式
图片小工具clip-path 圆角
inset 示例
图片小工具16:9 尺寸
已知宽求高
图片小工具4:3 尺寸
已知宽求高
图片小工具1:1 尺寸
正方形
图片小工具min/max 宽高 CSS
min-width 等
图片小工具cover vs contain
说明+CSS
图片小工具mix-blend-mode
CSS 混合
图片小工具主色(简)
Canvas 平均色
图片小工具Emoji 转 Canvas
绘制 emoji
图片小工具ASCII 艺术(简)
字符画边框
图片小工具