Web image problem

JR
Posted By
john russell
Apr 28, 2006
Views
254
Replies
4
Status
Closed
I want to put an image with a faded edges on a Web page that is textured. It doesn’t seem to work so well because there is some white space around the image. I used Photoshop to create the image is there a way to fix this in Photoshop? Thanks.

JC
Related Tags
image problem

How to Master Sharpening in Photoshop

Give your photos a professional finish with sharpening in Photoshop. Learn to enhance details, create contrast, and prepare your images for print, web, and social media.

HL
Harry Limey
Apr 28, 2006
"John Russell" wrote in message
I want to put an image with a faded edges on a Web page that is textured. It doesn’t seem to work so well because there is some white space around the image. I used Photoshop to create the image is there a way to fix this in Photoshop? Thanks.

JC
Can you import the textured webpage into Photoshop and use that as the background layer for your faded edges image before saving for web?
RG
Roy G
Apr 28, 2006
"John Russell" wrote in message
I want to put an image with a faded edges on a Web page that is textured. It doesn’t seem to work so well because there is some white space around the image. I used Photoshop to create the image is there a way to fix this in Photoshop? Thanks.

JC
Hi.

Apart from Harry’s suggestion, have you tried changing it to a GIF, (instead of a Jpeg), with transparent background and edges.

The texture on the page might show through.

Roy G
T
Tacit
Apr 28, 2006
In article <S8p4g.5630$>,
"John Russell" wrote:

I want to put an image with a faded edges on a Web page that is textured. It doesn’t seem to work so well because there is some white space around the image.

Short answer: Don’t. (In fact, avoid textured backgrounds whenever possible. They are almost always a distracting nuisance.)

Long answer:

Only GIF and PNG images can be transparent.

GIF images have "all or nothing" transparency. You can not have translucency, so you can not have an image that fades out. You can simulate this effect, kinda sorta, by instructing Photoshop to dither the transparency in the Save for Web dialog, but the result doesn’t look very good.

PNG can have full, gorgeous, beautiful transparency, including translucency. However, Microsoft, which is a large computer software company staffed by idiots, imbeciles, and incompetents, does not support PNG transparency in Internet Explorer without some fancy trickery that may or may not always work. So it’s not a good bet to use, since for some unfathomable reason I will never discover, many people still continue to use Internet Explorer.

—
Art, photography, shareware, polyamory, literature, kink: all at http://www.xeromag.com/franklin.html
Nanohazard, Geek shirts, and more: http://www.villaintees.com
P
PSSandeman
Apr 29, 2006
If you are looking for something to get rid of the white line, you could try to sample your background color, then place an outer glow effect that is 1 to 2 pixels radius with the sampled color. That may help for you, and those poor people with the IE.

You could also try using a Matte setting depending on how you save your image.

Sandeman

How to Improve Photoshop Performance

Learn how to optimize Photoshop for maximum speed, troubleshoot common issues, and keep your projects organized so that you can work faster than ever before!

Related Discussion Topics

Nice and short text about related topics in discussion sections