博主又本着自己所需,必也是众之所欲的原则,更新了这个节省你搜索时间的帖子。
最近看到几篇帖子在问一些图片尺寸的问题,博主也遇到了,为了能让大家节省点时间,我就总结了下所有网站所需要用到的尺寸,特公布如下。
由于我们的图片都自带原始规格,为了不使图片拉伸变形,我们可以按照图片本身的FULL SIZE 插入,但是一定不能大于网站本身显示的尺寸,只能在它允许的范围内调整图片尺寸 。
请注意如果出现问题了,肯定是因为图片周围可能还存在其他类似于侧边栏啊,边框啊这样的元素,要找到它们的尺寸,然后对照着把我们的图片进行相应的尺寸调整。
产品图尺寸
产品图片大概几十KB一张,最好不要超过50KB,根据有无侧边栏分两种情况:
如果有SIDEBAR:宽669px
注意:这个是Avada主题侧边栏在系统默认宽度下的相应尺寸,如果不同的主题,侧边栏可能自定义过不同尺寸,那要根据实际调整了)
如果无SIDEBAR:宽940px
注意:不能大过整个网页的像素宽度哦,会显示不出或者变形的
首页大BANNER尺寸
网站宽度>Slider 宽 > Banner宽 (当然也可以等于,按照网站的实际像素作出相应的调整)
注意:BANNER尺寸和整个网页(Site Width),还有SLIDER尺寸一定要匹配,注意不能大过整个网页的像素宽度哦,会显示不出或者变形的。头部大图的高度,一般没有规范过,考虑到网页的打开速度,建议是高最多不要超过400px,一个banner图都最好不要超过100kb,不然网站的速度会很慢。
FAVICON尺寸
标准:
16*16PX
32*32PX
推荐使用PNG图标作为favicon,一般最小尺寸建议为16*16像素,基本尺寸建议为32*32像素。 浏览器中的是16*16像素,若是想在快捷图标显示上能清楚,最好是32*32像素。
LOGO尺寸
标准尺寸:高度不超过55PX
自定义尺寸:自己想用多大就用多大,不怕在下拉网站的过程中变形 ,但是先要去AVADA的THEME OPTION设置下,如下图,只钩选一项,然后自己自定义LOGO 尺寸,是不是很爽?
社交媒体上图片的尺寸
补充:
领英 company logo 300*300
注意:FACEBOOK不同的广告目标可能有不同的推荐尺寸,如果图片尺寸大于或小于 Facebook 广告发布指南中指定的尺寸,那么系统会自动将图片调整至适合广告的尺寸,不支持动画或 Flash 图片。
推荐图片尺寸
网站点击量 1200 x 628 像素
网站转化量 1200 x 628 像素
主页帖文互动 1200 x 900 像素
主页赞 1200 x 444 像素
应用安装量 1200 x 628 像素
应用使用率 1200 x 628 像素
活动响应 1200 x 444 像素
优惠领取 1200 x 628 像素
视频观看量 1200 x 675 像素
提升本地市场知名度 1200 x 628 像素
PS:对于轮播广告的图片,不论其广告目标是什么,建议尺寸都是 600 x 600 像素。
除了知道图片尺寸怎么运用外,最重要的还是要优化这些图片,可以参考下文
对于Wordpress降低首页加载容量的最有效手段是图片优化,一般网页文章多了,图片就会越来越多,在网站内容上 […]