跳到内容

Graphics & Multimedia

Rendering graphics and animations.

We're highlighting up-and-coming features or libraries we think you should know about.

Feature Highlight: JPEG XL

After the "JIF/GIF" pronunciation fiasco and the confusingly-named "PNG" ("pee-en-gee"? "ping"?), whoever's in charge of image format nomenclature decided to keep things simple this time: take the already-popular JPEG and add an “XL” to it to make it cooler.

But not bigger though, as contrary to their name JPEG XL images are actually smaller than boring old JPEG–while somehow also being backwards-compatible with it. Don't ask me how that works.

Baseline: Limited Availability

Learn more

Useful Resources

Graphics & Multimedia Experience & Sentiment

JPEG XL and ctx.drawElement() were the two new features that garnered the most positive sentiment, whereas more complex areas like augmented or extended reality APIs didn't score as high–showing once more that devs are first and foremost interested in primitives that make their daily lives easier.

通过...分组:

根据此项排序:

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

经验

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

情绪(态度)

  • 积极: 有兴趣了解此技术,或者愿意再次使用它的受访者
  • 中立: 未对此技术发表看法的受访者
  • 消极: 对此技术不感兴趣,或者使用此技术有糟糕体验的受访者

Graphics & Multimedia Pain Points

SVG has always been the the dark horse of the Web, chronically neglected by browser vendors, yet being used on nearly every website. It is therefore no surprise that it dominates here, with a quarter of pain points being about it.

What are your pain points around rendering graphics, videos, animations, and other media?
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations
0%
20%
40%
60%
80%
100%
1
Browser support
3
2
7
3
Images
4
4
5
5
Performance
6
Responsive design
7
5
8
Cognitive overload
1
9
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%
受访者百分比
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!
感谢合作伙伴对我们的支持! 了解更多。