1. 统一图标间距
网页设计师背景
设计师需要将一组图标放入 64x64 的容器中,但原始图标紧贴边缘,显得过于拥挤。
问题
需要为所有图标添加 8 像素的统一透明边距,以增加视觉呼吸感。
如何使用
上传图标文件,选择“统一边距”模式,设置数值为 8,输出格式选择 PNG。
padMode: uniform, uniformPadding: 8, format: png结果
图标四周自动增加了 8 像素的透明区域,完美适配网页容器的间距要求。
Elysia Tools
导航
Media
为图片添加透明边距,完美适用于创建图标、logo和带间距的网页图形
执行
填写表单、运行工具,并在同一页面查看结果。
案例
相关内容
等待运行
工具使用指南
透明边距工具是一款高效的在线图像处理工具,旨在为您的图片添加透明边距,从而轻松创建图标、Logo 或具有特定间距的网页图形,确保视觉效果整洁且专业。
背景
设计师需要将一组图标放入 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 格式,您可以自定义质量参数,以在文件大小和清晰度之间取得平衡。