DEV Community

Cover image for Beautiful Code Snapshots with Personal Watermark
Fatih Telis
Fatih Telis

Posted on


Beautiful Code Snapshots with Personal Watermark

Hi folks! πŸ‘‹

I'd published a post recently about the code to image converter I've been working on. Since then, I've added some nice features that has been requested and it becomes much nicer with the latest improvements. The best part is: it is totally free to use.


Personal Watermark

First of all, most of the paid converters put their own watermark to the screenshots and request for money to remove it. In, you can add your own personal watermark to the code snapshots with either with your avatar, or with a Twitter icon or as pure text. Here is an example of a screenshot with a Twitter handle.

Code Spanshot

File name with icon

Also, you can set a file name for the code block to make it more informative. It will detect the file extension automatically and add an icon if it is in the list of popular programming languages. Here is an example for custom file name.

Code to Image Converter

In addition to that, you can customize the highlight language, theme, background, font family, font size and many other features easily.

If you have any suggestion, feel free to comment.

Top comments (0)

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.