Easily crop, flip, and rotate images.
Add rectangles, ellipses, or arrows over an image.
Save edited images in different formats and sizes.

.NET 10 support now available

Trusted by the world’s leading companies

WPF image editor

Overview

The WPF Image Editor control lets you easily modify images by performing actions like cropping, rotating, and inserting text.

Drawing shapes

Annotate shapes like rectangles, circles, and arrows over an image. This feature also supports z-ordering the shapes. Adding shapes to an image is widely used to mask an unwanted area or to point out a specific region in the image. Rectangles and circles can be customized by either filling the shape or drawing it as an outline. Shapes can also be resized.

Shapes in WPF Image Editor

Drawing shapes such as rectangles, circles, and arrows.

Image transformation

Rotate and flip images with all edits.

Image transformation documentation

Rotation support for images.

Rotation

Image rotations are used to rotate any upside-down images taken with a camera. The orientation of an image can also be changed.

Image Rotation documentation

Flip support for images.

Flip

Flip an image to create a mirror image of the original.

Flip support documentation

Cropping

Crop a particular region of an image to a desired size. There are many useful, predefined aspect ratios available. The cropping rectangle can be resized according to the aspect ratio.

Image Cropping documentation

Cropping support for images with aspect ratio.

Text annotation

Edit an image by adding a text annotation to show useful information over an image. Also, you can make the text bold, change the font family, and align, italicize, or underline your text.

Text Annotation documentation

Text annotation support for Image Editor.

Custom view annotation

Any image can be added over another image as an annotation to add more information. The annotated image can be resized and positioned to any desired size and location.

Custom view documentation

Custom view annotation support for Image Editor.

Image picker

By browsing the local folder any image can be loaded directly in the Image Editor for processing.

Image Picker documentation

Image picker support for Image Editor.

Commands

Default toolbar items can be customized and its functionality can be either maintained using default commands or modified with user-defined commands.

Commanding support for Image Editor.

Editing utilities

The WPF Image Editor control supports save, reset, undo, and redo operations to enhance the editing experience.

Save

Edited images can be saved in multiple formats, such as .png, .jpg, and .bmp, to a desired location on a device. Also, the size of the images can customized.

Undo and redo

The WPF Image Editor control supports n number of undo and redo operations for all editing actions performed on an image. Use this to undo any unwanted editing action or redo previously undone actions.

Reset

Reset an image to its original form by discarding any editing changes done to an image.

Zooming and panning

Zoom an image. The zoomed image can be panned smoothly to view the desired region. All features, like text and shapes, are compatible with zooming and panning.

Image Zooming documentation

Zooming and panning support for the Image Editor.

WPF Image Editor Toolbar can be fully customized and made visible or hidden. Additional items can be populated in the toolbar.

Toolbar documentation

Z ordering

The image editor allows you to change the position of shapes that are arranged in the editor.

Z ordering documentation

Localization

Localization is the process of translating the application resources into different languages for specific cultures.

Localization documentation

WPF Image Editor Code Example

Easily get started with the WPF Image Editor using a few simple lines of XAML or C# code example as demonstrated below. Also explore our WPF Image Editor Example that shows you how to render and configure the image editor in WPF.

xaml
c#
<Window xmlns:editor="clr-namespace:Syncfusion.UI.Xaml.ImageEditor;assembly=Syncfusion.SfImageEditor.WPF">
    <editor:SfImageEditor />    
</Window>
/using Syncfusion.UI.Xaml.ImageEditor;
using System.Windows;
namespace ImageEditorExample
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            SfImageEditor editor = new SfImageEditor();
            this.Content = editor;
        }
    }
}

Not sure how to create your first WPF Image Editor? Our documentation can help.

I’d love to read it now

ALL CONTROLS

GRIDS

DATA VISUALIZATION

MODERN THEMES

Theme Studio

LAYOUT

NAVIGATION

INPUT CONTROLS

BUTTONS

CALENDARS

BUSINESS INTELLIGENCE

DATA SCIENCE

Predictive Analytics

MISCELLANEOUS

LISTS & DROPDOWN

NOTIFICATION

FILE VIEWERS & EDITORS

CONVERSATIONAL UI

AI AssistView PREVIEW

Frequently Asked Questions

✅ Why should you choose Syncfusion WPF Image Editor?

The WPF image editor control is a very handy tool that is used to edit an image by annotating with text, pen, and built-in shapes. - Crop, rotate, and flip an image. - The image editor control has a built-in toolbar to perform editing operations.- Simple configuration and API.- Touch friendly and responsive.- Extensive demos and documentation to learn quickly and get started with the WPF Image Editor.

✅ Where can I find the Syncfusion WPF Image Editor demo?

You can find our WPF Image Editor demo on

GitHub location.

App center location.

Microsoft location.

✅ Can I download and utilize the Syncfusion WPF Image Editor for free?

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

✅ How do I get started with Syncfusion WPF Image Editor?

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion^® reduces customers’ development time.
Here are some of their experiences.

Excellent experience with Syncfusion!

Syncfusion is a product that makes life easier! I use it to create Blazor applications (server side and webassembly) and the controls speed up development a lot. Furthermore, if needed, it is possible to ask for direct support that is never long in coming!

Andrea Scarpante,

Sydea srl

The complete component set

It is the most complete component set available. Also very handy is the fact that there is a community edition, this gives me the opportunity to test thing at home without buying a separate license.

Johan Visser,

H and T Pawnbrokers

See Real Success Stories

Developers around the world trust Syncfusion’s Essential Studio to simplify complex projects and speed up delivery. With a vast library of UI controls, powerful SDKs, and reliable support, Essential Studio helps teams build enterprise-ready applications with confidence.

Explore Case Studies

Industry

Software development

75%Cost reduction

50%Faster development

“If somebody is looking for a great tool to work with? Yes. I would definitely recommend Syncfusion for anyone who is trying to develop something meaningful.”

- Somnath Maji (Founder of Igniatek Consultancy)

Read Story