Gå til innhold

State of HTML 2025

Graphics & Multimedia

Rendering graphics and animations.

We're highlighting interesting features or libraries we think you should know about.

Feature Highlight: JPEG XL

Etter "JIF/GIF"-uttalefiaskoen og det gjennomsiktig navngitte "PNG" ("pee-en-gee"? "ping"?), bestemte den som er ansvarlig for navngiving av bildeformat seg til å holde ting enkle denne gangen: ta det allerede populære JPEG og legg til "XL" for å gjøre det kulere.

Men ikke større, for i motsetning til sitt navn er JPEG XL-bildene faktisk mindre enn kjedelige gamle JPEG – mens de samtidig er bakoverkompatible med det. Spør meg ikke hvordan det virker.

Baseline: Limited Availability

Learn more

Useful Resources

Graphics & Multimedia Experience & Sentiment

JPEG XL og ctx.drawElement() var de to nye funksjonene som tiltrakk seg mest positiv meninger, mens mer komplekse områder som forsterket eller utvidet virkelighets-API-er ikke scoret like høyt – noe som igjen viser at utviklere først og fremst er interessert i primitiver som gjør dagliglivet lettere.

Gruppér etter:

Sorter etter:

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

Erfaring

  • Brukt det: Respondents who have used an item.
  • Hørt om det: Respondents who have heard about an item, but haven't used it.
  • Aldri hørt om det: Respondents who have never heard about an item.

Oppfatning

  • Positiv: Respondenter som er interessert i å lære mer om en teknologi; eller er villige til å bruke den igjen.
  • Nøytral: Respondenter som hadde en nøytral oppfatning av en teknologi.
  • Negativ: Respondenter som ikke er interessert i å lære mer om en teknologi; eller har brukt den og hatt en negativ opplevelse.
“Used” average:26%
“Positive” average:24%
“Negative” average:7%

Graphics & Multimedia Pain Points

SVG har alltid vært wild card på nettet, kronisk neglisjert av nettleserleverandører, men brukt på nesten hvert nettsted. Det er derfor ingen overraskelse at det dominerer her, med en fjerdedel av smertepunktene handler om det.
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%
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
Andre svar
0%
20%
40%
60%
80%
100%
% besvarelser på spørsmål
616
10%
25
5

Anbefalte ressurser

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!
Takk til våre partnere for deres bidrag! Lær mer.