This tutorial will show you the simple way to add a border to an image. I’ll show two methods that you can use. Your image will look like after you add a border.

Image without border

image without border

 

Image with border

image with border

Method 1

In this method, I’ll show you how to add border using The GNU Image Manipulation Program, GIMP. GIMP is a free software. You can download HERE.

Step 1

Click on Select menu and click All.

how to add a border to an images

Step 2

Then, click on Select menu again and click Border

how to add a border to an images

Step 3

A new window will open. Choose your pixel. I usually use two. Click Ok

how to add a border to an images

Step 4

Now, Click on Edit menu and and hit on Fill with FG Color. You already finish =)

how to add a border to an images

Method 2

This is the most simple method. No software needed.
Use the following code :

<img src=”Your_Image_Adress” style=”border:2px solid  #000000″>


Example:
My image location is “blinkky.com/images/logo_without_border.gif”
The code that I’ll use look like below :

<img src=”http://www.blinkky.com/images/logo_without_border.gif“style=”border:2px solid  #000000″>

 


Now, My image will look like below:

You can change the border to any size you want. That’s it. All done =)

Tags: , , , ,

32 Comments
How to, Tips and Tricks