重庆网站设计:小编实在看不下去了,在技术巡查客户站点时,经常看到很多客户网站上传的图片都非常的大,应该说是巨大。这里说的不是图片尺寸的大小,是图片实际的文件大小,动辄好几兆。
那这样做到底好不好呢?答案肯定是不好,过大的图片文件会影响网页的加载速度,给访客造成不好的体验感。所以适当的图片大小既满足正常显示清晰度的要求,又能让我们打开的网页速度提速,这不香吗?网站图片大小简单来说大概有2类,一类是网站首页轮播大图,相对尺寸会大小,一般宽度1920像素左右,高度一般根据各自网站预设高度来定,分辨率72,这样的图片清晰度和大小已经可以正常满足我们日常的网站运维需要了。另外一类就是文章配图或者产品详情图,多半图片应用在内容详情页中,这类的图片宽度一般都是固定的内容显示区域要求。按照目前常规的内容显示区域宽度不会超过1200像素,正常内容配图基本有个700~900像素宽,就完全够用了,一张图片保存下来可能就几十kb,稍微大点的也就200kb左右。如果会操作ps软件的,在ps处理好图片后,使用快捷键“shift+ctrl+alt+s”可以快速调用出“存储为web所用格式”的界面,通过这个功能存储的图片,以jpg格式来说的话,同比正常保存的图,要小很多,而且清晰度也正常满足网页使用需要。
squoosh 是谷歌推出的一款在线图像压缩工具,可帮助网站开发人员快速压缩图片,在保持图片质量的同时,提升网站访问速度。使用起来也非常简单,在浏览器中打开页面后,可点击选择或直接往里面拖图片,在左下方可选择想要生成的图片格式,右下方选择图片质量,再下载即可。
通过浏览器打开squoosh网站后,点击logo下方的“drop or paste”按钮即可上传本地电脑的图片,也可以直接将需要压缩的图片鼠标拖拽到浏览器中。图片成功上传后,squoosh会默认生成图片压缩预览,拖动中间的分隔线可以对比压缩前后的效果。如下图:
在视窗左下方会显示压缩后的大小,点击按钮后,可以在弹出的菜单中,对图片进行设置,也可以更改输出的图片格式类型。图片压缩大小也是实时显示,最终压缩大小和效果可以根据自己的需要设置调整,调整满意后直接下载图片就可以了,是不是很简单~有兴趣的小伙伴们快来体验吧~如果觉得的好的话,欢迎转发分享给身边的朋友们哦~
squoosh免费在线图片压缩工具地址:https://squoosh.app/
如何做出一个成功的网站呢网站怎么制作才能出类拔萃专业网站设计要注意什么优化网站进度的体现是站内站外的任务汇总了解从共享主机计划切换到VPS主机计划的迹象搜索引擎优化方法有哪些呢?售车小程序开发功能说明(二)企业上云究竟安不安全,多角度解读云计算安全性!