spot_img
HomeWordPress教程WordPress网站中如何修改图片媒体大小?提升WordPress图片加载速度!

WordPress网站中如何修改图片媒体大小?提升WordPress图片加载速度!

在使用WordPress做网站的时候,

经常要给网站上传给各种图片,比如产品封面图、产品详情图、网页banner图等等。

很多新手在商城产品图片的时候,

会犯一些错误。最常见的就是就是图片尺寸过大,导致网站加载速度很慢。

在这篇文章中,

WP花园将会讲解上传图片时候应该注意的一些事项和操作流程。

WordPress图片文件要求

在给WordPress网站上传图片之前,如果你会使用Photoshop或者相关制图软件,请注意修改好以下几个关键点:

  • 图片文字命名为英文或者拼音字符,不要用中文汉字来做图片名,会乱码
  • 图片宽度不超过1024px像素,但是还是要保证清晰
  • 图片尺寸不超过250kb,尽量控制在200kb以内更好
  • 图片格式为JPG或者PNG
  • 上传完图片尺寸后,记得填写alt text替换文本

如何在WordPress后台修改图片尺寸

如果之前已经不小心上传了体积过大的图片尺寸,

也不用重新用Photoshop或者其他制图软件上传一个新的,

而是直接在WordPress后台就能修改。

而且我们也不建议大家额外上传一张相同的照片,

这样会增加网站文件数量,

容量空间不足。

登录WordPress网站后台后,

点击【媒体库】,选择一张需要修改尺寸的照片:

贷款申请在线申请,高额度,快速下款!

WordPress网站中如何修改图片媒体大小?提升WordPress网站速度!

然后找到一张尺寸过大的图片,

这种图片3MB,

明显违背了我们上升将的图片优化原则:

WordPress网站中如何修改图片媒体大小?提升WordPress网站速度!

点击编辑图像按钮,

进入图片的编辑界面,

修改图片尺寸:

WordPress网站中如何修改图片媒体大小?提升WordPress网站速度!

从1920像素改成999像素,点击【拉伸】按钮

WordPress网站中如何修改图片媒体大小?提升WordPress网站速度!

拉伸完毕之后,

点击左右下角的【取消】后,

WordPress建站服务

回到之前的图片编辑页面,

你会发现图片文件的大小从之前的3MB改成779KB了

编辑图片的相关信息

如果你仔细看图片右边的编辑栏目,会发现有如下字段:

  • URL – 您只能读取媒体文件中的链接,该链接是媒体文件在网站进行显示的链接;也可通过该链接在其他网站上进行显示。
  • 标题 – 显示媒体的名称。标题通常显示在画廊和附件页面中,如果主题或插件被设计为显示它。
  • 固定链接 – 固定链接是媒体附件页面的URL。这也是查看附件页面的链接。
  • 编辑图像按钮 – 这允许您编辑图像位置,例如逆时针旋转,顺时针旋转,缩放,裁剪,垂直翻转,水平翻转。
  • 标题 – 媒体的简要说明。
  • 替代文本 – 图像的替代文本,用于描述媒体。用于可用性,媒体文件设置了该属性对于SEO来说是非常友好(推荐设置)。
  • 说明 – 您的媒体文件的说明。
  • 永久删除 – 永久删除您的媒体文件。

WordPress网站中如何修改图片媒体大小?提升WordPress网站速度!

在点击右上角的X关闭这个编辑页面之前,

修改一下替换文本和标题,

用一个比较合适文字描述来说明一下这个图片(不懂怎么描述,这里有教程)。

WordPress网站中如何修改图片媒体大小?提升WordPress网站速度!

不用保存,

直接点击右上角的X后,

WordPress divi主题

系统会自动帮你保存这张图片,

你就可以进行修改下一张有问题的图片。

WP花园的结语

想要设计和开发一个优质的WordPress网站,

必须要关注很多细节的优化,

才能慢慢提升网站上线之后在谷歌或者百度上搜索引擎SEO的排名。

wordpress建站公司

通过这篇文章学习,你应该能够了解如何修改和优化一张图片了。

希望你能记住以下3点:

  • 图片尺寸不要太大
  • 图片要加上描述文本
  • 图片文件名不要出现中文

关于WordPress网站建设过程中,如果你还有什么问题,

欢迎给我们留言!

siteground 小红书电商教程
WordPress花园官方账号
WordPress花园隶致力于为广大跨境电商和独立站爱好者提供优质的WordPress教程、Woocommerce教程、Facebook、Twitter、tiktok、Instagram教程和谷歌SEO教程等资料和对应的建站推广服务。关注‘哟派出海’公众号了解最新资讯。粉丝福利:Shopline免费独立站建设14天优惠 商务合作: [email protected]
RELATED ARTICLES
spot_img

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据