Convert Markdown to Image – C#

If you need to preview a Markdown file, you can convert it to image formats. Using the Aspose.HTML class library, you can easily convert Markdown into JPG, PNG, BMP, GIF or TIFF files with just a few lines of code!

This article provides information on how to convert Markdown to Image formats using the Aspose.HTML for .NET API. You will learn about the supported conversion scenarios and consider C# examples to illustrate them. Also, you can try an Online Markdown Converter to test the Aspose.HTML API functionality and convert Markdown on the fly.

Online Markdown Converter

You can convert Markdown to other formats with Aspose.HTML for .NET API in real time. Please load Markdown from the local file system, select the output format and run the example. The save options are set by default. You will immediately receive the conversion result as a separate file.

If you want to convert Markdown to Image formats programmatically, please see the following C# code examples.

Convert Markdown to JPG in C#

Conversions from Markdown to other formats go through the Markdown to HTML conversion stage. If your scenario requires rendering Markdown document, for instance, to the JPG image file format, the following example demonstrates how that is simple:

1. Prepare a source Markdown document. In the example, we create a Markdown file from code.
2. Prepare a path for converted file saving.
3. Convert Markdown to HTML. Use the ConvertMarkdown(sourcePath) method to save Markdown as an HTML document.
4. Use the ConvertHTML() method to render the intermediary HTML document to JPG image. You need to pass the HTMLDocument, ImageSaveOptions, and output file path to the ConvertHTML() method for converting HTML to JPG.

If your case is to create a Markdown document from a user string directly in your code and convert it to a JPG file, the following example could help you:

// Prepare a path to a source Markdown file
string sourcePath = Path.Combine(OutputDir, "document.md");

// Prepare a simple Markdown example
var code = "### Hello, World!" +
           "\r\n" +
           "[visit applications](https://products.aspose.app/html/family)";
// Create a Markdown file
File.WriteAllText(sourcePath, code);

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "document-output.jpg");

// Convert Markdown to HTML
using var document = Converter.ConvertMarkdown(sourcePath);

// Convert HTML document to JPG image file format
Converter.ConvertHTML(document, new ImageSaveOptions(ImageFormat.Jpeg), savePath);

Convert Markdown to JPG using ImageSaveOptions

If your case is to convert an existing Markdown document from a local file system, the following example could help you. You need to follow a few steps:

1. Open an existing Markdown document. In the example, we load a Markdown file from a local file system ( nature.md).
2. Prepare a path for converted file saving.
3. Convert Markdown to HTML. Use the ConvertMarkdown(sourcePath) method of the Converter class to save Markdown as an HTML document.
4. Create a new ImageSaveOptions object and specify the required properties.
5. Use the ConvertHTML() method to render the intermediary HTML document to JPG image. You need to pass the HTMLDocument, ImageSaveOptions, and output file path to the ConvertHTML() method.

The following code snippet demonstrates how to convert Markdown to JPG using custom save options:

// Prepare a path to a source Markdown file
string sourcePath = Path.Combine(DataDir, "nature.md");

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "nature-options.jpg");

// Convert Markdown to HTML
using var document = Converter.ConvertMarkdown(sourcePath);

// Initialize ImageSaveOptions 
var options = new ImageSaveOptions(ImageFormat.Jpeg)
{
    UseAntialiasing = true,
    HorizontalResolution = 200,
    VerticalResolution = 200,
    BackgroundColor = System.Drawing.Color.AliceBlue
};
options.PageSetup.AnyPage = new Page(new Aspose.Html.Drawing.Size(600, 950), new Margin(30, 20, 10, 10));

// Convert HTML to JPG
Converter.ConvertHTML(document, options, savePath);

The ImageSaveOptions class provides numerous properties that give you full control over a wide range of parameters and improve the process of converting Markdown to JPG format. To learn more about ImageSaveOptions, please read the Fine-Tuning Converters article.

In the above example, we use:

• UseAntialiasing property that sets the rendering quality for this image. This example uses UseAntialiasing = true for quality rendering.
• HorizontalResolution and VerticalResolution properties that set horizontal/vertical resolution for output images in pixels per inch. By default, these properties are 300 dpi.
• BackgroundColor property that sets the color that will fill the background. The default BackgroundColor is Transparent.
• PageSetup property that specifies the page size and margins in pixels.

Use UseAntialiasing = true when you want to improve the visual quality of rendered shapes, text, and images in your application, especially when clarity and smooth edges are essential. Enabling antialiasing smooths out jagged edges by blending the colors of pixels around the edges, resulting in a softer, more refined look.

While UseAntialiasing = true provides better visual quality, it can also increase processing time. For applications where rendering speed is a priority, it may be optimal to set UseAntialiasing = false.

Convert Markdown to PNG in C#

The following code snippet demonstrates how to convert Markdown to PNG:

// Prepare a path to a source Markdown file
string sourcePath = Path.Combine(DataDir, "document.md");

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "output.png");

// Convert Markdown to HTML
using var document = Converter.ConvertMarkdown(sourcePath);

// Convert HTML document to PNG image file format
Converter.ConvertHTML(document, new ImageSaveOptions(), savePath);

Aspose.HTML offers a free online MD to PNG Converter that converts Markdown to PNG image with high quality, easy and fast. Just upload, convert your files and get the result in a few seconds!

Convert Markdown to BMP in C#

The following code snippet demonstrates how to convert Markdown to BMP:

// Prepare a path to a source Markdown file
string sourcePath = Path.Combine(DataDir, "document.md");

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "output.bmp");

// Convert Markdown to HTML
using var document = Converter.ConvertMarkdown(sourcePath);

// Convert HTML document to BMP image file format
Converter.ConvertHTML(document, new ImageSaveOptions(ImageFormat.Bmp), savePath);

Convert Markdown to GIF in C#

The following code snippet demonstrates how to convert Markdown to GIF:

// Prepare a path to a source Markdown file
string sourcePath = Path.Combine(DataDir, "document.md");

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "output.gif");

// Convert Markdown to HTML
using var document = Converter.ConvertMarkdown(sourcePath);

// Convert HTML document to GIF image file format
Converter.ConvertHTML(document, new ImageSaveOptions(ImageFormat.Gif), savePath);

Convert Markdown to TIFF in C#

The following code snippet demonstrates how to convert Markdown to TIFF:

// Prepare a path to a source Markdown file
string sourcePath = Path.Combine(DataDir, "document.md");

// Prepare a path to save the converted file
string savePath = Path.Combine(OutputDir, "output.tiff");

// Convert Markdown to HTML
using var document = Converter.ConvertMarkdown(sourcePath);

// Convert HTML document to TIFF image file format
Converter.ConvertHTML(document, new ImageSaveOptions(ImageFormat.Tiff), savePath);

Download the Aspose.HTML for .NET library, which allows you to successfully, quickly, and easily convert your HTML, MHTML, EPUB, SVG, and Markdown documents to the most popular formats.

You can check the quality of Markdown to JPG conversion with our online MD to JPG Converter. Upload, convert your files and get results in a few seconds. Try our forceful Markdown to JPG Converter for free now!