Bug 246792 - Laggy Animated WEBP Rendering
Summary: Laggy Animated WEBP Rendering
Status: RESOLVED MOVED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Images (show other bugs)
Version: Safari 16
Hardware: Mac (Apple Silicon) macOS 13
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
: 247414 (view as bug list)
Depends on:
Blocks:
 
Reported: 2022-10-19 23:26 PDT by cryptoalgro+bugzilla
Modified: 2023-03-07 10:47 PST (History)
5 users (show)

See Also:

Attachments
Chrome vs Safari rendering the same animated WEBP (152.81 MB, video/quicktime)
2022-10-19 23:26 PDT, cryptoalgro+bugzilla 		no flags Details
Chrome vs Safari rendering the same animated WEBP (compressed) (3.33 MB, video/mp4)
2022-10-19 23:54 PDT, cryptoalgro+bugzilla 		no flags Details
Show Obsolete (1) View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description cryptoalgro+bugzilla 2022-10-19 23:26:57 PDT 
Created attachment 463108 [details]
Chrome vs Safari rendering the same animated WEBP

Safari has full support for the WEBP and animated WEBP image format (reference - https://caniuse.com/webp). However,  rendering of larger animated WEBP files are extremely janky, to the extent that the image is unviewable. A ~10MB, 1600 × 1039px and 15FPS animated WEBP encoded with FFMPEG exhibits this issue, as seen in https://github.com/SwiftcordApp/Swiftcord/blob/main/README.md. Rendering starts out mildly laggy (frame skips, each frame takes too long to render), then quickly descends into a slideshow. Viewing the same website on Chrome works perfectly, which shows that this isn't an encoding issue. I've tested with smaller animated WEBP images and found that smaller images slow down the onset of lag.

A screen recording demonstrating the same website on Chrome and Safari helps illustrate the issue. I've only reproduced this bug on my machine, a 2021 14" MBP.
Comment 1 cryptoalgro+bugzilla 2022-10-19 23:54:54 PDT 
Created attachment 463110 [details]
Chrome vs Safari rendering the same animated WEBP (compressed)

Compressed for easier viewing
Comment 2 Radar WebKit Bug Importer 2022-10-20 14:29:51 PDT 
<rdar://problem/101399610>
Comment 3 Said Abou-Hallawa 2022-10-20 15:21:27 PDT 
rdar://100568410
Comment 4 Said Abou-Hallawa 2022-10-20 15:23:50 PDT 
This also can be seen in this image https://makeavideo.studio/assets/style1.webp
Comment 5 Said Abou-Hallawa 2022-10-20 15:42:02 PDT 
This is a bug in a system framework below webkit.
Comment 6 Said Abou-Hallawa 2023-03-07 10:47:14 PST 
*** Bug 247414 has been marked as a duplicate of this bug. ***