wordpress网站加速优化之图片优化详解,很多老程序员都容易忽视的细节

WordPress站点加速和优化的手段方法有很多,一般要对症下药的找出问题才能更好的去解决问题,但是在一些情况下,由于很多的前端人员和程序并不太了解图像,存在图片使用不当的问题导致网页过大从而影响网速和用户体验的情况经常发生。今天就来说一说关于网站用图规范的问题吧。

1、需要多大尺寸的图就用多大尺寸的图,按需裁剪

简单举个例子吧,比如我的WordPress建站吧的网页中有个banner图广告位,需要的是820px*200px的图,那么就必须要按照规则来给这个尺寸的图,不能给大图或者是小图,很多人发现其实传一张大尺寸的图也是可以正常显示的,或者传一张相同比例的图也可以正常的使用,因为一般网页中会用css去定义图片的尺寸,大图或者是小图就会被压缩的相应的尺寸显示,但是这个仍然是大图,其实这是不规范的。所以必须要提供正确的尺寸图。

2、图片在保存的时候一般选择存为web所用格式

在PS中使用ctrl+shift+alt+s即可保存图片,存为web所用的格式,注意这里建议选择质量度图片品质建议在75%所有为最佳,这个时候的图片特别小,而且图片图片清晰度相对没有明显的失真情况。所以我们建议在ps中保存图片的时候记得选择保存方式。对比同一张原图,品质为100,品质为75的图片大小分别是641kb,54kb,33.3kb,然而他们的清晰度几乎无明显的区别。

3、一般建议使用jpg格式的,非png格式

除非特别需求,否则我们建议选择保存图片为jpg格式即可,这种格式非常的小巧,清晰度也够,一般qq之类的截图软件截图会保存为png的图,很多人直接把这样保存出来的图片上传到WordPress网站去使用。结果这种图非常的大。

本文分享自微信公众号 - wordpress建站吧(wordpress8)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-09-17

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏杰的记事本

Web Components不依赖前端框架

此文仅做了解,个人觉得web components发展起来还是需要一些时间的,并不着急掌握

13130
来自专栏web秀

CSS3 calc()详细介绍及使用

calc()对很多同学来说,或许很陌生。看其外表像个函数,既然是函数为什么又出现在CSS中呢?这一点也让我百思不得其解。

13110
来自专栏杰的记事本

剪切板图片粘贴上传

在H5技术发展如火如荼的今天,前端,再也不是页面的代名词,而今的前端早已不再是写写页面写写简单的交互了,现在的前端相比十年前的前端已经发生了翻天覆地的变化,像近...

19710
来自专栏杰的记事本

Html Notification通知的简单使用(转)

注意 最新的Chrome的Notification要想有效果需要https协议才行。

8810
来自专栏杰的记事本

nodejs koa框架的入门

Node 主要用在开发 Web 应用。这决定了使用 Node,往往离不开 Web 应用框架。

9630
来自专栏杰的记事本

提高前端性能之Javascript优化

  要这样做有两种选择。第一种是使用 JavaScript Cache API,我们可以安装 service worker 来使用它。第二种是使用 HTTP 协...

7730
来自专栏杰的记事本

HTTP网站如何升级到HTTPS

还有一个免费证书的选择。为了推广HTTPS协议,电子前哨基金会EFF成立了 Let’s Encrypt,提供免费证书(教程和工具)。

34120
来自专栏前端小课堂

页面埋点和统计

前端页面的展示和点击经常需要统计数据,所以在前端页面中就需要记录用户点击、浏览等的数据,通过请求的方式,上传到服务器,服务器再通过计算,统计出数据。还有些需求是...

15310
来自专栏编程坑太多

「走进k8s」Kubernetes1.15.1的DaemonSet 与 StatefulSet 使用(30)

PS:StatefulSet 主要了解它的使用场景,还有概念和使用方法,名字唯一性的特点。在实际中不可能单独使用他。

19020
来自专栏杰的记事本

HTML5 download属性无效的问题

如果url指向第三方资源,download会失效,表现和不使用download时一致——浏览器能打开的文件,浏览器会直接打开,不能打开的文件,会直接下载。浏览器...

32430

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励