Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt

页面

教程分类

WordPress使用多大尺寸的图片合适?

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
WordPress使用多大尺寸的图片?
WordPress使用多大尺寸的图片?通过本篇文章的建议图片尺寸,更好的优化网站,还提到了图片SEO。
文章目录

本篇文章共 1395 字,预计阅读时间 6 分钟

WordPress使用多大尺寸的图片要思考两点

1.图片清晰度,如果图片清晰度不够,用户体验肯定不好。

2.图片加载速度,如果网站使用的图片太大(存储空间)了,会降低网站加载速度,对用户体验和SEO都有影响。

所以要保证图片清晰度的情况下,尽可能的压缩图片的大小。

WordPress图片大小说明

一张图片在正常情况下,尺寸越大,所占用的存储空间也就越大,尺寸和存储空间是成正比的。

比如同一张图片被裁剪成到500*500px和1000*1000px两种尺寸,前者可能只有50-80kb的存储空间,后者可能占用120-200kb的存储空间。

但在网站中,不是所有场景都要用到1000*1000px的大尺寸图片,我们需要合理的是设置网站哪些地方该用什么尺寸的图片。

WordPress图片默认尺寸

当我们上传图片到WordPress的时候,它会自动生成4种不同的图片尺寸,分别是:

  • 缩略图尺寸,150*150PX
  • 中等尺寸,300*300PX
  • 大尺寸,1024*1024PX
  • 原图尺寸

WordPress会自动在页面或者文章里使用不同尺寸的图片,你也可以自己在设置图片元素的时候选择不同的图片尺寸:
设置图片元素的图形尺寸

选择指定的图片尺寸后,网站前台就会应用对应的裁剪尺寸。

更改WordPress默认图片尺寸

更改WP默认图片裁剪尺寸的位置在:WP后台-设置-媒体:

更改wordpress默认图片尺寸

可以设置图片默认的缩略图、中等图、大图尺寸。

如果你不知道默认裁剪尺寸设置多少合适,请看下面的建议:

WordPress最佳图片尺寸


wordpress图片尺寸建议


wordpress图片尺寸建议

Well建议大家在调整图片尺寸的时候,根据图片所展示的位置设置不同的尺寸:

  • 导航栏Logo:根据logo原始比例,高度不超过100px
  • Banner背景图片:1920*400px ~ 1920*600px(原图上传这个尺寸即可)
  • 文章/产品列表页里的文章图片:300*300px
  • 文章/产品页面特色图:宽度800px ~ 1000px
  • 更小的缩略图:150*150px

WordPress图片优化

在网站中,图片优化涉及到图片的大小、格式、清晰度、SEO优化。

我们先来看两组图片对比:


图片压缩前-86.5kb
图片压缩前-86.5kb

图片压缩后-34.1kb
图片压缩后-34.1kb

相同尺寸的图片经过压缩后会降低图片大小,更小存储空间的图片所用的加载时间就更短,从而影响网站页面加载速度。


图片压缩前-86.5kb
jpg图片-86.5kb

webp图片-13.7kb
webp图片-13.7kb

不同的图片格式,因为编码的不同,会形成不同的存储占用,Google更推荐适合网站的Webp格式图片。

可以使用Webp转换工具安装WebP图片转化插件将图片转换为WebP格式,可以在压缩图片大小的同时,尽可能的保留图片清晰度。


- Well建站 | 唯二建站

图片的SEO优化需要填写图片的ALT描述和标题描述,尽可能填写每张图片的ALT描述,图片的标题也尽快能填写有含义的文字,而不是一串数字。

其他SEO优化请查看:WordPress SEO优化设置

至此,本篇网站图片尺寸建议文章结束。

你可能还想了解:

WordPress网站速度优化教程

WP进阶教程

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
Well企业微信
专业网站搭建,扫码直接咨询
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章
没有账号? 忘记密码?