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.

Create and share images of your source code

174 pointsby omarfarooqover 3 years ago

26 comments

ciberadoover 3 years ago
I don't understand why there are many negative comments in this thread to this project. I've used Carbon many times to paste good-looking code in a PowerPoint presentation, and the result is clean and attractive. Big thank you to the people behind it.
评论 #28875513 未加载
评论 #28883502 未加载
amanziover 3 years ago
I&#x27;m not an SVG expert, but surely that shouldn&#x27;t be a 1.1 MB export?<p>I just quickly created a text-based SVG image in Inkscape, and it was a few KB in size and the text was all selectable. I couldn&#x27;t even open the Carbon SVG export in Inkscape, so I&#x27;m not sure what it&#x27;s doing?
评论 #28874737 未加载
评论 #28874539 未加载
eterevskyover 3 years ago
So... It posts code as an image and prevents search and copy-paste?
评论 #28874463 未加载
评论 #28874917 未加载
iandanforthover 3 years ago
I like this idea. I created a similar script for myself that extends this idea more into the CI&#x2F;CD realm.<p>Basically if you have tutorials that need code screenshots it&#x27;s nice to avoid much &#x2F; most manual copy&#x2F;paste&#x2F;screen capture etc.<p>So my script takes a filename and line numbers and outputs a syntax highlighted screenshot of that portion of text.<p>Why arn&#x27;t I linking to the script? Well the obvious next step is to extend the above to tie into git such that for minor changes you don&#x27;t have to think about the line numbers and it just does the right thing. But I never got that working :)
aiNohY6gover 3 years ago
Dear reader, what local alternative would you recommend?
评论 #28875363 未加载
评论 #28874359 未加载
评论 #28874875 未加载
评论 #28875976 未加载
评论 #28887852 未加载
评论 #28876714 未加载
评论 #28875006 未加载
tehsauceover 3 years ago
Is anyone else bothered by the close&#x2F;minimize&#x2F;maximize buttons in the upper left corner which are there for no apparent reason other than to associate with macos’ design?
评论 #28874790 未加载
评论 #28875688 未加载
评论 #28874871 未加载
onkoeover 3 years ago
Carbon&#x27;s been trending recently. Seems like everyone and their mother is using it. Can&#x27;t complain, though... Looks great!
EMM_386over 3 years ago
And not just use a screen snipping tool? Not sure I get it.
评论 #28874518 未加载
评论 #28875950 未加载
评论 #28875085 未加载
评论 #28874935 未加载
aosaighover 3 years ago
What&#x27;s the difference between this and the MacOS app Petrify [0]. In the Petrify blog they talk about renaming from Carbonize [1] which I assume is related to the Carbon mentioned here? Are they the same team? Is somebody repackaging another app?<p>[0] <a href="https:&#x2F;&#x2F;apps.apple.com&#x2F;app&#x2F;petrify&#x2F;id1451177988" rel="nofollow">https:&#x2F;&#x2F;apps.apple.com&#x2F;app&#x2F;petrify&#x2F;id1451177988</a><p>[1] <a href="https:&#x2F;&#x2F;www.dangercove.com&#x2F;news&#x2F;petrify-36&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.dangercove.com&#x2F;news&#x2F;petrify-36&#x2F;</a>
评论 #28876216 未加载
评论 #28876174 未加载
bobmaxupover 3 years ago
How many name collisions are there with a project named carbon?<p>I think that would be a cool project, if it doesn&#x27;t already exist: crawl github, gitlab, bitbucket, sourceforge, etc -- and report project name collisions.
评论 #28875184 未加载
评论 #28874763 未加载
kronoover 3 years ago
I find the lack of a Gruvbox theme disturbing on many levels!
yborisover 3 years ago
A slightly-related project I created: <i>TypeScript Call Graph</i> - generate&#x2F;visualize a call graph of your TypeScript files in a variety of ways. MIT open source ;)<p><a href="https:&#x2F;&#x2F;github.com&#x2F;whyboris&#x2F;TypeScript-Call-Graph" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;whyboris&#x2F;TypeScript-Call-Graph</a>
dsumerover 3 years ago
Hey folks! Personally I used Carbon quite some times in the past, but I saw some possible improvements and also thought about further additions such a product could have.<p>That&#x27;s why a friend and me released a similar product available at snappify.io, maybe someone finds it interesting!
mgraczykover 3 years ago
Do they host the image?<p>I do this with cmd+shift+4 and it&#x27;s already on my clipboard for easy pasting into chat or whatever. Plus the line numbers are correct and the highlighting matches my editor.
评论 #28874544 未加载
enriqutoover 3 years ago
This is indeed beautiful, but I&#x27;m missing some real bitmap fonts so that the code looks sharp, as it was meant to be, not with blurry &quot;antialiased&quot; fonts.
评论 #28875924 未加载
trulyover 3 years ago
Thanks for sharing, this looks very nice and quite polished.<p>This could be useful for my project.<p>What is the best way to import this into wordpress? Is there a to have it as a custom wordpress block?
edemover 3 years ago
What&#x27;s the licensing of these images btw? That&#x27;s not outlined anywhere. Am I free to use it for any purpose I like?
评论 #28881288 未加载
Faelian2over 3 years ago
I have been wondering for months how these snippets are done on hackthebox official writeups ^^
评论 #28874697 未加载
edemover 3 years ago
Is there an API I can use to call this app instead of having to create the images manually?
agumonkeyover 3 years ago
reminds me that emacs used to have an html export with css formatting support ..
评论 #28877052 未加载
lol768over 3 years ago
The generated SVG renders for me as a 1750x782px transparent image. FF 95.
Donckeleover 3 years ago
Beautiful maybe… but that example on the homepage I have no idea what it does and am so happy I don’t work at some place that produces that kind of code.<p>I suppose you do need a tool like this when you have code like that.
评论 #28875344 未加载
svnpennover 3 years ago
Dear webmaster, please disable word wrap in code blocks.
评论 #28875963 未加载
mseepgoodover 3 years ago
Text is better for accessibility and usability.
评论 #28874485 未加载
评论 #28874876 未加载
afandianover 3 years ago
I could maybe understand the value of this if it were somehow impossible to display nicely styled code as text. But in the edit box they literally have the editor formatting the code. The image seems to be a snapshot of that.
评论 #28874603 未加载
jp1016over 3 years ago
Our screenshot tool provides additional functionalities and predefined templates, which allows users to share stunning images and by saving them on codekeep , users can link to those screenshot, where users can select the code and copy it as needed. You can add emojis, custom images, place logos of your favourite programming language or service, add twitter&#x2F;facbook instagram handles, custom background.<p>Apart from the screenshot module, codekeep allows you to store and share code snippets, most of the ui is inspired from google keep and i have added more features on top of that, we named it codekeep (google keep for code snippets).<p>do checkout and let us know your thought :-) <a href="https:&#x2F;&#x2F;codekeep.io&#x2F;screenshot" rel="nofollow">https:&#x2F;&#x2F;codekeep.io&#x2F;screenshot</a>