Wordpress & Web Development

How To Make Your Own Banner For Your Website

Simon Slangen 20-09-2009

1204275_fun_painting_2A banner might well be the representative of your site. It’s the little guys that goes around the internet and promotes you and your online brand.


To grasp the attention of people, you need a good, noticeable banner. One that makes people interested and which makes them want to check out what you’re trying to sell.

Before we go on, I want to point something out. If you really want a banner of outstanding quality, you should consider contracting a professional designer. Such a banner will nearly always be of superior quality than one that has been generated automatically. Nevertheless, for practicality, you can make your own banner with banner generators that will surely serve its purpose.


MyBannerMaker is probably the simplest banner generator we’re going to see today. Divided by tabs, you can tweak various characteristics, including size, background, text, border and effects. The generator allows you to use up to four different lines of text, all of which have adjustable formatting and positioning.

The real ‘styling’ of your banner happens in the background, border and effects department. You can use a gradient, or (advised, if you want better results) upload a picture. You can make one if you’re very creative, or search a free stock photo site like sxc.hu, which can turn up plenty of alternatives as well.

Most of the time, a border is not advised, but there are two exceptions. Either use it to create a slight contrast with your website, or – in this case – use it to separate the watermark from the rest of the banner. Use a very light color to drown it out, or make it stand out by creating a heavy contrast.


make your own banner

There are several interesting effects that you can apply. You’ll want to ignore any dynamic effects – people don’t want a banner to be screaming at them – but others, like Edge Detect can create a nice text accentuation.

make your own banner

After you’re done, you’ve got a few alternatives to downloading your banner. Already uploaded on ImageShack, you can request the BBCode or HTML, respectively to embed your banner in a forum or on a website.


PureSilva BannerMaker

My personal favorite to make your own banner is PureSilva’s BannerMaker. Although there are a ton of available options, the interface remains relatively simple.

The BannerMaker website hosts a ton of available background images, of both pictures and abstract colour-themes. Besides backgrounds, you can also use one of the multitude of overlay images. There are dark overlays to flourish up your background, or practical icons like the RSS icon I used.

how to make a banner

All the other functionality is there as well. You can change font formatting, even including shadow and glow, create a border, and upload images of your own.


If you’re still a bit lost here, read my tips for using borders and backgrounds above, in the BannerMaker explanation.

make banner

Unlike on these other websites, your image isn’t already uploaded to a hosting site. If you’re to use the banner on your website, you’ll first have to upload it yourself. For this purpose, PureSilva recommends Imgur, a free image host that doesn’t even require a sign-up.

Extra: BannerSketch

BannerSketch is pretty similar to MyBannerMaker. It uses the same tabbed interface and offers much of the same functionality. However, on these grounds, it does not beat MyBannerMaker. The strength of BannerSketch lies somewhere else.


how do i make a banner on my computer

As an alternative, if you don’t want to completely make your own banner from scratch, BannerSketch offers prebuilt templates. Not just one or two, but over 1,300 of them. All of these ‘backgrounds’ are specifically designed to create great banners. You can browse through them using a categoric interface, and quickly spot the one you need. Afterwards, you can succeed in altering the banner’s characteristics, tweaking text and border formatting.

make free banner

BannerSketch allows you to send the banner to your email address, but also uploads it to ImageShack and supplies you with all the necessary embed links. As an extra, BannerSketch removes its watermark after creation!

If you know of any other alternatives, be sure to drop a comment below!

Related topics: Web Design, Webmaster Tools.

Affiliate Disclosure: By buying the products we recommend, you help keep the site alive. Read more.

Whatsapp Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Clark
    September 26, 2009 at 2:47 am

    I will try to make a banner, Thanks.

  2. Refurbished laptop computers
    September 20, 2009 at 8:33 pm

    Great post and useful information. I have used X Header with good results. It is free and offers a lot of flexibility:


  3. Sarah
    September 20, 2009 at 10:59 am

    :-) Again Awesome Post.

  4. Young
    September 20, 2009 at 9:32 am

    It looks nice, I will check them out to see if I can make a nice banner for my blog.

  5. Alex
    September 20, 2009 at 9:21 am

    Hi! not nice, but see site link :)

  6. venkat
    September 20, 2009 at 7:21 am

    Hope I will design a banner for my blog using banner makers mentioned above.