GIF图片加宽

前言,今天需要添加一个动图作为网站的图片懒加载的图片.(毕竟是全栈开发嘛)

首先去了一个网上弄了一个动图

就是这货

比较小,符合作为懒加载图片的需求(毕竟测试服务器带宽太小了emmm....)

我想把他的''边框''加大

GIF图片加宽_第1张图片
改成这样

首先,准备好

PS大大

打开并把图片放进去


GIF图片加宽_第2张图片
放进去后


GIF图片加宽_第3张图片
选择这货


GIF图片加宽_第4张图片
设置比例,我直接写150X150和1X1一样

然后拖动他的  斜上方向的箭头就一点点就好,看个人.

GIF图片加宽_第5张图片
左上角的拉伸箭头被我拖了一点

再拖动右下角的拉伸箭头


GIF图片加宽_第6张图片
完成

选择确定


GIF图片加宽_第7张图片
确定

这时候发现图片大小不是自己想要的?

选择  图像>图像大小  --->设置你要的宽度就好啦..

GIF图片加宽_第8张图片
完成了


GIF图片加宽_第9张图片
可以执行一下查看效果

完成了?

注意,下一步我踩坑了.在存储的时候

要选择  文件>存储为Web所用格式   而不是  文件>存储为 来保存.或者直接保存(覆盖之前的图片了)

你可能感兴趣的:(GIF图片加宽)