图片描边工具 — 宽度颜色与内外描边

图片描边工具：宽度、颜色与内外描边的选择

白底商品图放到白色页面里，边缘会消失；深色截图放进浅色文章，也会显得漂浮。描边的作用是给图片一条清楚的边界，让它在任何背景上都能被识别。描边不是装饰，宽度和颜色要与用途匹配。细描边适合网页配图，粗描边适合海报和缩略图。先想清楚图片最终放在哪，再决定描边参数。

宽度按最终显示尺寸算，而不是按原图像素。网页配图通常一到三像素就够，缩略图可以更粗，海报可能需要十像素以上。颜色优先选对比明显但不抢眼的，白底图配浅灰，深色图配白色，透明背景图可以配品牌色。描边太粗会压缩画面，太细又看不出来。先试中间值，再按实际显示效果调整。

一张白底商品图，输出用于电商列表，可以设描边宽度 4 像素、颜色浅灰 #d9d9d9、外描边。这样商品边缘清楚，又不会像相框一样抢眼。如果是透明背景的 Logo，宽度 2 像素、白色外描边，可以放在深色页面上。商品图不建议用纯黑粗边，容易显得廉价。描边完成后放大看四角，确认没有被裁掉。

外描边在图片外侧增加边框，不遮挡内容，但会增加输出尺寸。内描边画在图片内部，尺寸不变，但会盖住边缘像素。商品图和截图通常用外描边，避免遮住内容；头像和图标可以用内描边，保持尺寸一致。工具默认外描边，会自动增加画布边距。需要固定输出尺寸时，选择内描边或手动预留空间。

透明背景的 PNG 描边后，边缘可能出现黑边或白边，取决于画布初始颜色。处理前先把画布填成目标背景色，再绘制图片和描边。如果图片本身带半透明边缘，描边会沿着像素边界走，可能显得毛糙。可以先把图片放在纯色背景上再描边，效果更干净。导出时保留 PNG，避免 JPEG 把透明区域压成黑底。

选择图片，设置描边宽度、颜色与内外方式：

本地处理；外描边会增加输出尺寸，内描边会覆盖边缘像素。

选择图片描边宽度6 px描边颜色描边方式

描边和阴影都能让图片从背景里分离，但作用不同。描边强调边界，阴影强调悬浮感。两者同时使用容易显得厚重，尤其在小尺寸缩略图里。更稳的做法是二选一：需要清楚的边界用描边，需要层次和空间用阴影。如果必须同时用，把阴影做得很轻，描边保持细。商品图和截图优先描边，卡片和按钮优先阴影。

工具提供宽度、颜色和内外方式三个设置。宽度按输出像素计算，颜色使用取色器选择，外描边会自动增加画布尺寸，内描边保持原尺寸。工具不提供圆角描边，圆角需要先在其他工具处理。描边后如果四角有毛边，检查原图是否透明或带有半透明边缘。保存 PNG 可以保留透明背景。

缩略图列表里，描边的作用比大图更明显。图片缩小后边缘容易和背景融在一起，细描边能帮助区分。同一组图片最好使用相同的描边宽度和颜色，看起来才整齐。描边不是边框装饰，不要用太鲜艳的颜色，否则会抢走图片本身的注意力。若图片已经带白色边框，就不需要再叠加描边。

按最终显示尺寸选。网页配图一到三像素，缩略图四到八像素，海报可以更粗。先小后大，避免一次加太粗。

透明背景在画布上可能默认成黑色。先把画布填成目标背景色，再绘制图片和描边。

这个工具做四边描边。单边线条需要手动画线或使用支持边框样式的设计工具。

描边完成后，可以继续做背景替换或纯色底处理，图片工具分类里有对应页面。标签： #图片描边 #图片工具 #视觉处理