查看我的解决方法

 网站横幅 指的是网站大幅的图片,一般较宽,所以称为横幅,学名叫做banner

横幅的作用,是让访客一眼就能知道这个网站是做什么的,他可以是工厂的厂房图片,也可以是产品的图片,看起来比较醒目的.

横幅一般是较宽的(长方形)图片,但我们的产品图片往往是正方形的,所以把某一个产品作为横幅往往会有被压扁的感觉.例如,客户找的图片是图A ,放在banner那里显示的形状却是图B

怎么防止出现这种情况呢? 最直接的办法就是找差不多长度的图片,可以从百度图片或者谷歌图片搜索中直接搜"LED banner" 这样是搜横幅最简单的方法

另一种办法就是处理图片,比如:现在要放的人物是上图的图A,但是又没有好办法把他处理成这样的长度,那就补充一些内容达到这样的长度.如下图所示,这是通过增加内容的办法.这样的方法比较适合放产品的banner.当然排版随意,看着自然就好.

<图C>

很明显,图C是在图A基础上修改的,不会像图B一样变形,那么如何才能用最简单的办法制作横幅图片呢?我们这里讲解的是使用美图秀秀制作横幅的步骤.

美图秀秀在线制作的衔接为 http://xiuxiu.web.meitu.com/puzzle/ (可以直接点击衔接或者复制衔接到浏览器中)

我们要做一个符合自己要求的图片,大小自己可以定义,选择自由拼图按钮,下图所示

如果进入下图所示,圈圈部分需要自己填入大小,这里显示的1024和768分别是需要制作的图片的宽度和高度,这当然不是我们需要的

我们打开自己网站的后台,在"横幅图片管理"中,可以看到自己横幅的大小(当然也可以修改),这里是1003px和 250px,那么我们就把美图秀秀的尺寸也改成1003和250 这样做出来的图片,完美的匹配,一点都不会变形.

修改后如下图(下面的自定义背景也非常简单,不喜欢现在的图片背景可以换个自己喜欢的)

看下右边的图片案例,也变成了我们定义的尺寸,那么就开始上传图片了

我先传几个图片试试.还有图片特效

貌似背景不大喜欢,点左侧,换个背景试试

好了,这个图片完美了,可以点下保存按钮,把图片存到电脑上了

选几个感觉漂亮的图片,上传到网站横幅上去吧.(注意图片不要太大,横幅是200K内大小)