Click here to Skip to main content
12,453,873 members (88,175 online)
Click here to Skip to main content
Add your own
alternative version

Stats

105.5K views
4.7K downloads
80 bookmarked
Posted

Merging Images in .NET

, 28 Jun 2006 CPOL
Rate this:
Please Sign up or sign in to vote.
Sometimes, we need to place one or more images on the other image’s surface or create an image from a few image files by joining them together. For example, we have “a.jpg”, “b.jpg” and “c.jpg” files and we need to create an image with the word “abc”. In this short tutorial, I will show how to do th
Sample Image - output.jpg

Introduction

Sometimes, we need to place one or more images on the other image’s surface or create an image from a few image files by joining them together. For example, we have a.jpg, b.jpg and c.jpg files and we need to create an image with the word “abc”. In this short tutorial, I will show how to do this.

The System.Drawing namespace in the .NET Framework provides access to basic graphics functionality and System.Drawing.Imagine namespace includes classes and interfaces that provide imaging functionality. To use those namespaces, you need to add a reference to System.Drawing.dll in the Solution Explorer.

Coding

Now let’s discuss the code. At first, we need to create a new image on the surface of which we will place all three images (a, b, c) to create the word “abc”:

// Create a new image
Image img = new Bitmap(300, 100);

Two parameters determine the dimension of the new image. If we want to use the already existing image as background, we can create an image from file:

// Create image object from existing image
Image img = Image.FromFile("Image.jpg");

Before make changes with img, we need to convert it to a Graphics object:

Graphics g = Graphics.FromImage(img);

Now using Graphics.DrawImage method, we can put all letters on the image:

// Place a.gif
g.DrawImage(Image.FromFile("a.gif"), new Point(10, 10));
   
// Place b.jpg
g.DrawImage(Image.FromFile("b.jpg"), new Point(70, 10));
   
// Place c.jpg
g.DrawImage(Image.FromFile("c.jpg"), new Point(130, 10));

The first parameter is the image object, the second – object Point that we use to determine a position by rectangular coordinates.

To save the result in a file, call the Image.Save method:

// Save changes as output.jpg
img.Save("output.jpg", ImageFormat.Jpeg);

GDI library supports a lot of graphic formats. For instance, you can save the result as GIF or PNG:

// Save changes as output.gif
img.Save("output.gif", ImageFormat.Gif);

// Save changes as output.png
img.Save("output.png", ImageFormat.Png);

To display graphics without a white border, I saved letter A as a GIF file and used transparency. As we see far in the result, Graphics.DrawImage method detects that Image object includes a transparency layer and places it in the right way.

All source files with example images can be download from here.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Alexander Kleshchevnikov
Web Developer
Ukraine Ukraine
Alexander is freelance web developer with 4 years experience. He has skills in ASP.NET/MS SQL Server, PHP/MySQL, Ruby On Rails, XHTML, CSS. You can contact with me by seigo.ua@gmail.com. Also check my homepage at www.klalex.com.

You may also be interested in...

Pro
Pro

Comments and Discussions

 
GeneralThanks it worked !!! Pin
vinayrtvm2-Dec-13 23:30
professionalvinayrtvm2-Dec-13 23:30 
QuestionMerging two image reduce the image size Pin
Anbu arunmozhi18-Jul-13 23:11
memberAnbu arunmozhi18-Jul-13 23:11 
AnswerRe: Merging two image reduce the image size Pin
SaintKith21-Oct-14 20:33
memberSaintKith21-Oct-14 20:33 
GeneralMy vote of 2 Pin
Anbu arunmozhi18-Jul-13 23:10
memberAnbu arunmozhi18-Jul-13 23:10 
Questionsir is it possible to using drag ans drop to picturebox Pin
gunakar11-May-13 5:57
membergunakar11-May-13 5:57 
QuestionHow did you enable the transparency layer for a.gif?? Pin
Rajiv Charan Tej K21-Oct-12 20:25
memberRajiv Charan Tej K21-Oct-12 20:25 
AnswerRe: How did you enable the transparency layer for a.gif?? Pin
Anbu arunmozhi18-Jul-13 23:13
memberAnbu arunmozhi18-Jul-13 23:13 
GeneralMy vote of 5 Pin
Ashish Tripathi13-Sep-12 6:40
memberAshish Tripathi13-Sep-12 6:40 
Questionoverlay image on video Pin
jymitra13-Feb-11 19:40
memberjymitra13-Feb-11 19:40 
GeneralMy vote of 5 Pin
Michael Boyd22-Sep-10 4:29
memberMichael Boyd22-Sep-10 4:29 
GeneralForgot to vote Pin
DonDriskell22-Jul-09 4:53
memberDonDriskell22-Jul-09 4:53 
GeneralNice Article Pin
DonDriskell22-Jul-09 4:48
memberDonDriskell22-Jul-09 4:48 
GeneralRe: Nice Article Pin
fgimage19-Jun-13 20:16
memberfgimage19-Jun-13 20:16 
GeneralRelease Memory Pin
JesseZ1-May-07 9:52
memberJesseZ1-May-07 9:52 
GeneralUpdated June 29, 2006 Pin
firmwaredsp29-Jun-06 18:03
memberfirmwaredsp29-Jun-06 18:03 
GeneralJust curious... Pin
Jun Du7-Jun-06 8:53
memberJun Du7-Jun-06 8:53 
GeneralRe: Just curious... Pin
Alexander Kleshchevnikov7-Jun-06 10:49
memberAlexander Kleshchevnikov7-Jun-06 10:49 
GeneralGood Pin
gbuela29-May-06 1:54
membergbuela29-May-06 1:54 
GeneralRe: Good Pin
stuart_roberts7-Jun-06 18:50
memberstuart_roberts7-Jun-06 18:50 
GeneralRe: Good Pin
Robban198025-Mar-07 5:40
memberRobban198025-Mar-07 5:40 
GeneralWhy Vote so low Pin
norm.net23-Jan-06 4:08
membernorm.net23-Jan-06 4:08 
GeneralRe: Why Vote so low Pin
Alexander Kleshchevnikov23-Jan-06 4:16
memberAlexander Kleshchevnikov23-Jan-06 4:16 
GeneralRe: Why Vote so low Pin
norm.net23-Jan-06 7:53
membernorm.net23-Jan-06 7:53 
GeneralRe: Why Vote so low [modified] Pin
Abishek Bellamkonda20-Jun-06 21:38
memberAbishek Bellamkonda20-Jun-06 21:38 
GeneralRe: Why Vote so low Pin
norm .net20-Jun-06 21:44
membernorm .net20-Jun-06 21:44 
GeneralRe: Why Vote so low Pin
Marc Clifton29-Jun-06 15:56
protectorMarc Clifton29-Jun-06 15:56 
GeneralRe: Why Vote so low Pin
stikoian8-Jun-06 2:35
memberstikoian8-Jun-06 2:35 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.160826.1 | Last Updated 29 Jun 2006
Article Copyright 2006 by Alexander Kleshchevnikov
Everything else Copyright © CodeProject, 1999-2016
Layout: fixed | fluid