Web Design Forums

cols2910 · 14-09-2007, 09:57

Afternoon all.

First off I hope I have posted this in the correct area. If not, please accept my apologies.

I have an image with a white background. There are also black lines that depict a dog which also has a white body. I am trying to set the image to be transparent which I can do, but when I put this onto the webpage which has a background colour of #FF9933 (an orangey colour), I end up with blocky bits of white an orange around the black lines of the dog.

How on earth do I clean this up so that the image sits seamlessly on the orange background. I have tried everything I can think of but to no aval.

All help greatly appreciated

Thanks,
Col

cols2910 · 14-09-2007, 09:58

Guys. Sorry. The heading should read "Help - Image Transparency Problems"

haku · 14-09-2007, 10:37

can you post the image and/or the page you are putting it on?

cols2910 · 14-09-2007, 10:51

Hi Haku

Sure can. I have attached the original image. I did convert this to a gif however

Thanks
Col

haku · 14-09-2007, 11:58

Sorry, I just get this error with that pic:

Quote:

The image “http://www.designerstalk.com/forums/...nines-dog.jpg” cannot be displayed, because it contains errors.

cols2910 · 14-09-2007, 13:16

Hi Haku

I tried the same and did not get an error as such but it wouldn't display the image. I then saved the thumbnail (Save Target As) and I could view it then.

I have attached again to see if it works any better

Thanks,
Colin

haku · 14-09-2007, 14:19

Same error. Sorry mate.

cols2910 · 14-09-2007, 14:47

Hmm nightmare.

I'll try a gif this time

Cheers,
Col

cjgraphix · 14-09-2007, 15:14

What image editor are you creating the image in? When saved for web in Photoshop there is an option for a matte color which needs to be set to the background color.

cols2910 · 14-09-2007, 15:24

H CJGraphix

I have tried Coreldraw12 and Fireworks but both with the same result. I think its me doing something wrong as when I set the image background colour to that of the webpage I get a blocky mix of white and orange around the black lines

Thanks,
Col

haku · 14-09-2007, 15:31

Here you go dude.

I opened it in photoshop, changed the color mode to RGB, used the magic wand select all the white in the image, then used the background tool to erase all the white that was selected, and finally saved it when I was done. I tried it in photoshop over a #ff9933 background, and it looked fine to me.

cols2910 · 14-09-2007, 15:34

Thanks Haku
I do feel that it is me that is messing up here. When you tried it with the orange background , was the dog still shown in white?

Col

cols2910 · 14-09-2007, 16:47

Haku,

That works perfectly. Thanks again for taking the time and trouble to help me man

Cheers,
Col

haku · 15-09-2007, 04:07

Did you want the dog to be white?

cols2910 · 17-09-2007, 05:26

Hi Haku,

I did want the dog white but I managed to do that bit myself after you had done the hard part.

Very many thanks again for your help

Cheers,
Col

14-09-2007, 09:57	#1 (permalink)
cols2910 Registered User Join Date: Sep 2007 Posts: 9	Help _Iamge transparency problems Afternoon all. First off I hope I have posted this in the correct area. If not, please accept my apologies. I have an image with a white background. There are also black lines that depict a dog which also has a white body. I am trying to set the image to be transparent which I can do, but when I put this onto the webpage which has a background colour of #FF9933 (an orangey colour), I end up with blocky bits of white an orange around the black lines of the dog. How on earth do I clean this up so that the image sits seamlessly on the orange background. I have tried everything I can think of but to no aval. All help greatly appreciated Thanks, Col

14-09-2007, 10:51	#4 (permalink)
cols2910 Registered User Join Date: Sep 2007 Posts: 9	Hi Haku Sure can. I have attached the original image. I did convert this to a gif however Thanks Col Attached Thumbnails

14-09-2007, 13:16	#6 (permalink)
cols2910 Registered User Join Date: Sep 2007 Posts: 9	Hi Haku I tried the same and did not get an error as such but it wouldn't display the image. I then saved the thumbnail (Save Target As) and I could view it then. I have attached again to see if it works any better Thanks, Colin Attached Thumbnails

14-09-2007, 14:47	#8 (permalink)
cols2910 Registered User Join Date: Sep 2007 Posts: 9	Hmm nightmare. I'll try a gif this time Cheers, Col Attached Thumbnails

14-09-2007, 15:14	#9 (permalink)
cjgraphix Website Developer Join Date: Jun 2007 Location: Pacific Northwest Posts: 334	What image editor are you creating the image in? When saved for web in Photoshop there is an option for a matte color which needs to be set to the background color. __________________ Bend Oregon Web Design and Website Development

14-09-2007, 09:58	#2 (permalink)
cols2910 Registered User Join Date: Sep 2007 Posts: 9	Guys. Sorry. The heading should read "Help - Image Transparency Problems"

14-09-2007, 10:37	#3 (permalink)
haku shiro Join Date: Aug 2007 Location: Yokohama, Japan Posts: 1,812	can you post the image and/or the page you are putting it on?

14-09-2007, 14:19	#7 (permalink)
haku shiro Join Date: Aug 2007 Location: Yokohama, Japan Posts: 1,812	Same error. Sorry mate.

14-09-2007, 15:24	#10 (permalink)
cols2910 Registered User Join Date: Sep 2007 Posts: 9	H CJGraphix I have tried Coreldraw12 and Fireworks but both with the same result. I think its me doing something wrong as when I set the image background colour to that of the webpage I get a blocky mix of white and orange around the black lines Thanks, Col

14-09-2007, 15:31	#11 (permalink)
haku shiro Join Date: Aug 2007 Location: Yokohama, Japan Posts: 1,812	Here you go dude. I opened it in photoshop, changed the color mode to RGB, used the magic wand select all the white in the image, then used the background tool to erase all the white that was selected, and finally saved it when I was done. I tried it in photoshop over a #ff9933 background, and it looked fine to me. Attached Thumbnails

14-09-2007, 15:34	#12 (permalink)
cols2910 Registered User Join Date: Sep 2007 Posts: 9	Thanks Haku I do feel that it is me that is messing up here. When you tried it with the orange background , was the dog still shown in white? Col

14-09-2007, 16:47	#13 (permalink)
cols2910 Registered User Join Date: Sep 2007 Posts: 9	Haku, That works perfectly. Thanks again for taking the time and trouble to help me man Cheers, Col

15-09-2007, 04:07	#14 (permalink)
haku shiro Join Date: Aug 2007 Location: Yokohama, Japan Posts: 1,812	Did you want the dog to be white?

17-09-2007, 05:26	#15 (permalink)
cols2910 Registered User Join Date: Sep 2007 Posts: 9	Hi Haku, I did want the dog white but I managed to do that bit myself after you had done the hard part. Very many thanks again for your help Cheers, Col

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search