Photoshop Qu
I've been taching myeslf PhotoShop. However i don't seem to be able to figure out why i get a white edging around my images when i put them on a webpage, on a navy background for example. How do you get rid of this white edging?
Alis Marsden
http://www.purplepages.ie
[email protected]
Justin S posted this at 19:38 — 13th September 2000.
They have: 2,076 posts
Joined: Jun 1999
It might not be Photoshop. I know that I've never had that problem, and don't know of anyone else having it either. Could it be a link border or table border or something? You might want to email the Adobe support department...
Justin Stayton - [email] [icq]
Brian Farkas posted this at 02:55 — 14th September 2000.
They have: 1,015 posts
Joined: Apr 1999
Hi,
If I'm thinking correctly, you're exporting as a transparent gif, correct? The problem is that you are doing it on a white background, and instead of white the background needs to be (or be close to) the color on your web page.
You see, photoshop antialiases graphics by default to make them appear smoother. This means "blending" the images into the background. The white you see along the edges is simply an attempt to make the image appear smoother on a white background. Change the background color, then export as a transparent gif doing exactly what you used to do, and you'll be fine
Brian
Adam Oberdorfer posted this at 04:32 — 14th September 2000.
They have: 383 posts
Joined: Sep 2000
If that’s not it.. Make sure you’ve got the border viable in your image tag (as Justin mentioned). Your image tag should look like:
Roo posted this at 07:29 — 17th September 2000.
She has: 840 posts
Joined: Apr 1999
Luckily that white border is no longer and issue in PS 5.5. But to get around it just select inside the image and crop it...when you save you should no longer have that white border showing.
Roo
Roo
doren posted this at 00:54 — 20th September 2000.
They have: 100 posts
Joined: Sep 1999
Pardon my bluntness but the suggested solutions are: sloppy kludges. Again excuse the bluntness as I know everyone is trying to help.
The cause of your white edges is known as anti-aliasing.
In the computer world edges are made with square pixels. Anti-aliasing was developed to aleviate the unnatural 'stair step'look that square pixels engender. Essentially what it does is make the pixels on the edge translucent so the background color shows through.
Better alternatives are:
1) use a background layer that matches the color of the background on the html page you are putting the final image on.
2) use a clear background. This however will result in the 'stair step' effect depending on how you output the final .gif. Sometimes this is the way to go however. To make a background layer clear you must double click on it and rename it layer 0 or anything but background.
3) in rare cases you might want to put the actual background image under your potential .gif then cut out the area that shows outside the .gif.
4) if you are working with someone elses image you might cut out the area around the image then use:
Layer/matting/defringe or the black or white matte options
This last way is also a kludge, and sloppy but what ever works.
OK if you have any more questions email me
[email protected]
doren posted this at 00:57 — 20th September 2000.
They have: 100 posts
Joined: Sep 1999
I didn't read Brian's answer closely enough, sorry! he's right but hopefully you'll find my answer helpful.
Mike Fisher posted this at 19:00 — 20th September 2000.
They have: 429 posts
Joined: Jul 2000
You would -never- want to do this. This causes your images to look static from the background! If you had a background image that was something like a texture, what you would do was to first use the Sponge Filter, smack it up in that so that all of the colors blend.. and then apply.. select the color that appears the most.
That is horribly simplified, however. The fact remains that you'd never want make an image with the previous method.
Mike Fisher - TWF Conquerer
"Don't trust a spiritual leader that cannot dance."
doren posted this at 00:57 — 21st September 2000.
They have: 100 posts
Joined: Sep 1999
Mike,
I can't find a sponge filter in my Photoshop, perhaps you mean the sponge tool.
I said RARE cases.
OK
Mike Fisher posted this at 03:20 — 21st September 2000.
They have: 429 posts
Joined: Jul 2000
Filter>Artistic>Sponge.
To be utterly blunt: I'd like to see a rare case; because in all of the cases I've ever seen it used in, it looks TERRIBLE.
Mike Fisher - TWF Conquerer
"Don't trust a spiritual leader that cannot dance."
doren posted this at 23:37 — 27th September 2000.
They have: 100 posts
Joined: Sep 1999
Mike,
>To be utterly blunt: I'd like to see a rare case; because in all of the cases I've ever seen it used in, it looks TERRIBLE.<
In my reply I was trying to shed light on the reasons that fringes appear, and how 'transparent' edges work. Most of the previous posters weren't thinking along this line and in my memory it is a subject that is a bit hard to grasp on first encounter.
However, I can give you a hypothetical example. If you had a varigated background (not a texture - say a photo) and you wanted to put a gif image with a rollover over the background. Now some may say that this is a bad design idea, but some clients insist on bad design. There are cases where you cannot convince a client that there are better avenues to persue.
But you are probably right. There are probably are better ways to accomplish this. Sliceing might be one. Can you suggest any others?
As for the sponge filter. It's one I rarely use but I'll be trying your suggestion. That's the nice thing about Photoshop. After years of using it I consistantly find new stuff I've either ignored or didn't know about.
Mike Fisher posted this at 00:17 — 28th September 2000.
They have: 429 posts
Joined: Jul 2000
Well, if we're doing that, depending on the background, then I'd just say go with the Sponge-type dealio.
'Course, that's all I can think of, and as you said.. Photoshop is a constant surprise.
Mike Fisher - TWF Conquerer
"Don't trust a spiritual leader that cannot dance."
JP Stones posted this at 00:26 — 28th September 2000.
They have: 2,390 posts
Joined: Nov 1998
I have not read the full post but herer is a solution:
If you have Photoshop you prob have Image Ready.
Import any img from PS to IR and before saving optimised as set your matting to the webpage colour.
JP
Mike Fisher posted this at 00:43 — 28th September 2000.
They have: 429 posts
Joined: Jul 2000
Hah hah! We have beat you, JP! Please mail all of your belongings in a sealed brown envelope to..
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.