码农知识堂 - 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加载方式,你肯定见过! - 知乎 

  • 相关阅读:
    站在AI大模型十字路口:实地探访2023服贸会
    python经典百题之交换数组元素
    RabbitMQ —— 理解及应用场景
    docker部署mysql 使用定时器进行备份
    机器学习-基础知识、sklearn库、评估指标、python数据处理库
    无刷三相直流电机电动工具驱动方案设计
    Evil靶场
    c++随机数
    Google 开源库Guava详解(集合工具类)—Maps、Multisets、Multimaps
    【Java网络编程】二
  • 原文地址:https://blog.csdn.net/u011149152/article/details/126243745
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号