最近很多朋友都在问我博客文章上的图片是怎样制作的，今天特意写一下如何制作图文并茂的博客文章。

我为什么要给每篇文章插一张图片？

因为我的博客主要是以网站设计经验技巧为主，文字性的东西特别多，如果朋友来我的博客，看到整个网站的文字，很容易造成视觉疲劳，而且也不会仔细看文章了。试想一下一堆文字摆在你面前，你可能看一会就看累了，所以我就想何不在每篇文章中加入图片呢？这样不仅使不容易造成视觉疲劳，使网页看上去更加合理、美观，而且配上插图也容易对文章有一个想继续阅读的心态。

下面我就以两篇典型的博文图片做一个介绍，我的博客插图制作一般是两种形式。

1：直接使用现成的图片素材来制作。（优点：快捷方便，不懂PS也能制作图片。）

如：奋斗十年：我的同龄人会成为社会的中流砥柱。

这篇文章我主要想表达的思想是80年代的我们在其他城市的奋斗和友情。
所以我在图片素材网站上找了一张的城市鸟瞰图作为文章插图。
注意事项：切忌不要单向缩小图片，一定要按比例缩小图片，如何和博文图格式不匹配，需要进行裁剪，而不是单边缩小长度或者宽度。

2：发挥你的PS创造精神，充分利用分层、源文件来制作插图。（优点：可以锻炼你的审美能力和PS技术。）

如：SEO优化，网页设计很重要。


这篇文章我主要想表达的思想是网页设计是SEO的基础。
所以我利用了一些素材，SEO这三个燃烧的字体是下载的素材，中间的大文字‘优化’和主字体‘网页设计很重要’，用的颜色比较深，这样一来在加上‘叠加’功能。右边的火焰用的也是分层素材，然后加上一个‘蒙版、渐变、投影’功能。这样一来，图片的文字和火焰背景就有一种相互溶解的视觉效果，看上去很酷！

介绍一些我常去的素材网址站：
最好模板http://www.bestmoban.com/ 做网页设计的时候可以用这里面的许多模板和素材，不用注册即可下载。
站酷http://www.zcool.com.cn/  里面是素材和图片都很经典，不用注册即可下载。虽然都是从国外搬过来的。
寻找图片的好去处 http://www.topicphoto.com 里面有很多高清的图片，图片质量都非常好。

最后总结一下给文章制作插图的技巧？

1：插图最好要符合文章的内容，或者你文章想表达的思想。
2：如果你的文章是流水账、或内容比较杂。那么可以使用一些比较搞笑、能吸引访客眼球的图片作为插图。
3：给每张图片加入‘alt’文字说明，一般后台的编辑器都自带的有这个功能。利于搜索。
4: Z-blog在文章简介中加入图片的话，需先在文章编辑器上传图片附件，然后粘贴到文章摘要中。
5：找的素材图片一定要比插图要大，避免失真。
6：图片中的背景很重要，背景（颜色、形态）决定这张图是否美观。
7：如果空间小，可以选择保存为GIF格式，520*80的gif格式的图片一般在10-20K之间。
 

来源：卢松松博客 QQ/微信：13340454 ，转载请注明出处！

本文地址：https://lusongsong.com/reed/68.html