跳到内容

State of HTML 2025

图形与多媒体

渲染图形和动画。

我们重点介绍我们认为您应该了解的有趣特性或库。

特性亮点: JPEG XL

在“JIF/GIF”发音惨败和名称令人困惑的“PNG”（“pee-en-gee”？“ping”？）之后，负责图像格式命名的人这次决定保持简单：采用已经流行的 JPEG 并添加一个“XL”使其更酷。

但这并不意味着更大，因为与名称相反，JPEG XL 图像实际上比无聊的旧 JPEG 更小——同时还能以某种方式向后兼容。别问我这是怎么做到的。

基准: 有限可用

了解更多

有用资源

图形与多媒体体验与情绪

JPEG XL 和 ctx.drawElement() 是获得最多积极情绪的两个新功能，而像增强现实或扩展现实 API 这样更复杂的领域得分并不高——这再次表明开发人员首先对使他们日常生活更轻松的原语感兴趣。

通过...分组：

根据此项排序:

1
图形
87.3%
8.7%
3.4%
4,947
2
图形
73.4%
24.1%
4,942
3
图形
28.1%
21.5%
50%
4,906
4
图形
19%
58.2%
22.3%
4,887
5
图形
9.6%
22.1%
67.8%
4,913
6
图形
5%
46.2%
48.6%
4,892
7
图形
4.1%
26.9%
68.6%
4,913
8
图形
3.7%
36.8%
59.1%
4,902
9
图形
14.1%
83.7%
4,888

经验

  • <span aria-hidden="true">🤓</span> 用过: 使用过此项目的受访者。
  • <span aria-hidden="true">👀</span> 有听说过: 听说过此项目，但没有使用过此项目的受访者。
  • <span aria-hidden="true">🤷</span> 没听说过: 从未听说过此项目的受访者。

情绪（态度）

  • 积极: 有兴趣了解此技术，或者愿意再次使用它的受访者
  • 中立: 未对此技术发表看法的受访者
  • 消极: 对此技术不感兴趣，或者使用此技术有糟糕体验的受访者
“已使用”平均值:26%
“积极”平均值:24%
“消极”平均值:7%

图形与多媒体痛点

SVG 一直是 Web 的黑马，长期被浏览器供应商忽视，但几乎在每个网站上都在使用。因此，它在这里占据主导地位也就不足为奇了，四分之一的痛点是关于它的。
您在渲染图形、视频、动画和其他媒体方面有哪些痛点？
多选
总体上最主要的痛点主题。

视图:

不为“limitations”之一的项目
0%
20%
40%
60%
80%
100%
01
Browser support
3
02
7
03
Images
4
04
5
05
Performance
06
Responsive design
07
5
08
Cognitive overload
1
09
Animations
10
Styling & customization
2
11
Reliability
12
Tooling
13
Excessive complexity
14
Accessibility
15
16
Education
17
Audio
1
18
Security & privacy
19
Poor design
20
21
3D graphics
1
22
Reliance on JavaScript
23
Loading
24
Ecosystem issues
25
End-user experience
26
其他答案
0%
20%
40%
60%
80%
100%
受访者百分比
616
10%
25
5

资源推荐

SVG Essentials & Animation, v2
Sarah Drasner
Google

SVG Essentials & Animation, v2

In this course, you'll learn to create immersive graphics and make them alive with animations!
感谢合作伙伴对我们的支持! 了解更多。