TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

WebKit switching to Skia for 2d graphics rendering

350 pointsby jessevdkabout 1 year ago

27 comments

coffeeaddict1about 1 year ago
Skia is a great library, but as all things Google it&#x27;s a pain to build. They don&#x27;t use CMake and building it from source takes 20-30 minutes on a modern laptop. Furthermore, it&#x27;s constantly changing its APIs and much of it is undocumented and unclear on how to use optimally. Most of the decisions taken by development team aren&#x27;t discussed in the open and this makes it hard to understand the codebase.<p>I wish there was a nice and small vector graphics library with GPU acceleration. So far Skia is the only real option, despite its downsides.
评论 #39439686 未加载
评论 #39442518 未加载
评论 #39439591 未加载
评论 #39440236 未加载
评论 #39442901 未加载
评论 #39439558 未加载
评论 #39439554 未加载
评论 #39439788 未加载
评论 #39442082 未加载
评论 #39441625 未加载
评论 #39443141 未加载
评论 #39443344 未加载
评论 #39446873 未加载
评论 #39439519 未加载
评论 #39448327 未加载
leetroutabout 1 year ago
Couple things I&#x27;ve seen in this space looking around the past couple weeks...<p>Flutter made a different engine called Impeller[0] which is replacing Skia. Which is a bit surprising as an ignorant outsider. I hope that works out.<p>Rive (<a href="https:&#x2F;&#x2F;rive.app" rel="nofollow">https:&#x2F;&#x2F;rive.app</a>), is a new animation tool that targets multiple platforms including web and their CEO Guido Rosso gave a great interview on School of Motion[1] about how they are building an animation first vector engine. There is a side by side demo at 46:56[2] of Skia, Impeller and Rive.<p>0: <a href="https:&#x2F;&#x2F;docs.flutter.dev&#x2F;perf&#x2F;impeller" rel="nofollow">https:&#x2F;&#x2F;docs.flutter.dev&#x2F;perf&#x2F;impeller</a><p>1: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=U0Jd5-eStu4&amp;t=2514s" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=U0Jd5-eStu4&amp;t=2514s</a><p>2: <a href="https:&#x2F;&#x2F;youtu.be&#x2F;U0Jd5-eStu4?si=8vv3c2bw3VumLzeu&amp;t=2816" rel="nofollow">https:&#x2F;&#x2F;youtu.be&#x2F;U0Jd5-eStu4?si=8vv3c2bw3VumLzeu&amp;t=2816</a>
评论 #39447226 未加载
评论 #39445879 未加载
评论 #39445096 未加载
vthommeretabout 1 year ago
I was curious how Igalia was funded and this was a surprisingly good interview on how they’re structured, how they work with the major browser companies, etc… Apparently many Apple, Google, Firefox engineers left to work for them.<p><a href="https:&#x2F;&#x2F;thenewstack.io&#x2F;igalia-the-open-source-powerhouse-youve-never-heard-of&#x2F;" rel="nofollow">https:&#x2F;&#x2F;thenewstack.io&#x2F;igalia-the-open-source-powerhouse-you...</a>
评论 #39439571 未加载
评论 #39439480 未加载
评论 #39439306 未加载
评论 #39440051 未加载
a1oabout 1 year ago
Uhm, I am a bit sad that bringing Cairo up to speed isn&#x27;t easier, as Cairo is an easier to use dependency than Skia.<p>I always find building these complex stuff from Google a huge pain - and now they have the additional idea of living on the head and not providing actual releases too...
maattddabout 1 year ago
The title of the article has changed to make it clearer than it only concerns the GTK and WPE ports.<p>&quot;WebKitGTK and WPEWebKit Switching to Skia for 2D Graphics Rendering&quot;<p>Can we update the title here also?
zerrabout 1 year ago
Didn&#x27;t Flutter ditch Skia recently due to performance reasons?
评论 #39439436 未加载
评论 #39439610 未加载
tapirlabout 1 year ago
So will they maintain a stable C API to skia?<p>It is long-time known pain point that the skia official doesn&#x27;t provide a usable C API.
评论 #39439123 未加载
评论 #39439575 未加载
评论 #39439510 未加载
simscitizenabout 1 year ago
Who simplified the title here? This is only for the GTK and WPE ports of WebKit. Not for other platforms that WebKit supports.
评论 #39448136 未加载
ho_schiabout 1 year ago
I think this are good news for <i>WebKitGtk</i>.<p>I wondered about the license because they had already problems with LibWebTRC which uses BoringSSL (BSD-License). Skia seems to use the new BSD-License without the <i>advertising clause</i> and is therefore compatible with the GPL.<p>PS: As <i>valleyer</i> mentions - this affects <i>WebKitGtk</i> not all <i>WebKit</i> ports? At least Skia is usable on MacOS&#x2F;iOS.
评论 #39438990 未加载
评论 #39439107 未加载
kronaabout 1 year ago
Could someone who knows Skia internals describe, if possible, the tradeoffs that Skia has made between performance, rendering quality and API DX?<p>Presumably this is partly why it has become so popular, but as someone who&#x27;s been writing mostly 2D GL&#x2F;WebGPU apps for a decade I&#x27;ve only briefly considered a Skia as an alternative, but this is mostly out of ignorance.
评论 #39439495 未加载
mrpippyabout 1 year ago
The title should probably be &quot;WebKit *on non-Apple platforms* switching to Skia...&quot;
评论 #39444152 未加载
miohtamaabout 1 year ago
I thought always that Safari was the fastest to render web pages on Mac&#x2F;iOS. But sounds like I was wrong?<p>&gt; In December 2023 we made the decision of giving Skia a try internally and see if it would be worth the effort of maintaining the project as a third party module inside WebKit. In just one month we had implemented enough features to be able to run all MotionMark tests. The results in the desktop were quite impressive, getting double the score of MotionMark global result. We still had to do more tests in embedded devices which are the actual target of WPE, but it was clear that, at least in the desktop, with this very initial implementation that was not even optimized (we kept our current architecture that is optimized for CPU rendering) we got much better results.
评论 #39445436 未加载
valleyerabout 1 year ago
&quot;WebKit Switching to Skia for 2D Graphics Rendering&quot;<p>... for the GTK and WPE ports. Not on Apple platforms.
评论 #39438978 未加载
评论 #39439088 未加载
评论 #39439419 未加载
rezmasonabout 1 year ago
I really like how much utility we&#x27;ve all managed to get from Cairo. It is everywhere.<p><a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Cairo_(graphics)#Notable_usage" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Cairo_(graphics)#Notable_usage</a><p>I don&#x27;t know the full story behind it, but from an outsider&#x27;s point of view, any open library that pulls that kind of weight for so long should be considered a major feat of engineering.
prosodyabout 1 year ago
Somewhat connected question, what is WPE? It’s <i>something</i> that got abstracted out of WebkitGTK, right? Is it a standalone port itself, or is it more like the framework to build a highly specialized one? I’ve seen at least in past versions that libwpe is an optional dependency of WebkitGTK, so they didn’t like abstract and then rebase it on the new component. Or is libwpe separate from WPE?
评论 #39443943 未加载
评论 #39444338 未加载
musicaleabout 1 year ago
If Apple adopts Skia in its own versions of WebKit, then Quickdraw GX&#x27;s grandchild will have come home:<p>[1] <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;QuickDraw_GX" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;QuickDraw_GX</a><p>[2] <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Skia_Graphics_Engine" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Skia_Graphics_Engine</a>
Syttenabout 1 year ago
I wish WebKit GTK was more performant in general (and also in the MDN compatibility list but its another topic). It is getting better but it really is a blocker on shipping quality application with Tauri on Linux. There is a reason most apps using native webviews only target macos and windows, WebKit GfK is mostly undocumented for frontend engineers and often very much outdated &#x2F; not installed on end user machines.
评论 #39442824 未加载
评论 #39442797 未加载
评论 #39443020 未加载
hermetabout 1 year ago
Please have a look at this one: <a href="https:&#x2F;&#x2F;github.com&#x2F;thorvg&#x2F;thorvg">https:&#x2F;&#x2F;github.com&#x2F;thorvg&#x2F;thorvg</a>. ThorVG is portable and super lightweight, and it&#x27;s currently undergoing development with WebGPU.
Jarredabout 1 year ago
Is this for all of WebKit or the non-Cocoa&#x2F;Apple builds? It reads like WebKit on Mac (Safari) will not be impacted by this change
mortallywoundedabout 1 year ago
I had to build Skia once in order to build Aseprite from source... I gave up and bought Aseprite instead.
londons_exploreabout 1 year ago
Blink, Chromiums rendering engine, based on WebKit, already uses skia right?<p>Why not just import all that code?
评论 #39439507 未加载
max_about 1 year ago
Hi guys, I have a question. What is the 3D equivalent to Skia?
评论 #39439897 未加载
评论 #39441252 未加载
评论 #39448457 未加载
caycepabout 1 year ago
would this be for just linux, or for MacOS too? I assume Safari uses Apple&#x27;s own built in stack
vfclistsabout 1 year ago
FFS why are the fonts so small?<p>Why do I have to increase the font size 150% to read it comfortably?<p>How can we trust a browser created by developers who seem incapable of creating readable web pages?<p>They should be capable of dogfooding their own output on the most basic level.
评论 #39447525 未加载
pipeline_peakabout 1 year ago
&gt; Safari adopts Google library<p>And so it begins...
评论 #39446949 未加载
DennisAleynikovabout 1 year ago
Awesome! Glad to see skia is finding uses in places other than fuschia
评论 #39439003 未加载
评论 #39439271 未加载
评论 #39439028 未加载
评论 #39441200 未加载
评论 #39439402 未加载
评论 #39439065 未加载
评论 #39439301 未加载
andsoitisabout 1 year ago
&gt; but none of them met all our requirements, so we decided to try writing our own library.<p>Question requirements.<p>You can always find a reason to build rather than buy, but can you reframe your requirements in such a way that you can get away with something off the shelf and then rather spend your resources on the things that you can do uniquely different for your application.
评论 #39439074 未加载
评论 #39439024 未加载