网站用图片需要压缩提升加载速度

网站打开慢的其中一个原因是图片文件过大,一个网站在打开时需要同时加载很多图片,如果网站中每张图片都很大,必定影响网站打开速度。造成图片文件较大的原因一般分为以下几种:色彩过于丰富、尺寸大、无压缩

本篇着重解决图片压缩问题
下面教大家一个PS压缩图片的方法:
首先用PS打开要编辑的图片,以下图为例 (网页所用图片分辨率为72像素/英寸)
PS默认的存储方式是这样的,保存文件时选择格式为:JPEG,如下图(图片尺寸为 1.3M = 1300KB) 
下面对比一下存储时对图片进行适当压缩的效果,PS文件菜单中选择“存储为Web所用格式”,快捷键为(Ctrl Alt Shift s),如下图
 
存储为Web所用格式后 选择JPG(PNG、GIF)格式、 品质80 图片大小为69.38KB(不到70KB),与之前的1.3M相比,大大降低了图片所占空间,PS:因每张图片属性不同,故压缩程度不同
两种存储方法得到的图片,清晰度以肉眼观看基本无差别。 如果想让网站速度打开更快一些,可以使用此方法。 
(0)

相关推荐

  • 无需下载直接用!这5款冷门免费的图片工具,堪称职场救星

    你有没有遇到过这些情况? 网站限制上传图片的大小,想压缩又担心影响画质: 好不容易找到一张合适的图片,但是因为格式问题,不能使用: 没有一点PS基础,但你又要将当前图片进行抠图或再处理: -- 如果有 ...

  • PS如何将图片进行无限压缩大小?

    PS如何将图片进行无限压缩大小?我们有时候进行图片上传的时候也会设置这个图片大小哦,这样的话我们就要进行压缩了,下面小编推荐一种方法来压缩吧. 1.首先我们打开PS,然后导入需要压缩的图片. 2.然后 ...

  • 某某福利神器!在线可用~

    软件名称:在线ps 支持设备:网站 测试设备:网站 01 软件介绍 "在线Photopea"是一款在线的修图网站,无需安装,直接浏览器可以使用,具备常用的ps操作功能,工具栏布局和 ...

  • PS如何保存原格式文件?

    PS在做完图片之后需要保存,不过在处理图片过程中还是需要经常保存,不仅仅只是保存也是为了防止软件闪退保存所用,下面看小编的操作吧. 1.我们在做好图片之后,点击左上角的--文件选项. 2.在下拉菜单中 ...

  • 利用JS生成二维码图片,优化WEB性能及页面加载速度 | 张戈博客

    一.意淫场景 2年前接触网站建设后,二维码也进入了我折腾的范围,当时意淫了这样一个场景:当用户首次在别人电脑上看到我们的网站时,突然有事要离开,但是这个网页内容很赞,实在难以割舍,他该怎么办? 我继续 ...

  • 如何优化网站加载速度, 提高用户体验!

    随着移动端的发展,页面加载速度逐渐被各大搜索引擎纳入搜索排名的因素之一,百度在今年的闪电算法中也明确表示移动端首屏的加载速度将会直接影响搜索排名. 那么,什么是页面加载速度? 页面加载速度可以这么去理 ...

  • 8 款优化网站加载速度的「Edge」扩展插件

    有些用户可能会遇到这种情况,为什么我家的宽带是 XXX M的,访问 XXX 网站速度那么慢,某宽带辣鸡!其实影响网站访问速度有挺多因素的,除了你的带宽网速.还有网站服务器带宽.服务器线路.网站本身程序 ...

  • Firefox Quantum放出beta版,加载速度全面提升

    2016年10月底Mozilla正式宣布了Firefox Quantum浏览器引擎项目,这个项目旨在全面提升Firefox的运行速度,Quantum引擎可以从根本上加速网页浏览体验.现在Mozilla ...

  • 基于虚拟主机搭建的wordpress站点打开加载速度慢的原因

    博主最近碰到一个比较头痛的问题,那就是wordpress加载的速度很慢,网站打开的速度大概在5000ms左右,内容页打开的速度在18000ms甚至是20000ms以上,一开始以为是主机的问题,询问了空 ...

  • 如何让网站的图片快速加载?

    你一定知道图片对于读者来说,增加了绝大部分的阅读体验,它们可以保持读者的阅读兴趣. 一篇全文字的文章与一篇图文结合的文章,我更喜欢看图文结合.在看文章的同事,图片能有效的起到放松大脑,让阅读者更加原因 ...

  • 网站加载不出来图片/加载不全/加载不出样式/加载不出完整网页

    表白: 此情此景我想吟诗一首    春眠不觉晓 处对象可好. 讲解对象:网站加载不出来图片/加载不全/加载不出样式/加载不出完整网页 作者:融水公子 rsgz 因为今天有搜索视频的需求,加载出来目标网 ...

  • 网站加载 Waiting (TTFB) 时间过长的原因和解决办法

    关注网页前端性能的朋友,在优化网页性能的时候都会遇到网站加载 Waiting(TTFB)时间过长的问题.对于没有优化过的 WordPress 站点,TTFB 时间经常超过了页面内容的下载时间,为用户带 ...

  • vue使用vue-lazyload实现图片懒加载

    安装 vue-lazyload npm install vue-lazyload--save main.js 中 import VueLazyLoad from 'vue-lazyload' Vue. ...