🖼 Background

在逛他人的博客时，会发现每篇 post 都会有精美的封面图，那么这些图片是如何制作的呢？作为一个一点不会 PS 的小白，我将尽最大的努力寻求一个制作精美博客封面图的步骤。

矢量插画网站

在这里，我就收集了很多功能强大、种类繁多的可免费可商用的插画素材网站，支持主流的图片格式，有些图片可以免费运用到自己的项目中，而且没有版权限制。

freepik

众所周知，并不是每一位博主都是设计师，这些插画图也并不都是自己完成的，绝大部分还是来源于网络，freepik 给了大家一个便捷的使用矢量图的通道。

freepik 这个网站是寻找「矢量图」的一个便捷的网站。即使不是会员，也能够下载很多精美的矢量图片（非会员每天会有下载数量限制），当前，前提是使用英文去进行搜索，但我相信这对大家并不是一个难题。

Delesign

如上图所示，打开网站就可以看到默认显示的插画素材，输入 Email 就可以订阅此网站并且免费下载图片，插画的种类也是应有尽有。

Canva

Canva 是一个设计网站，可以设计例如 Post、Presentation、Video、Logo 等等。首先，可以创建一个设计集，根据 Blog 封面图的大小去设置长宽大小（可以通过 F12 在浏览器中查看）。

然后，通过上传图片，添加文字、背景等功能，就能设计出一个基本满意的博客封面图片啦！

例如下图：

背景透明化

然而，细心的读者也许发现了，上面的图片也许效果尚可，但很大程度是所选取的矢量图「猫捉老鼠」的功劳。实际上，其左侧的图片与右侧的文字有着明显的「割裂感」。这其实是因为图片背景不透明化造成的。

那么，如何将图片背景透明化，并与文字融入一体呢？

除了有些下载下来的格式为.svg的图片是自带透明化的，除此之外，例如从 freepik 下载下来的图片解压缩后，一般仅有 3 种格式：.jpg、.eps、.ai，且都是非透明化的。那么，这时候就需要网络上的一些透明化图片工具了。下面这三个工具：RemoveBg、Slazzer、UnScreen 可以帮助到我们。

我本人之前使用的是 bgremover 这个网站，即使这个网站的样式十分的简陋，但实测功能还算不错，基本能满足个人的需求。

RemoveBg

RemoveBg 是一个基于 AI 技术，以训练好的模型快速分辨招聘前景和背景，将主题分离后成为透明背景的网站（除免费次数之外，需要收费）。

Slazzer

Slazzer 是基于 AI 技术实现的在短短几秒内自动删除图像背景，只需要 5 秒就可以实现一键抠图去除背景。

Unscreen

Unscreen 同样是一个在线免费的扣视频神器，支持 mp4、gif、mov 等格式，可以上传视频或者 GIF，自动去除背景，保留视频主体。

vtracer

vtracer，可快速将 jpg、png 等格式的图片快速转换为 svg 矢量图，并支持过滤斑点、色彩精度等多种参数配置。

当去除图片背景色之后，本篇 Post 的封面图也就应运而生啦！

尽管仍然不是特别满意的效果（毕竟我不懂设计），但基本能发现本是两张不同背景的图片最终融合在了一个图片里，且底色一样，就姑且认为成功了吧～

📚 Conclusion

尽管以上步骤已经能达到一个初步的博客封面图的效果，但这仍然是针对我这种毫无 PS 技巧的用户人群。抛开速度而言，这里仍然推荐使用 PS 等工具，包括很火热的 Figma 等设计网站进行较为专业的处理。相信你我都可以有一双发现并产生美的手「污～」

# blog

如何制作一张尺寸合理、图片精美的博客封面图