网站图片优化有哪些?

网站图片优化有哪些?

一个好的站点,不但要有精彩的内容,还需要有一个美观的页面。谈到美观就离不开图片,在页面中适当地用一些精美的图片作为点缀,会使你的网页大放异彩。但是,图片使用不当,也会适得其反,把你的访问者给吓跑。主要原因在于图片尺寸太大,访问者还没等打开就早已不耐烦了。  
现在向大家介绍一些对图片进行处理的方法,以使图片能在网页中迅速显示出来。
选好图片格式
图片文件的格式有很多,如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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • MAC IntelliJ IDEA 2018.1版本 安装+破解方法

    一、下载IntelliJIDEA2018.1链接:https://confluence.jetbrains.com/display/IDEADEV/IDEA+2018.1+EAPideaIU-181.4445.20.dmg安装。二、下载包:http://idea.lanyus.com/jar/JetbrainsCrack-2.7-release-str.jar在Finder应用程序文件夹中右击…

    2022年4月8日
    48
  • CardView覆盖问题

    CardView覆盖问题最近做项目的时候需要在CardView右上角加上一个删除按钮,但是发现不管怎么嵌套总是被CardView覆盖,查资料后发现需要给浮在上层的View添加elevation属性。原因:因为CardView的使用过程中设置了app:cardElevation=”5dp”的属性,在MD设计中,视图有高度的概念,用Z来表示,Z受到Elevation和Translation两个量控制,因为这个高度的概念…

    2022年10月11日
    0
  • android开发 不注意的异常

    android开发 不注意的异常

    2022年1月29日
    40
  • 新游戏世界合集全文_经典种田文完结推荐

    新游戏世界合集全文_经典种田文完结推荐送给所有爱玩游戏的老鸟们 老游戏中有大量经典作品,其中中文的HGAME更是经典中的经典! ◆告别的年代失色的回忆?——新系统下经典老游戏重玩全攻略◆  “新”与“老”当然是相对的,不过在开篇之前有必要确定我们的讨论范畴,这里的“老”是指为Win98之前的操作系统,包括DOS和Win32/95,而新系统则是指Win98/2000/XP。毫无疑问,有很多老游戏都很值得我们来重温,但重

    2022年9月21日
    0
  • 随机事件概率的公理化定义_概率推理

    随机事件概率的公理化定义_概率推理一、统计定义1.定义注:其中(3)运用的是概率的有限可加性(4)(5)2.优点:直观,适用于未知情况缺点:大量重复试验,不便于实际运用;不够严谨精确,不便于理论运用。

    2022年10月9日
    0
  • 为什么下面老是流水出来是什么原因_integer.parseint和valueof

    为什么下面老是流水出来是什么原因_integer.parseint和valueofInteger.MAX_VALUE,十六进制位为0x7fffffff,二进制位:01111111111111111111111111111111;Integer.MIN_VALUE,即0x80000000,二进制位: 10000000000000000000000000000000;01111111111111111111111111111111+…

    2022年9月4日
    2

发表回复

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

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