ILillizian·Sep 14, 2017
You may want to a look at https://github.com/mplewis/src2png (it was popular on here at the beginning of the week https://news.ycombinator.com/item?id=15220069)
In Sublime Text 3.0mplewis
src2png
JavaScript2017–2017
mplewis / src2png
src2png
📸💻 Turn your source code into beautiful syntax-highlighted images.
3Distinct people
4Mentions
0Explicit recommenders
2.2KGitHub stars
What to know before exploring
What it is
📸💻 Turn your source code into beautiful syntax-highlighted images.
GitHub
Where it is used
No documented product use has been verified yet.
What people are saying
No recommendation phrase was found in the indexed comments.
No classified warning is attached to this page. Read the discussions before treating silence as approval.
Also in these discussions
No other repository is repeatedly linked in the same discussions.
This week on Hacker News
Nov 7–Nov 14 UTC · Direct repository links and separately labeled related project stories. Indexed through 11/14/2026, 3:56:07 PM UTC.
No direct repository links were found in the indexed HN discussions over the past seven days. Older discussions are available below.
Mentions over time
HN mentions by 3-hour interval4 dated mentions
Observed mentions: 2017-09-11 17:01:49 UTC to 2017-09-14 13:52:51 UTC.
Counts come from the repository’s dated source evidence. Index cutoff: 2026-11-02 08:16:59 UTC.
View mention counts and date ranges
| Period | Start (UTC) | End (exclusive, UTC) | Mentions | Submissions | Comments |
|---|---|---|---|---|---|
| Sep 11, 15:00 | 2017-09-11 15:00:00 UTC | 2017-09-11 18:00:00 UTC | 1 | 1 | 0 |
| Sep 11, 18:00 | 2017-09-11 18:00:00 UTC | 2017-09-11 21:00:00 UTC | 2 | 0 | 2 |
| Sep 11, 21:00 | 2017-09-11 21:00:00 UTC | 2017-09-12 00:00:00 UTC | 0 | 0 | 0 |
| Sep 12, 00:00 | 2017-09-12 00:00:00 UTC | 2017-09-12 03:00:00 UTC | 0 | 0 | 0 |
| Sep 12, 03:00 | 2017-09-12 03:00:00 UTC | 2017-09-12 06:00:00 UTC | 0 | 0 | 0 |
| Sep 12, 06:00 | 2017-09-12 06:00:00 UTC | 2017-09-12 09:00:00 UTC | 0 | 0 | 0 |
| Sep 12, 09:00 | 2017-09-12 09:00:00 UTC | 2017-09-12 12:00:00 UTC | 0 | 0 | 0 |
| Sep 12, 12:00 | 2017-09-12 12:00:00 UTC | 2017-09-12 15:00:00 UTC | 0 | 0 | 0 |
| Sep 12, 15:00 | 2017-09-12 15:00:00 UTC | 2017-09-12 18:00:00 UTC | 0 | 0 | 0 |
| Sep 12, 18:00 | 2017-09-12 18:00:00 UTC | 2017-09-12 21:00:00 UTC | 0 | 0 | 0 |
| Sep 12, 21:00 | 2017-09-12 21:00:00 UTC | 2017-09-13 00:00:00 UTC | 0 | 0 | 0 |
| Sep 13, 00:00 | 2017-09-13 00:00:00 UTC | 2017-09-13 03:00:00 UTC | 0 | 0 | 0 |
| Sep 13, 03:00 | 2017-09-13 03:00:00 UTC | 2017-09-13 06:00:00 UTC | 0 | 0 | 0 |
| Sep 13, 06:00 | 2017-09-13 06:00:00 UTC | 2017-09-13 09:00:00 UTC | 0 | 0 | 0 |
| Sep 13, 09:00 | 2017-09-13 09:00:00 UTC | 2017-09-13 12:00:00 UTC | 0 | 0 | 0 |
| Sep 13, 12:00 | 2017-09-13 12:00:00 UTC | 2017-09-13 15:00:00 UTC | 0 | 0 | 0 |
| Sep 13, 15:00 | 2017-09-13 15:00:00 UTC | 2017-09-13 18:00:00 UTC | 0 | 0 | 0 |
| Sep 13, 18:00 | 2017-09-13 18:00:00 UTC | 2017-09-13 21:00:00 UTC | 0 | 0 | 0 |
| Sep 13, 21:00 | 2017-09-13 21:00:00 UTC | 2017-09-14 00:00:00 UTC | 0 | 0 | 0 |
| Sep 14, 00:00 | 2017-09-14 00:00:00 UTC | 2017-09-14 03:00:00 UTC | 0 | 0 | 0 |
| Sep 14, 03:00 | 2017-09-14 03:00:00 UTC | 2017-09-14 06:00:00 UTC | 0 | 0 | 0 |
| Sep 14, 06:00 | 2017-09-14 06:00:00 UTC | 2017-09-14 09:00:00 UTC | 0 | 0 | 0 |
| Sep 14, 09:00 | 2017-09-14 09:00:00 UTC | 2017-09-14 12:00:00 UTC | 0 | 0 | 0 |
| Sep 14, 12:00 | 2017-09-14 12:00:00 UTC | 2017-09-14 15:00:00 UTC | 1 | 0 | 1 |
What Hacker News says
4 sourcesHey, thanks for the suggestion. I've used Pygments in the past and didn't even think to check if it had a PNG output mode.
Here's an example of Pygments C++ output:
http://imgur.com/a/7TbMb
And the same file through Prism.js + Puppeteer:
https://github.com/mplewis/src2png/blob/master/docs/arduino....
Pygments does a great job of generating detailed PNGs. The default settings aren't quite what I'm looking for, but they look like they could be tweaked to increase the resolution and change the color scheme.
I'm embedding my examples in a Keynote deck, so I'm picky about font family, size, resolution, etc. I bet I could get similar results by writing a custom script for Pygments. Thanks for sharing!
In Show HN: Generate high-res images of code samples with Chrome HeadlessAnyone knows a tool which can help us draw simple diagrams like the one that was mentioned in the README?? https://github.com/mplewis/src2png/blob/master/docs/foreach_...
In Show HN: Generate high-res images of code samples with Chrome HeadlessShow HN: Generate high-res images of code samples with Chrome Headless
93 points · Open discussion