码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 图片格式 jpg png gif webp svg


    目录

    BMP

    GIF

    JPG

    JPG、GIF、PNG 对比

    格式选择

    压缩工具

    JPG的基线和渐进


    BMP

    BMP 格式图片,取自英文单词 Bitmap,Windows 中文版译作“位图”(不知道微软什么人的烂翻译),是早期 Windows 系统(XP以及更早期)所用的图片格式。

    16色、256色图片文件除了存储每个像素之外,还会存储一份颜色表(Palette,亦译作调色板、色盘)

    GIF

    GIF 图片是带颜色表的,它最多支持256色,也支持256以内任意数量的颜色表,但是不支持真彩色。

    GIF 的特性是帧动画。

    JPG

    JPG 不支持颜色表,也不支持透明,只有真彩色。

    JPG 的特性是有损压缩。适合网络传输。

    “基线”和“连续”格式的JPG,是图片加载方式。网速慢的时候或者图片大的时候就能明显看出来。

    JPG、GIF、PNG 对比

    JPGGIFPNG-8PNG-24PNG-32
    颜色表支持◉◉
    真彩色支持◉◉◉
    有损压缩◉
    帧动画◉
    透明像素支持◉◉◉
    半透明度支持◉◉

    JPG的主要特性是有损压缩。

    GIF的主要特性是帧动画。

    PNG的主要特性是半透明。

    (注意GIF不支持半透明,只能完全透明或者不透明。)

    格式选择

    照片用 JPG。
    动画用 GIF。
    Logo、Icon 等小图用 PNG-8。 

    压缩工具

    • 第三方工具:tinypng.com、pngcrush、腾讯智图

    参考

    JPG?GIF?PNG?前端如何选择图片格式?

    JPG的基线和渐进

    基线 JPEG(Baseline JPEG)

    基线 JPEG 算法在从网络下载处理数据时逐行渲染图像。当数据从网络到达计算机的缓冲区时,数据以流的形式进行处理。

    渐进式 JPEG(Progressive JPEG)

    Progressive JPEG,即PJPEG。PJPEG 在 Web 浏览器中呈现时,会首先给出模糊图像的外观。然后一点一点地开始图片渲染,直到它显示完全渲染的图像。浏览器实际上是逐行解释图像,但在占位符中提供了完整图像的模糊预览。随着 Web 浏览器的渲染引擎处理数据,图像的对比度开始变得更清晰、更详细。直到最后渲染完毕,用户将看到完整的清晰图像。 

    参考 

    这两种完全不同的JPEG加载方式,你肯定见过! - 知乎 

  • 相关阅读:
    深入理解JVM-类加载与字节码技术
    阿里云容器&中间件
    【配置文件】Redis配置文件解读和持久化
    QSharedMemory使用详解
    ssldump一键分析网络流量(KALI工具系列二十二)
    Go HTTP 调用(上)
    【Vue】搭建vuex环境
    原油等特殊期货开户要求和豁免
    利用nginx内部访问特性实现静态资源授权访问
    Cookie和Session详解以及结合生成登录效果
  • 原文地址:https://blog.csdn.net/u011149152/article/details/126243745
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号