Jump to content

Web Banner

Recommended Posts


I'm new to this site and also semi-new to the world of hosting a site.

I was asked to see if I could run a web site for my friend and so far with a lot of help, it's tunring out ok, but the owner

keeps wanting new stuff.

I looked in the "Newbie Playground" and didn't see what I was looking for, so hopefully this isn't a question that I over-looked.

I want to make a new Title banner with a transparent background. But there will be no images, just fonts.

Example, if I want to make a banner, say, 800 x 150 and all I want to be seen is the wording: Bruce69Camaro

how would I do that?

One guy said all I need to do is save it as a "gif" file, but when I did that, it still had a white background.

Any help would be appreciated.

thank you


Link to comment
Share on other sites

Open a new file with 800x150 canvas.

Press Ctrl + A

Press Delete.

Add text.

Save as GIF or PNG.


Transparency is indicated by the gray-and-white checkerboard.

The checkerboard is not part of the actual image.

Edited by Sarkut
Link to comment
Share on other sites

The reason that Sarkut recommended GIF or PNG file formats is that these support transparency. JPG or BMP do not for example.

If you're specifically creating images for the web, then file size is always a major consideration. To make the size of your image as small as possible (reducing download time) try these tips:

1. Trim the image to the actual size you need to display. As you image is text and transparency, you're probably going to have a fair amount of whitespace in an 800x150 image. Select the critical area of your image and press CTRL SHIFT X to crop to that area. Hint: You can fine-tune the selection by using the Move Selection tool pdn35icons.MoveSelectionToolIcon.png before cropping.

2. Download and install the OptiPNG plugin. This gives you a new option (optimized PNG) in the filetypes of the Save/Save As..., dialogs. Selecting the Optimized PNG filetype will run a compression routine over the image before saving, resulting in a much smaller image.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...