Eine Erklärung dieser neuen GitHub-Bilder für soziale Medien
[…] unser benutzerdefinierter Open Graph-Bilderdienst ist eine kleine Node.js-App, die die GitHub GraphQL API verwendet, um Daten zu sammeln, generiert daraus einige HTML-Elemente aus einer Vorlage und leitet sie an Puppeteer weiter, um ein „Screenshot“ dieser HTML-Elemente zu machen.
Jason Etcovich im GitHub Blog in „A framework for building Open Graph images“
Es ist sehr befriedigend, Vorlagenbilder aus HTML und CSS zu erstellen. Es ist der perfekte Weg für Social Media Bilder. Wenn Sie es im großen Stil wie GitHub tun, gibt es hier ein paar nette Tricks, um es zu beschleunigen.
HTML anstelle von Qt oder ähnlichen Bibliotheken zu verwenden, ist Schnee von gestern. Jetzt ist der Trend, Bildbibliotheken durch HTML zu ersetzen, richtig?
Scherz beiseite, ich wünschte, sie hätten einen Absatz hinzugefügt, der zeigt, welche anderen Optionen sie in Betracht gezogen haben. Eine der ersten, an die ich denken würde, wäre die Erstellung eines SVG und dessen anschließendes Rendern zu PNG. Andererseits weiß ich, dass das keine gute Idee ist: Die besten SVG-Renderer sind Browser, also würde es nicht das Problem lösen, einen Browser zu benötigen. Außerdem würde es die Sache komplizierter machen, da SVG-Layouts weitaus schwieriger zu erstellen sind als HTML+CSS, selbst mit SVG-Bibliotheken. Eine spezialisierte Bildbibliothek könnte die Leistung verbessern, würde aber die Entwicklung erheblich erschweren.
Leute mögen über CSS scherzen, aber es hat sich viel getan und jetzt ist es großartig, es für Layouts zu verwenden.