designing a web page....image problems...

[theNEOone]

i'm building a site for my lab, and the professor wants it modelled after the department site. I have to change some of the navigation. the original designers used .gif images of "home, people, etc." naturally i need to change some of the navigation to fit the needs of the new site. when i go to photoshop and make a 95x25 gif (the same dimensions of the original images) and plug them into dreamweaver, it produces a pixelated images, while the gifs i carried over from the original site look fine.

here's a sample

anyone know how to rememdy this? what about any forums for web graphics/web design? any help would be appreciated.



=|

 

[Tetsuo]

add width and height to the img tag

 

[theNEOone]

Originally posted by: Tetsuo
add width and height to the img tag

the link about does have width and height on the img tag. argh, i'm pissed. :|


=|

 

[TMPadmin]

Originally posted by: Tetsuo
add width and height to the img tag

take them out

 

[mooojojojo]

Well if you can link to the HTML with the distorted images perhaps we can offer more helpful advice. 🙂

 

[Tetsuo]

Originally posted by: theNEOone

Originally posted by: Tetsuo
add width and height to the img tag

the link about does have width and height on the img tag. argh, i'm pissed. :|


=|

With the correct pixels?

 

[Ness]

This could be a number of things, but it sounds MOST like a problem with the web, not the images or anything.

The internet has a very defined list of colors it can use to display images, and when you save an image, if it isn't using those colors, it shows up pixelated in IE, or whatever browser you choose.

-If you are saving with transparent BGs, try changing the "Matte Color" to #6A7D84, which is the same color of the BG it's on...

-If not, The closest you can come to stopping this is when you have the images in PS, go to and try using "Indexed Color".


I would suggest skipping the gifs altogether, and just using tables. It'd be easier than you think with that design and not only that but it would NEVER get pixelated.

 

[mcurphy]

there's also an option in PhotoShop where you specify whether the font is smoothed, strong, bold, and whatever. I can't remember exactly what the options were, but this sounds like what you rproblem is. I had the same problem one time. Just mess around with the different font settings and it should be fixable in Pshop. Also, www.eyesondesign.net is a friendly web design forum that I used to get a lot of help from.