Elysia Tools
导航
Media
· 最后更新：2025-10-23
为图片添加透明边距，完美适用于创建图标、logo和带间距的网页图形
执行
填写表单、运行工具，并在同一页面查看结果。
案例
相关内容
工具使用指南
透明边距工具是一款高效的在线图像处理工具，旨在为您的图片添加透明边距，从而轻松创建图标、Logo 或具有特定间距的网页图形，确保视觉效果整洁且专业。
将图片转换为精确的黑白、索引色、灰度、RGB 或 RGBA PNG 位深，并验证输出。
批量转换多张图片到不同格式，支持质量设置
应用自定义2x2变换矩阵到图像，输入任意四个矩阵值创建独特的变换，适合学习线性代数和图像处理
适合
不适合
超大文件
大文件处理更慢，还可能触及浏览器内存上限——请先用小样本测试。
不检查输出结果
正式使用前，请先把输出的前几行或前几页与输入对照检查。
非常规导出工具生成的文件
有些文件用了不常见的格式变体，转换可能不干净——如果输出异常，请用原应用重新保存后再试。
背景
设计师需要将一组图标放入 64x64 的容器中，但原始图标紧贴边缘，显得过于拥挤。
问题
需要为所有图标添加 8 像素的统一透明边距，以增加视觉呼吸感。
如何使用
上传图标文件，选择“统一边距”模式，设置数值为 8，输出格式选择 PNG。
padMode: uniform, uniformPadding: 8, format: png结果
图标四周自动增加了 8 像素的透明区域，完美适配网页容器的间距要求。
背景
品牌 Logo 在网页页眉中显示时，由于形状原因，右侧显得过于靠近文字。
问题
需要仅在 Logo 的右侧添加 20 像素的透明边距，以实现视觉上的平衡。
如何使用
上传 Logo 图片，选择“单独边距”模式，仅在右侧边距输入 20。
padMode: individual, rightPadding: 20, format: webp结果
Logo 右侧成功增加了 20 像素的透明空间，与文字保持了舒适的视觉距离。
会。添加边距会增加图片的整体画布尺寸，但图片原始内容的大小和清晰度保持不变。
PNG 和 WebP 格式支持透明通道（Alpha 通道），能够完美保留您添加的透明边距效果。
可以。通过选择“单独边距”模式，您可以分别输入顶部、右侧、底部和左侧的像素值。
支持上传 JPEG、PNG、WebP、TIFF、GIF 和 BMP 格式的图片文件。
对于 PNG 格式，我们采用无损压缩；对于 WebP 格式，您可以自定义质量参数，以在文件大小和清晰度之间取得平衡。