前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >wordpress网站加速优化之图片优化详解,很多老程序员都容易忽视的细节

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

作者头像
wordpress建站吧
发布2019-09-18 16:53:08
7720
发布2019-09-18 16:53:08
举报
文章被收录于专栏:wordpress建站吧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网站去使用。结果这种图非常的大。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-09-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 wordpress建站吧 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档