Vertical Bars in Image 1

[duffs]

Hi,

This should be an easy one for someone to answer. I'm just not experienced enough to recognize the problem.

I just got Photoshop 7 at home. When I post a very simple image to the web, I'm getting verical bands. I don't see these bands on my screen in Photoshop.

When I tried a similar test at work (also using Photoshop 7), I didn't get the bands.

I set up two test pages (can't remember if I'm allowed to post URLs or not, but I'll try it)

This one I did using Photoshop 7 at home. Notice the vertical lines near the letters:

http://www.squirrelfreebirding.com/test.shtml

This one I did using Photoshop 7 at work. No lines.

http://www.silverleafdesign.com/test.htm

When I opened the home file from work, saved the gif and posted it, no bands.

Is there some default setting in my home version that is causing this weirdness? Or does it have to do with how I'm saving it? I'm doing Save For Web. I tried it as a gif, png8 and png24. No difference, all have bars when I did it from home.

Thanks.

 

[signal49]

I don't know about anyone else, but I don't see vertical banding in either of them!

 

[jmgalvin]

I don't see any bands either. Anyway, make sure you use Save For Web rather than Save As. Since you're using a drop shadow with a blur, jpeg would be better than gif which could introduce banding in the shadow I don't know what format you used.

By the way, I saw both of your pages with white backgrounds. I copied image from the second one - large TEST and pasted into a new PS doc with a transparent background. It showed in PS with a black background. I did the same with the first - little TEST - and got the white background as it appeared on the web page

Using OSX 10.3.9 on a G4

 

[duffs]

Really, you don't see the vertical bands?

Maybe I should describe them better because I see them whether I look at the pages from home or work, using either IE 6 or Firefox 1.

Look at the first test page. Scroll down to the IN. On the left side of the N and the left side of the I, there is a faint white streak through the side of the letter. The faint white streak appears across the N, I see 5 in total. The lines don't actually cross the stroke of the letter, but they appear where the blur of the letter starts and they end where the solid part of the letter is.

The letters are also very jagged looking (look at the big Test). At first I thought it was due to anti-alias being off, but it was also off for the 2nd test page, and the letters are not jagged like that.

You don't see the bars and the jags?

On the second test page, this doesn't happen. All of the letter from the blur on is the color.

I tried it with JPG as well, but the color looked really splotchy. Can't remember if the bars were there or not.

As I mentioned, I tried GIFS and PNGS with the same results.

I think in one image I had a transparent background, but in the other, I had a white background. Not sure why you'd see a black background.

Hmm...very very puzzling. Any ideas?

Thanks.

 

[jimoblak]

The bands are appearing because you scale the image in your HTML IMG SRC tag. Cut that out! Scale the image to its original size and there is no problem.

I can see the bars in the last large graphic at

http://www.squirrelfreebirding.com/test.shtml

[760 pixesl by 140 pixels] but viewing

http://www.squirrelfreebirding.com/images/testir.gif

directly (and without the HTML IMG tag scaling) [693 pixels by 140 pixels], there is no problem.

 

[duffs]

Ohhhhhh!!!!!! Of course!!!!!

See, I knew it would be an easy answer for someone!!!

Thanks a lot!

--SUsie