Softonic

图片添加相框

步 1 / 3

用两个滑块和两个取色器即可为任意照片添加简洁的纯色边框。设置边框粗细，在照片边缘外留出间距添加细内衬线，选好两种颜色，预览会实时更新，满意后即可下载带框的PNG图片。

如何添加相框

  1. 1

    上传照片

    任意JPG、PNG或WebP文件，最大30MB。

  2. 2

    设置边框粗细

    在0到200像素之间滑动，边框会围绕照片逐渐展开。

  3. 3

    添加内衬线（可选）

    用第二种颜色绘制一条细线，与照片边缘保持一小段距离。

  4. 4

    预览并调整颜色

    选择边框颜色和内衬线颜色，预览立即更新。

  5. 5

    下载

    以PNG格式导出带框照片，分辨率与原图一致。

边框粗细、内衬线与颜色

相框会在照片周围添加纯色边框。配合滑块和取色器，可以做出从细描边到醒目海报边框的各种效果。

各控件的用途

  • 边框粗细: 纯色边框的宽度，范围0到200像素。设为0时完全没有边框。
  • 内衬线: 画在边框内侧的第二条细线，与照片边缘隔开一小段距离。将粗细设为0即可隐藏。
  • 内间距: 照片边缘与内衬线之间的距离，只有内衬线可见时才起作用。
  • 边框颜色: 边框的颜色。
  • 内衬线颜色: 内衬线的颜色。

推荐粗细

边框粗细 效果 适合场景
8-16像素 细描边 缩略图、头像、图标
20-40像素 经典边框 社交媒体帖子、个人照片
60-120像素 醒目相框 画廊打印、装裱挂画
150-200像素 厚重相框 海报、戏剧化版式

最终尺寸如何计算

边框添加在照片外侧，画布会沿每个方向增加两倍的边框粗细。1000 × 1000的照片加上30像素边框后变为1060 × 1060的图片，照片居中。内衬线和内间距位于边框内部，因此不会改变最终尺寸。

颜色与风格小贴士

  • 深色边框配白色内衬线，有博物馆卡纸效果，几乎适用于所有照片。
  • 让边框颜色与照片色调相配：暖色调照片适合暖棕或白色，冷色调适合黑色或灰色。
  • 边框把照片与背景分开，也能让浅色边缘的照片在白底页面上更突出。
  • 小图避免过粗的边框：200 × 200的照片配上150像素边框，留给照片本身的空间就很小了。

常见问题

不会。照片的像素不会被缩放，画布会扩大来容纳边框，因此带框的PNG保留原图的每一个像素。

PNG是无损格式，带框图片能保留原照片的全部画质，这也是下载文件总是以.png结尾的原因。

不会。所有处理都在浏览器中完成，照片在本地处理，绝不会离开你的设备。

可以。把内衬线粗细设为0，就只剩下纯色边框。

相关工具

材质设计颜色选择器

浏览Material Design色板，单击即可将任意色号（50至A700）以HEX、RGB或 HSL 格式复制。

五线谱纸生成器

制作空白五线谱纸，可设置每页五线谱数量、谱线间距、纸张尺寸、页边距及可选的 G 或 F 参考标记。预览后下载 PDF 或 SVG。

乐高风格马赛克制作器

将照片转换成每边 16、32 或 48 格的方形马赛克。预览近似颜色、统计 1×1 平板颗粒，并下载带编号的拼搭指南。

PNG 转 SVG 矢量化工具

在浏览器中把 PNG 栅格图像转换为 SVG 路径。适合徽标、图标和线稿。可控制阈值、颜色数量和平滑度。

半色调生成器

将照片转换为可调节的 AM 式半色调，可选单色、取样色和 CMYK 风格模式，并下载 PNG 或矢量网点 SVG。

SVG 点阵生成器

生成可调整画布、间距、半径和颜色的 SVG 点阵图案。作为 CSS 背景使用前，请将复制的 SVG 编码为数据 URL。

此工具还提供其他语言版本