Graphics

[KenP]

Is there a way to insert/paste a graphic onto a web page and get rid of the
white square/circle around the graphic so the only thing showing on the web
page would be the actual content of the graphic. I am using Paint.net and
have tried the vaious selection tools, but when copied an pasted the white
space still comes w/the graphic. Course I'm just using white as an example,
it could be any color.

Thanks in advance.
KenP

[Gregory A. Beamer]

=?Utf-8?B?S2VuUA==?= <Ke...@discussions.microsoft.com> wrote in
news:23550DDF-27CD-4C10...@microsoft.com:

If you want to cut out background, save as GIF or PNG and exclude the
background color (ie, set the transparency color to that color). You
cannot do this with JPG, as JPG has no concept of transparency. I assume
this is what you are looking for?

Since you mentione Paint.NET, try this:

1. Open graphic
2. Duplicate layer
3. Erase the "background" portion on the duplcated layer
4. Hide the original layer.
5. Save image and PNG or GIF (depending on type) and make sure
transparency is selected

the last step I am a bit fuzzy on the actual wording of the Paint.NET
save, but the concept is fairly straightforward.

Peace and Grace,

--
Gregory A. Beamer (MVP)

Twitter: @gbworld
Blog: http://gregorybeamer.spaces.live.com

*******************************************
| Think outside the box! |
*******************************************

[KenP]

Maybe I did not make myself very clear. I'm trying to get an object to show
up in a table for example with the table background which is a design vs a
color. I want this to be w/o the rectangle/square that comes with a graphic.
Hope this helps. Thanks Greg.

"Gregory A. Beamer" wrote:

> .
>

[senn]

"KenP" <Ke...@discussions.microsoft.com> skrev i meddelelsen
news:51C3F3C8-C9F6-4290...@microsoft.com...

> Maybe I did not make myself very clear. I'm trying to get an object to
> show
> up in a table for example with the table background which is a design vs a
> color. I want this to be w/o the rectangle/square that comes with a
> graphic.
> Hope this helps. Thanks Greg.
>
> "Gregory A. Beamer" wrote:

The normal way to handle it is to cut out the picture and save
it as a .png file. Alternate, as another said, set the unwanted
surrounding color to transparent and save as .jpeg/or .gif.
But, if the unwanted surrounding color also exist inside the
picture, then use the cut out method.
If you want to have it as a .jpg/or .jpeg
(some older browsers will not display .png files properly), then
you'll have to first cut it out and save as a .png file. Afterwards
in the painting program paint a retangle having the same color as
the background color of the table you're placing the picture in.
Then place the cut-out .png file above this retangle and group
together the two. Then save as a .jpg file having a suitable
compression. Some painting programs has a poor technique
and leaves a more or less color contaminated edge seen
around the perimeter. In some programs -as in Expression Design
- you can set the perimeter color to the same background color
as the picture container table. This render the .jpg saved picture
with a clean edge. -In some cases. Expression Design
is not the best.
/senn

[Ronx]

Make sure the canvas the image is composed on in Paint.Net is the same size
as the image - if it is larger, the difference between canvas and image may
be attached to the saved image as a border.
Also set the image border to 0 or none, preferably in CSS

img {border:none;} to remove any border if the image is used as a hyperlink.

The image border you are seeing cannot be any colour. It can only be:

1) The colour of the canvas used in Paint.Net
2) The background colour of the cell the image is pasted into
3) The background colour colour of the table
4) The colour used by hyperlinks - in desisign view of EW specifically the
a:link colour
5) The colour of a border that is a part of the image

Which colour is it?

Seeing a page with the problem will stop all the guessing and give a
solution.
--
Ron Symonds
Microsoft MVP (Expression Web)
http://www.rxs-enterprises.org/fp

Reply only to group - emails will be deleted unread.

"KenP" <Ke...@discussions.microsoft.com> wrote in message
news:51C3F3C8-C9F6-4290...@microsoft.com...

[Gregory A. Beamer]

=?Utf-8?B?S2VuUA==?= <Ke...@discussions.microsoft.com> wrote in
news:51C3F3C8-C9F6-4290...@microsoft.com:

> Maybe I did not make myself very clear. I'm trying to get an object to
> show up in a table for example with the table background which is a
> design vs a color. I want this to be w/o the rectangle/square that
> comes with a graphic. Hope this helps.

The advice is sound then. You create an image that allows transparency.
PNG and GIF are types that allow this. PNG has the added benefit of
producing better images, while GIF is great for clipart, line drawings
and the like, but does not do well with millions of colors (pictures),
at least not pictures with lots of colors.

I suggest something like Paint.NET (Free), Photoshop, JACS PaintShop
Pro, as all of these have the layer concept, where you don't have to
worry about placing the index color in for the transparency. Once you
have made the background "transparent", it will allow the background to
"bleed through" the transparent areas, accomplishing your goal.

The rectangle is still there, but it is invisble. You cannot make a
graphic anything other than square, although you can fake it by making
portions "disappear".