发表于

如何优化网站图片

优化网站图片为什么重要

图片是流量大头,尤其对国内主机普遍出口速率128KB/s(1Mbps带宽),256KB/s(2Mbps带宽)下,图片很值得优化。

过大或过多图片,不止耗完带宽,还可能阻塞前端请求加载,特别是页面动态效果所需JS脚本,影响用户体验。

明确的图片规制

图片规制既是图片比例(长宽比),也是图片尺寸(长宽),常用规制为1:1(正方形图),4:3(普通屏幕比例),16:9(宽屏)。

也有较特殊比例,如2:1(banner横图),1:4(banner,slider纵图),这类图有时候也没有规制,或者说不需要规制,只需要保证长度像素或者高度像素足够。

一个网站通常综合使用几个规制的图片,如产品图1:1,广告图1:4,文章内嵌入图片4:3等等,每个比例下未必大小相同,对清晰度要求高的可以有更多长宽像素。

若图片要交给第三方处理,必须沟通好长宽比,其次才是长和宽大小,比例比像素大小更重要,产品图需展现细节的,宽度不低于1280,能高更好,图片本身没有太多细节的,800的宽度即可。

新手做网站常犯错误是图片没有规制,随心所欲,建站中造成很多不必要的麻烦,比如使用slider和gallery时,显示效果被破坏。

图片上传后,Wordpress自动生成缩略图,缩略图大小在“设置->媒体”中配置。

插件支持的自动优化(存储尺寸)

在WP站点后台安装激活图片自动优化插件,这类插件均可批量优化,也可单图上传自动优化,有的免费有的收费,网站图片越多,购买付费服务越值得,依站长预算定,一个即可。

  • reSmush.it
  • EWWW Image Optimizer
  • Compress JPEG & PNG images
  • ShortPixel Image Optimizer
  • WP Smush

打开HTTP缓存

HTTP缓存的作用,是告诉浏览器此图此下载过存储在本地,下次加载直接从本地下载,是网站省流量之重要环节。有WP插件可为图片实现HTTP缓存,但更好的方法是在web 服务器配置图片缓存规则。

Apache2 mod expiresNginx

大流量网站该考虑CDN分流

CDN就是单独域名下的服务器或者服务器集群,初次访问,CDN服务器从你网站下载资源(如图片)存起来,后续请求CDN服务器直接将资源分发给用户。CDN服务很多,要考虑网站用户群,用户在国内应该用国内CDN服务,国外自然考虑国外服务,国内CDN如阿里云,国外的如keycdn,选择也很多。

2 thoughts on “如何优化网站图片

  1. 支持一下哦

    我觉得你的观点很棒,网站做的也很认真,但推广很差。

    其实你自己曾经的观点都很对,你写了太多烧脑文。生产有质量的内容是很慢的。 这样你的排名永远低于垃圾站

    1. 没事,他们和我一样,也会死的。

发表评论

电子邮件地址不会被公开。 必填项已用*标注