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

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

Wordpress外贸建站 黑科技娃娃 1年前 (2019-09-11) 937次浏览 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/
黑科技娃娃, 版权所有
喜欢 (2)
[九流黑客]
分享 (0)
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

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

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