Processing Images for website

[bannor1]

I have been elected to build a web site for our company I began not knowing much about doing this but I am learning as I go. My problem is now that I want to inclued several images of a variety of samples of labels that we produce. I have attached an image. There is white showing from the die line out. I can't seem to get the file size small enough to attach to meet this forum file size limit. I want to get rid of anything outside of the die line so when I place that image as a thumbnail in a page or table-I won't see white. I'm sure there has to be a very simple way to do this but since I am doing this as a novice and just beginning I am having no luck in figuring this out. I tried removing the white in photo shop then saving the file only to open it up again whth the white still there. Any body feel sorry enough for me to give a suggestion.
Thanks in Advance.
Bruce

[pmkprog]

Use the magic wand selection tool in Photoshop. Set the tolerance low enough so that it will only select the white area.

Then change into quick mask mode once that selection is made.

From there grab the paint bucket and fill all of the area outside where the white line is. Fill it with the same color as the line is in the mask.

Change back to normal view (out of quick mask).

If the area around the outer edge is currently selected, inverse the selection to have just your object selected. Copy it and paste it into a new layer.

Remove your bottom layer.

Save this as an image with "_web" in the title and keep it as a PSD.

Change it to RGB and make sure that the over all size is about where you'd like it to be for size on the page (measure in pixels).

Then save it for web out of Photoshop as a GIF or PNG and it should maintain the transparent area from Photoshop. You might have to monkey around with those settings to get the best fit for the web page.

[TimS]

In photoshop under the file menu, choose "Save for web". Then in the screen there choose the white, or whatever color you want, to be transparent, and save as a .gif. Don't forget to reduce the color depth if you can to make your .gif as small as possible, so your page loads faster.