zoukankan      html  css  js  c++  java
  • Web应用程序中关于图片的使用

    Web应用程序中关于图片的使用

    JPG:以24位颜色存储单个光栅图像
    优点:
    1. 与平台无关
    2. 适合摄影作品和写实作品
    3. 它支持最高级别的压缩,可提高或降低压缩的级别
    4. 渐进式JPEG文件交错
    缺点:
    1. 有损耗压缩会使原始图片数据质量下降
    2. 当您编辑和重新保存文件时,JPEG会混合原始图片数据的质量下降,这种下降是累积性的
    3. 不适用所含颜色很少,具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。
    4. 不支持动画和透明

    GIF:用于压缩具有单调颜色和清晰细节的图像
    是用的最多的网页图像格式,常用于工具图标,简单动画,几乎适用于除照片以外的所有图像。压缩算法成为一家公司的专利。
    优点:
    1. 支持多种操作系统
    2. 有静态GIF和动画GIF两种
    3. 支持透明背景图像
    4. 不多于256色时可无损压缩
    5. 体积很小,文件下载速度快

    缺点:
    1. 只能显示256色,如果多于256色会选取临近的代替,会产生抖动现象
    2. 透明方面,不支持邻近渐进色。

    PNG:流式网络图形格式
    设计时企图代替GIF在网络的地位,压缩算法免费。
    优点:
    1. 位深支持8位,24位,32位
    2. 支持多达16位的Alpha通道数据
    3. 支持流式读/写性能
    4. 支持逐次逼近显示
    5. 支持无损压缩
    缺点
    1. IE6不支持其Alpha通道技术
    2. 不支持动画

    JPG,GIF,PNG的选择
    1. 使用JPG或PNG-32或PNG-24来展示照片
    2. 当图像在无需透明时,若256色够用,可选择GIF或PNG-8,若要更好颜色和小的文件大小时,可选择PNG-24
    3. 当图像需要透明效果时,如果考虑IE6则只能选择GIF,否则可选PNG-32.

  • 相关阅读:
    【ccf 2017/12/4】行车路线(dijkstra变形)
    【ccf2017-12-2】游戏(模拟)
    解决让浏览器兼容ES6特性
    富文本编辑器ckeditor的使用
    JavaScript中,让一个div在固定的父div中任意拖动
    父组件如何向子组件方法(对话框的封装)
    Vue2.0 Transition常见用法全解惑
    JavaScript事件冒泡简介及应用
    为什么axios请求接口会发起两次请求
    修改input type=file 标签默认样式的简单方法
  • 原文地址:https://www.cnblogs.com/carysun/p/webpic.html
Copyright © 2011-2022 走看看