Website Review and Suggestions

**VirtuosiMedia** · 08-01-2009, 02:21 PM

Quote:

Originally Posted by wayfarer07

VM: I'd like to see your header seem more connected. What do you think of this:

Thanks for the suggestion, Abel. I think for now that I'll keep them separate because they actually have (or will have) separate purposes. Eventually, the dark gray bar will have a login form or profile information, depending on if you're logged in or not. Also, the lighter gray bar also has a breadcrumb menu in it on any page but the home page.

Quote:

Also, notice that your logo is slightly off color from the bar around it? That should be fixed.

Good catch, I didn't even notice that. So here's the crazy thing: You're right and so of course I checked to see if I just made a dumb mistake - They're the exact same color hexcode (#404040), but they are rendered differently. The logo was made in Fireworks and the rest of the bar is just CSS. If you look real closely, you can see the same problem with the rounded corners. Any ideas? I'm stumped for the moment.

**VirtuosiMedia** · 08-01-2009, 03:10 PM

Ah, I think I figured it out. I have two different images, one has all the different layers and is used for editing, the other is a flattened and compressed version of the same. As it turns out, PNG8 isn't a lossless format. However, the size difference in files between a PNG24 (which appears correctly) and a PNG8 (slightly-off) is 38K and 11K respectively. So it's a trade-off, I guess. I just have to decide which is more important. The other option, I guess, would be to change the shade slightly. I'll have to think about it.

**wayfarer07** · 08-01-2009, 03:16 PM

I know in Photoshop you can ratchet a PNG8 up, and make more colors available to it. I've always been able to make flat colors match a PNG24 exactly by doing this. I don't know anything about Fireworks though.