Transfering from print to web problem

Question

My graphics person created a lot of great stuff for my business. She's not a website person, but gave me soem photo's so that I could code (I can hand code) them for the site.
But we're having a problem and I'm hoping someone can explain to me/her why it's happening. We're at a loss.
I have a temlate for my sites, however, I wanted it to be wider than it is. But we're having two problems that I don't understand ☺
What I'd like to do is tell her how to fix it :)
Basically she creates a graphic and then we need to cut it so that it download quicker on the web.
The file is created in adobe illustrator, then the file is rasterized to work with in adobe photoshop. The slices are then made in photoshop and saved for the web.
So that should be AOK... BUT>>>
Two problems occur:
One problem is the colors shift slightly when the file is converted to photoshop so the background of the file doesn't match up with the background of the website.
The other problem is that in the process of transferring the image from one type to another ends up somehow a lot of code is embedding into the image when it is saved for the web. What that does is make the photo size humungous.
For a sample see the header in http://www.businessandmarketingplan.elevatingyourbusiness.com
Just a little of the code that gets imbedded into the graphic is:
GIF89aî z Ä ÿÿÿòòøæçêÒÓßäÑ|¿¿¿¶¶ÜÓ´.¦§§Ì|y'}#pv¶fff^^®FH¢JMP!J'I:533 7o'(
0j +T : N ... w !ù ÿ , î z ÿ dihª®lë¾p,Ïtmßx®ï|ïÿÀ pH, ȤrÉl:ШtJZ¯Ø¬vËíz¿à°xL.Ïè´zÍn»ßð¸|N¯Ûïø¼~Ïïûÿ" ''"" ¡D
§¨¨¦§«©® « ¦±§ µ³´ »Á½¼Ã³±Ç»Ç¬®² ¹Ë¶ÍѲÊÆÊÈÊĬÂÁÀßàÆ ³ß ã½ÞÀèßÚ»Ùä°¼ÉÏ°®¸ùÌ ùýýÏüêùËÇo Á° úÀp¡Bøô ô7± Âf÷i, n ;råÌÁëhNÃGt(SÿÎ2y-Ú©
Ð2 7ÂÀmYNï2äâ`S
? EÚ
Thanks in advance,
Maria

Answer 1

Maria, the color mismatch is discussed here so frequently it is hard to get anyone to address it completely anymore.
Just looking at the header image, I see the designer did not embed a profile, which is one thing she has done right. Now what she needs to do is be sure the image is never being converted to a profile at any point as she works on it in Illustrator or Photoshop.
Illustrator CS3 will convert to sRGB on export from Save for Web under some circumstances: specifically, if she saves the image as a jpeg (and leaves the option enabled)... but since she is doing further work in Photoshop I hope she isn't saving to jpeg on the first save.
Illustrator CS2 and earlier will lighten PNG images when you Save For Web to PNG... I wonder if that is what she might be doing.
Photoshop can easily convert an image to a different color space on opening, depending upon your color management policies. So we'll have to know more about what she is doing before we can tell you what is happening, unless she can figure it out from the general comments I have made.
I'm not sure what you are talking about when you say there is extra code being embedded. It just looks like a standard GIF header so far.