• 欢迎访问黑科技娃娃的博客,傻瓜式的wordpress外贸建站教程,好玩的黑科技干货,有趣的生活小百科,快来加入黑科技娃娃 QQ群
  • 如果觉得这个BLOG有意思,那么赶紧使用Ctrl+D 收藏 黑科技娃娃 的博客 吧!

WordPress网站各种图片尺寸集合贴

Wordpress外贸建站 黑科技娃娃 5年前 (2019-09-11) 2271次浏览 0个评论
文章目录[隐藏]

WordPress网站各种图片尺寸集合贴博主又本着自己所需,必也是众之所欲的原则,更新了这个节省你搜索时间的帖子。

最近看到几篇帖子在问一些图片尺寸的问题,博主也遇到了,为了能让大家节省点时间,我就总结了下所有网站所需要用到的尺寸,特公布如下。

由于我们的图片都自带原始规格,为了不使图片拉伸变形,我们可以按照图片本身的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 尺寸,是不是很爽?

WordPress网站各种图片尺寸集合贴

 

社交媒体上图片的尺寸

WordPress网站各种图片尺寸集合贴

补充:
领英 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网站图片压缩工具

对于Wordpress降低首页加载容量的最有效手段是图片优化,一般网页文章多了,图片就会越来越多,在网站内容上 […]


本文标题:WordPress网站各种图片尺寸集合贴
转载请保留原文链接:https://www.cooltechdoll.com/wordpress-image-sizes/
黑科技娃娃, 版权所有
喜欢 (7)
[黑科技娃娃]
分享 (0)
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址