7 Awesome Ways to Screenshot Your Code
Tags: programming, beginners, discuss, tutorial
Published: 2021-12-04 10:33:11

There will probably be a need to capture a screen of code, whether it is yours or someone else's. For example, you may use that for reference in an article, to ask for help on a forum, to display your skills on Twitter, or to save valuable information for later use. In any case, screenshot tools are extremely important right now since, whether we like it or not, we all could benefit from them.

I scoured the web and found seven awesome ways to take screenshots of your code. Let's take a look!

## 1. CodeKeep.io

CodeKeep.io offers an interesting platform for sharing and organizing code snippets that are public or private. By tagging and organizing them, you can find and reuse what you want quickly. This will save you from switching from your IDE to your project to find the code that you need.

![CodeKeeep.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1631096524225/0I2aSEZ9o.jpeg)

## 2. CodeImg.io 

This CodeImg.io tool allows you to prepare code snippets for use in images in a variety of styles. Make the image's dimensions larger or smaller to suit different platforms like Facebook, Twitter, Instagram, etc. You can switch between colors, the border of the code snippet, highlight up to 77 programming languages, depending on your operating system. Images can be saved as PNG, JPEG, or SVG.

![codeimg.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1631096554268/9hLF-Jxr47.png)

## 3. Ray.so

Ray.so provides an online tool for creating a code snippet image with a gradient background. A total of 52 programming languages can be highlighted. In this tool, you can change the syntax colors, hide the background, and toggle between the light and dark modes. 

![ray.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1631096589200/c_K9CSDZN.jpeg)

## 4. [Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode)

A Visual Studio Code extension called Polacode lets you create screenshots that are unique and sharable. With Polacode, you can use your existing theme and fonts, which will make your layout look awesome.  

![polacode.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1631097070931/CwoLmwW6E.png)

## 5. [CodeSnap](https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap)

The CodeSnap extension is useful for creating code snippet images the same way that online tools do. In order to run the extension, you need only install it, select the piece of code that needs highlighting, press CTRL + P to launch the command window, and type >codesnap. It will be possible for you to export the image of your code locally.

![codesnap.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1631097232556/i1bd_7yl0.png)

## 6. [Carbon](https://carbon.now.sh/)

By using Carbon, you can create beautiful source code images to share with your friends. To get started, simply type your code or drop a file. So what are you waiting for? Go impress all of your followers with your newfound design prowess.   

![carbon.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1631097497018/PwaeHArJA.jpeg)

## 7. [ShareX](https://getsharex.com/)

The ShareX app was created for Windows users. In addition to capturing your screen, you can also take screenshots of scrolling code, so you don't have to crop your images. In addition, it has tools for editing and multiple capturing. The ShareX plugin can be used in your browser on any computer.  

![sharex-screenshot.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1631097545728/uLcQMjojK.png)

The best part of these awesome tools is that they are free. Make sure you check out all of the options to find the perfect one for your job. If you use any other tools feel free to comment below

> You can now extend your support by buying me a Coffee.😊👇

<a href="https://www.buymeacoffee.com/muthuannamalai" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>

Thanks for Reading 😊