网页图片的压缩——保持尺寸不变,减小图片大小
2017-09-29 20:50
267 查看
刚学前端不久,我天真的以为图片找对位置添加进去就好了,因为平时都是在本地上看效果的,并不能看出图片大小对网页浏览的影响,所以我就在这吃过一次亏。
当时的页面有一个1500*4200的整体的背景图片,在挂到服务器上之后,背景图片迟迟不能加载出来,大部分的时间都用来加载图片去了,这让我很是郁闷,后来才知道要把图片压缩(捂脸)
这里我就把压缩图片的方法记录一下:
我压缩图片需要借助Photoshop。
举个例子,这是一张6000*4000,5.7M的图片
1.打开Photoshop,点开始,找到储存为Web所用格式,
2.在这个框内设置就行了
橙框框起来的可以修改图片的质量,格式,适当的修改也不会太影响图片的画质
蓝框框起来的可以修改像素大小,原来的图片是6000*4000,在实际用到背景图片上也比较大,可以适当缩小
红框框起来的是图片的大小等的信息,可以看到现在这个图片只有506.3K了
最后储存就好了。
当时的页面有一个1500*4200的整体的背景图片,在挂到服务器上之后,背景图片迟迟不能加载出来,大部分的时间都用来加载图片去了,这让我很是郁闷,后来才知道要把图片压缩(捂脸)
这里我就把压缩图片的方法记录一下:
我压缩图片需要借助Photoshop。
举个例子,这是一张6000*4000,5.7M的图片
1.打开Photoshop,点开始,找到储存为Web所用格式,
2.在这个框内设置就行了
橙框框起来的可以修改图片的质量,格式,适当的修改也不会太影响图片的画质
蓝框框起来的可以修改像素大小,原来的图片是6000*4000,在实际用到背景图片上也比较大,可以适当缩小
红框框起来的是图片的大小等的信息,可以看到现在这个图片只有506.3K了
最后储存就好了。
相关文章推荐
- 图片压缩到指定尺寸和大小
- 有关于图片压缩大小--尺寸裁剪 和 压缩系数
- 一个关于图片压缩的java类,大小变小,宽度高度不变
- Canvas旋转图片--保持大小不变的算法
- iOS 图片大小压缩 图片尺寸处理
- 图片压缩的两种形式(压缩到指定尺寸和压缩到指定大小)
- 图片压缩——压尺寸、压大小
- 图片质量压缩,尺寸不变,不需要用到磁盘
- 减小app大小的方法——iOS开发用ImageOptim压缩png图片
- 手机网页图片自适应大小 background-size css 图片全屏 背景尺寸设置
- iOS 图片大小压缩 图片尺寸处理
- 压缩图片大小尺寸
- 减小网络传输图片大小,使用gzip进行压缩
- 关于如何保持图片分辨率并压缩图片存储大小
- PHP 实现等比压缩图片尺寸和大小实例代码
- 巧用isee“压缩”限制图片的文件大小及其尺寸
- 手机网页图片自适应大小 background-size css 图片全屏 背景尺寸设置
- PHP 图片 保持高宽不变压缩之后imagejpeg($source,$file,100) 仍旧失真!
- swift如何压缩图片到指定大小以内,尺寸和体积双压缩
- iOS上传照片:图片尺寸压缩,上传时大小压缩,QBImagePickerController多选照片出现的问题