网站图片优化有哪些?

网站图片优化有哪些?

一个好的站点,不但要有精彩的内容,还需要有一个美观的页面。谈到美观就离不开图片,在页面中适当地用一些精美的图片作为点缀,会使你的网页大放异彩。但是,图片使用不当,也会适得其反,把你的访问者给吓跑。主要原因在于图片尺寸太大,访问者还没等打开就早已不耐烦了。  
现在向大家介绍一些对图片进行处理的方法,以使图片能在网页中迅速显示出来。
选好图片格式
图片文件的格式有很多,如GIF、JPEG(文件扩展名为.jpg)、BMP、PNG等,它们都是可以用浏览器浏览的,但到底选择哪种图片格式比较好呢?其实在一般情况下我们只需选择前面的两种,即GIF格式与JPEG格式。因为这两种文件格式能对图像进行很大程度的压缩,使得在产生相近视觉效果的前提下,图像文件尺寸却小很多。如果图像是通过扫描仪或者数码相机获取的,这种图片中所用到的色彩比较多,这时候我们应该选择使用JPEG格式来存储图像。如果图片色彩比较少,一般选择GIF格式。
减少图片色彩数量
图片内色彩数量愈多,文件尺寸就愈大,在Paint Shop Pro软件的“Color”下拉菜单中,有一项“Decrease Color Depth”功能,它是用来减少图像所用颜色数目的,你可以选择其中的“16 Colors”,即将图片所使用的色彩数量减到16种颜色。当颜色数目减少后,如果你认为图像质量变化不大,这时你就可以选用GIF格式。
对图片进行适当压缩
如果你认为色彩数量减少后图像的视觉效果明显变差,让你不能忍受,那么我们可以采用JPEG压缩格式。无论是使用什么样的图形处理软件,在以JPEG格式存盘时,都要向你询问JPEG的压缩比。通常,采样50%到70%的压缩率比较好。你不妨在这时试着使用256色的格式将图片存储成GIF格式,与JPEG格式的文件比一比哪个字节数更少、图像质量如何,最终再决定使用什么图像格式。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/113661.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • pycharm怎么配置tensorflow环境_ensp详细安装步骤

    pycharm怎么配置tensorflow环境_ensp详细安装步骤Tensorflow详细安装步骤及PyCharm配置Tensorflow是谷歌开源的深度学习框架,分为两个版本,GPU和CPU,主要的区别在于计算速度,GPU版本要比CPU计算速度更快,适用于处理大量复杂的数据,但需要计算机配置独立NVIDIA显卡。CPU版本没有显卡要求,安装更简单,合适新手小白和学生党,下面介绍CPU版本Tensorflow的详细安装步骤系统环境:Windows10第一步:安装Anaconda两种方式:直接在Anaconda官方网站下载,但速度很慢;建议第二种,选择镜像网站下载,

    2022年8月26日
    8
  • 欧拉函数求法

    欧拉函数求法欧拉函数是计算在1-n中n的质因数的个数;φ(x)=x*(p1-1)/p1*(p2-1)/p2*(p3-1)/p3…*(pn-1)/pn其中p1,p2,p3…是x的质因数;若x是质数:φ(x)=x-1若x是质数p的k次幂(即x=p^k):φ(x)=p^k-p^(k-1)=(p-1)p^(k-1)积性:φ(n*m)=φ(n)*φ(m)其中m、n互质。具体的证明和其他介绍就不多说了=.

    2022年8月22日
    9
  • Elasticsearch集群规划及节点角色规划醉佳实践

    Elasticsearch集群规划及节点角色规划醉佳实践ES集群规划及节点角色规划最佳实践

    2022年5月4日
    39
  • 3 C++ Boost 字符,文本

    3 C++ Boost 字符,文本

    2022年2月23日
    42
  • Scanner的hasNext()方法

    Scanner的hasNext()方法一、实例代码importjava.util.*;publicclassScannerKeyBoardTest{publicstaticvoidmain(String[]args){System.out.println("请输入若干单词,以空格作为分隔");Scannersc=newScanner(System…

    2022年7月20日
    21
  • Android中实现二级菜单

    Android中实现二级菜单公司项目里的需求,商城的左下角,要求有分类的Menu。看图:1.当点击一级分类,修改二级菜单里面的内容。2.同时一级菜单里的背景变为右边有白色三角的背景。3.当点击二级菜单的条目时候,Popupwindow消失,并且界面更新对应条目的商品数据。我的实现思路是:左下角弹出Popupwindow,里面使用两个ListView实现。我的Demo的效果:

    2022年5月9日
    41

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号