5 Free Code Screenshot Generators

title: 5 Free Code Screenshot Generators for Converting Code to Images
date: 2022-03-16 16:23:14
toc: true
index_img: https://b3logfile.com/file/2022/03/Snipaste_2022-03-16_16-31-32-a46da232.png
category:

Sharing
tags:
Sharing
Free
Code
Screenshot
Generation
Conversion
Image

Code Validation#

Below are the codes used for validation in all websites:

package demo;

import java.io.File;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

@Controller
@RequestMapping(value = "/api/zzb/relation", method = RequestMethod.POST)
@RestApi(docUrl = "/zzb/relation/restservice/zzbRelationRestHelp.jsp", name = "excelHandleRest", resourceKey = "zzb-relation:zzbRelation.event.excelHandleRest")
public class ExcelHandleRest {

    private static final Logger logger = org.slf4j.LoggerFactory.getLogger(ExcelHandleRest.class);

    final String projectPath = System.getProperty("user.dir");

    final String url = StrUtil.format("{}{}zzb{}relation{}zzb.xlsx", projectPath,
            File.separator,
            File.separator,
            File.separator);

    public void init() {
        LoggerContext loggerContext = (LoggerContext) LoggerFactory.getILoggerFactory();
        ch.qos.logback.classic.Logger vLogger = loggerContext.getLogger("com.landray.kmss.zzb.relation.rest.ExcelHandleRest");
        vLogger.setLevel(ch.qos.logback.classic.Level.INFO);
        logger.info("【Test】Chinese Effect -> {}", DateUtil.now());
    }
}

Carbon #

This is a free online tool that allows you to present beautiful images of your source code and share them in the community.

Simply copy and paste your code or drag and drop files into the editor.

Customize the image by changing the theme, background color/image, and more.

The "Settings" panel is available to choose the appropriate font, font size, padding, add watermarks, and many other customization options.

Once you have the aesthetics you desire, you can save the code snippet and download it as a PNG/SVG file or create a URL link pointing to the image to be posted on any social media platform.

Many keyboard shortcuts are provided for ease of use.

Kod.so #

Kod.so is a very simple online tool that does exactly the same as creating beautiful images of code snippets.

Simply type your code directly in the provided blank or copy and paste code from your IDE.

Change the background color/pattern and complete other customizations such as syntax type, font, shadow, padding, watermark, etc. An interesting feature is that you can create code windows with customizable rounded corners.

Once you have done all these operations, you can download the image (JPG/PNG/SVG) to your local disk or provide a link pointing to it that you can share when needed.

Long code will cause the image to not be output and does not support Chinese!!!

After switching to short code, the image appears but Chinese is not supported.

Codeimg.io #

This excellent tool allows you to choose social network templates such as Facebook, Twitter, Instagram, etc. to share the image of the code snippet.

Type or paste the code directly into the editor. Choose the window style as Windows or MacOS and customize other settings such as background color, padding, font, shadow, etc.

From the "Editor" panel, you can also choose some attractive pre-configured themes and select code syntax such as JavaScript, Apache, etc. Finally, save the image of the code snippet as PNG, JPEG, or SVG.

However, unlike the previous two tools, there is no option to create a URL link pointing to the image.

Ray.so #

This tool also allows you to create beautiful images of code with gradient backgrounds.

It works in a similar way to the previous tools.

Type or paste the code in the provided blank.

Choose the background color, padding, dark mode settings, and language syntax.

Once done, download the image in PNG/SVG format or create a link to share according to your requirements.

Codekeep.io #

Codekeep is a very powerful tool that generates images from code snippets.

Type or paste the code from your IDE.

Choose the appropriate template and perform a series of useful customizations such as setting themes, shadows, rounded corners of the code window, and more in the "General Settings" tab. Choose the background color and add images/icons from the respective tabs of Codekeep.

Finally, download the image in PNG format or directly share the link on Twitter. If needed, you can also share the same link on any other platform.