Create Border around image

Add a coloured border around your image, or create a button like impression with raised or lowered sides of the image.


To open the Border tools, click on the "Add Border" button:
Add Border
Select the type of border, the border width and the border color.


Outline image

You can outline your image by selecting "outline" as bordertype. Your image will get a border of the colour you choose from the colour picker. With the "Borderwidth", you can set the border thickness. Adding an outlined border to your image will enlarge your canvas.

Always click the "Apply" button to add the border to your final image!


Raised or Lowered edges

It is also possible to choose a "raised" or "lowered" button effect on your images.
Below are examples of these borders. You can see that some shading effect will be applied to the images.

Format: JPG

Border: Outline
Width: 3
Color: Lime

Border: Raised
Width: 7

Border: Lowered
Width: 7


Button 'on click' example

The "Raised" and "Lowered" borders you can use in your webpage design as buttons.


Here a simple example.

The default picture is a border 'raised' and when clicked on the image a border 'lowered' is shown.

Press the picture next to here to get a "pressed" impression:

Click The
Image


Border around animated gif

You can also add borders to ANIMATED gifs.
Original Image
Format: GIF

Border: Outline
Width: 3

Border: Raised
Width: 5

Border: Lowered
Width: 5

Borders can only be applied on animated gifs which do not have transparency!

Animated Button Example

The "Raised" and "Lowered" borders you can use in your webpage design as buttons.

Here a simple example.

The default picture is a border 'raised' and when clicked on the image a border 'lowered' is shown.

Press the picture next to here to get a "pressed" impression:


Click Me!

Back to image editor
Back to Help Index