100kb的图片尺寸专题之WordPress网站各种照片大小收藏贴纸

文章列表

产品图表大小主页大BANNER大小favicon大小徽标大小社交媒体照片大小

博主们还更新了这篇帖子，这是自己需要的，一定是大众想要的原则，节省了你的搜索时间。

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

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