Uploaded May 2023 | Updated September 2026, 3 weeks ago
PR: github.com/SerenityOS/serenity/pull/18943
Follow me on Twitter: twitter.com/awesomekling
Sponsor me on GitHub: github.com/sponsors/awesomekling
Support me on Patreon: patreon.com/awesomekling
Donate via PayPal: paypal.me/awesomekling
Discord: discord.gg/serenityos
Merch: store.serenityos.org
SerenityOS is a new operating system that we're building from scratch. serenityos.org
Ladybird is a cross-platform web browser, also part of the SerenityOS project. :^)
00:00 Intro / task of the day
02:34 Making decoded images more abstract
11:47 Decoded image API for intrinsic size and aspect ratio
27:14 Sketching out a new class for SVG images
34:16 Improving the decoded image API for scaleable images
41:56 Loading external SVG images in an isolated context
1:05:14 Rendering the external SVG into a bitmap
1:19:57 Determining intrinsic size and aspect ratio of SVG images
1:27:05 Testing it on live websites
1:27:45 Debugging an assertion failure
1:30:35 Looking at SVG images on the web again
1:34:12 Debugging clipping of the Steam store logo
1:46:59 Making a layout test
1:53:25 Outro
PR: github.com/SerenityOS/serenity/pull/18943
Follow me on Twitter: twitter.com/awesomekling
Sponsor me on GitHub: github.com/sponsors/awesomekling
Support me on Patreon: patreon.com/awesomekling
Donate via PayPal: paypal.me/awesomekling
Discord: discord.gg/serenityos
Merch: store.serenityos.org
SerenityOS is a new operating system that we're building from scratch. serenityos.org
Ladybird is a cross-platform web browser, also part of the SerenityOS project. :^)
00:00 Intro / task of the day
02:34 Making decoded images more abstract
11:47 Decoded image API for intrinsic size and aspect ratio
27:14 Sketching out a new class for SVG images
34:16 Improving the decoded image API for scaleable images
41:56 Loading external SVG images in an isolated context
1:05:14 Rendering the external SVG into a bitmap
1:19:57 Determining intrinsic size and aspect ratio of SVG images
1:27:05 Testing it on live websites
1:27:45 Debugging an assertion failure
1:30:35 Looking at SVG images on the web again
1:34:12 Debugging clipping of the Steam store logo
1:46:59 Making a layout test
1:53:25 Outro










