Create a Thumbnail in C#

How to Create a Thumbnail Using C#

Creating image thumbnails provides a visual representation or preview of an image, video, or webpage. Thumbnails are typically smaller in size and help users quickly understand the topic or essence of the content before jumping into it. Thumbnails grab attention and play a vital role in attracting visitors to your website. With Aspose.SVG for .NET API, you can programmatically create thumbnails quickly and efficiently!

C# code example to create a thumbnail

A thumbnail is a small picture that is a miniature version of a larger image. You can create an image thumbnail with a few lines of code:

// Declare an SVG thumbnail generation function
SVGDocument CreateThumbnail(string imagePath, int width, int height)
{
    // Initialize a new instance of SVGDocument
    var document = new SVGDocument();

    // Create image element with specified size
    var image = (SVGImageElement)document.CreateElementNS("http://www.w3.org/2000/svg", "image");
    image.Href.BaseVal = imagePath;
    image.Width.BaseVal.Value = width;
    image.Height.BaseVal.Value = height;

    // Append the image element to the document
    document.DocumentElement.AppendChild(image);

    return document;
}

// Define thumbnail parameters
string source = "https://docs.aspose.com/html/images/georgia-castle.png";
int thumbnailWidth = 200;
int thumbnailHeight = 200;

// Create an svg thumbnail
using (var svg = CreateThumbnail(source, thumbnailWidth, thumbnailHeight))
{
    // 1) Save thumbnail to an SVG file
    svg.Save("image-thumbnail.svg");

    // 2) Save thumbnail to an image file
    var options = new ImageRenderingOptions
    {
        Format = ImageFormat.Png,
        PageSetup = { Sizing = SizingType.FitContent }
    };
    using (var device = new ImageDevice(options, "image-thumbnail.png"))
    {
        svg.RenderTo(device);
    }
}

Steps to Create a Thumbnail in C#

1. Declare an SVG thumbnail generation function using CreateThumbnail().
2. Initialize a new instance of the SVGDocument class.
3. Use the CreateElementNS(namespaceURI, qualifiedName) method of the SVGDocument class to create an image instance.
4. To add the <image> element to the document, use AppendChild() method.
5. Define thumbnail parameters – image source, thumbnail width and height.
6. Use the CreateThumbnail() method to create an SVG thumbnail and set the image’s attributes.
7. Use one of the ImageRenderingOptions() constructor to initialize a new instance of the ImageRenderingOptions class. You can customize the rendering process by specifying the SizingType , image format, etc. PNG is used as the default image format.
8. Create an instance of ImageDevice using the ImageDevice() constructor.
9. Call the RenderTo(device) method to send the current document to the output rendering device.
10. The image thumbnail will be saved into an image file on the specified path. Also, you can use Save() method to save the thumbnail as an SVG file.

Aspose.SVG C# library allows .NET developers to create thumbnails quickly and efficiently. The Aspose.Svg.Rendering.Image namespace provides specific device classes as well as a few rendering options classes responsible for rendering to raster formats: JPEG, PNG, BMP, GIF, and TIFF. Please visit our Documentation to learn more about using Aspose.SVG API functions.

FAQ

Get Started with .NET SVG API