GIF file with transparent background (white spots)

Hii. I've been having a problem. I was trying to make a signature earlier with gif on photoshop cs5. I tried making it with a transparent background and when I put it up on the forum, it gave me white spots. It's not noticeable with a white background as the spots are white, but with another color background, it would show. Can someone tell me why?
-- this is the image i made with a transparent background. and because it didn't work out, I decided to not use a transparent background and used a color of the background of the forum which was off gray. I know i have erased all of the white spots in the transparent file becuase it seems perfectly fine in the one with a gray background.
Can someone fill me in on as to what i am doing wrong?

Gif only supports 1 bit transparency: either on or off. The edges of your artwork are anti-aliased, and these cannot be converted neatly without setting the matte colour in the save for web dialog.
With Gif you have two option: either live with the coloured fringe surrounding your artwork (and it will only display correct when the background color matches the matte colour, or remove every single anti-aliased pixel, effectively creating a perfect sharp pixel edge.
Neither options are great: with the first option you always run the risk of ugly artifacts around the edges when the background color does not match, and with a perfect pixel edge it may look somewhat jaggy.
Solution: avoid Gif, and instead save as a fully transparent PNG. File size-wise not the greatest option, because Photoshop cannot optimize a PNG file properly. To do that, load up Color Quantizer, and open the PNG file. Then set the number of colours to about 256~512 (should be more than enough in your case), and save.
Done!
Get Color Quantizer here: http://x128.ho.ua/color-quantizer.html
If certain areas in your artwork look less than ideal, make use of quality mask/brush in CQ.

Similar Messages

Png files with transparent background show black only in firefox for android

I have a wix created site and png files with transparent backgrounds are showing with a black blackground in Firefox for Android. They show transparent in all other browsers I have tried.
I have tried saving the file as a gif, as a smaller png, interlaced, not interlaced, png 8, png24. It still shows black in Firefox for Android.

Hi evelswoman,
Thank you for your question. This sounds like a good one for the web compatibility team. Currently there are some compatibility documentation for background-image here: [https://developer.mozilla.org/en-US/docs/Web/CSS/background-image] and more details on background: [https://developer.mozilla.org/en-US/docs/Web/CSS/background]
Filling a bug with webcompat.com with an example url can go a long way as well, I hope this helps.

I place a psd file with transparent background on another layer in my InDesign document. The layer b

I placed a psd file with transparent background on another layer in my InDesign document. The layer below has a color (RGB). When the psd file is placed it changes the color on the layer below. I've tried other psd files thinking something is wrong with my file, but get the same result. I have tried for days to figure this out. Can anyone help me?

Wow, thank you! That was fast. I googled that question to death and even bought (another) book on CS5 and never saw that answer. Thank you so much. You made a very good ending to my day! I'd buy you a beer if I could!!

How can I export a file with transparent background?

Hi all,
I know InDesign doesn't allow to export a PNG file, but I need my file to be in image file format with transparent background.
I'm still learning so I am stuck here. How can I export a file with transparent background?

If you can't get the PNG file export to work, you can export a pdf and open it in Photoshop, from there you can save it as whatever you like.

Trying to import files with transparent backgrounds into Premier Elements 10

I am struggling to import files from Photoshop CS3 into Premier Elements 10 and preserve their transparent background. I have tried .png (8 and 24 bit), .gif and .psd files. I have tried rasterizing the type layer before "Saving for web and devices" but can't get anything to work. The imported files end up as either text on a white background (.gif) or the file imports as a black background with no type visible (.png and .psd). I have read a few forums but can't find any suggestions beyond what I have already tried. I also get the same problem if I "Save for web and devices" out of Illustrator.
Any suggestions much appreciated.
Mick

kaare
You have brought up one very interesting maintaining transparency question which I feel goes more to the trigger on the
Premiere Elements Videomerge pop up than to the Photoshop CS2 Save As with or without a check mark for Maximum Compatibility
And, I find that Photoshop CS5.1 as well as CS2 involvement in this matter is the same.
I created three 720 x 480 pixels documents, each with a blue colored circle on a transparent background in
Photoshop CS2 and saved each
psd with check mark next to Maximize Compatibility
psd with no check mark next to Maximize Compatibility
png
Each of them was imported into a NTSC DV Standard Premiere Elements 11 Windows 7 64 bit project.
Each triggered the Premiere Elements 11 Videomerge pop up.
If I checked No for the program request to apply Videomerge, then all 3 results were the same, that is,
the area around the circle was transparent and the circle was not...just the way it was created in Photoshop CS2.
So, why was the Videomerge message telling me "Clip being dropped contains solid background color" when
it had transparency represented by black and did not have a solid background color?
Even more interesting was what happened if I selected Yes to the program's request to
apply Videomerge to create transparency for what it claimed to be seeing as "solid background color".
The result was the same for all three cases, that is, the inside content of the circle became transparent
and the "black background" became a "solid color".
Videomerge is not one of my preferred Premiere Elements options.
To avoid the Videomerge pop up, I would suggest placing a check mark next to the "Do not show again.",
followed by No in the Videomerge pop up. When you do, you should not be confused by the activities of the
Videomerge pop up activities and you should have no problems with the maintenance of the Photoshop
created transparency in the Premiere Elements project.
ATR

Using PNG files with transparent background - Please Help

I just purchased Elements to do a very specific task which I can’t do in Aperture. I am a former photoshopper (V.5) and excited to be back.
I am doing a book/scrapbook and the majority of my text will be my own handwriting. I use white paper and black ink and I scan in at the highest settings. My goal is to create my handwriting on a transparent background so I can place it in my book as I choose. For this specific project (which is very large in scope) I wanted to keep my image/file management within Aperture.
So I import my file (of my handwriting) from Aperture and successfully saved with a transparent background. Adobe said I had to save it as a PNG file. I noticed when I saved in Photoshop there was a warning saying I had to save as a copy.
Aperture does not see the file when I try to import it back. My interchange between aperture and photoshop is fine otherwise. This problem only seems to be with “unflattened” layered images. When I flatten the image it is recognized by Aperture, but I lose the transparent background in Photoshop.
If anyone sees flaws here or has a suggestion to “isolate” and save my personal handwriting image files I would greatly appreciate it. Thanks!

Would probably work best if you first export from Aperture as PSD (if possible, like Lightroom) and then save to preserve layers.
From the PSD save as PNG24 rather than PNG8 which is better for preserving transparency.

How do I save stock footage as flash file with transparent background?

Hi
I have some stock footage of smoke on a black background (.mov format) that I would like to convert to a flash file with a transparent background, which I will be overlaying over a PNG image on a webpage.
I have managed to remove the black background in After Effects using a plugin called UnMult, but when I try to render as a FLV file in AE, even though I check the option to preserve the alpha channel and encode using the On2 VP6 codec, I still get a black background.
So I am wondering what else to try, whether it be with AE or Flash CS4. Is there a way of achieving this effect by directly importing the MOV file into Flash CS4 and removing the black background there, or do I have to use AE, and if so, how to achieve the effect I am looking for?
I would be grateful for any help in getting this together
Thanks
Nick

You can put the video file in a movie clip and change it's
blending in the properties panel to multiply or screen.
Emil Georgiev - Flash and Web Design

HT4641 Importing graphics with with transparent backgrounds such as .psd or .eps

I want to use this for an art project for my sons class. Can I import .psd files with transparent backgrounds as per Word, to retain the clear cut shape/opacity of background. Or can I import .eps illustrator files with transparent backgrounds? Thanks.

If you need transparency - as I stated - you need to convert the image to GIF. PSD is a layered graphic workspace file specifically for PhotoShop; EPS can be read by more applications, but is still basically a graphic print format. It might serve your customer needs, but wouldn't be the format I would recommend for general distribution. Typically you wouldn't embed EPS in another file, it would be the container for the print ready document (and the concern for transparency would be somewhat moot).
However, I'm not familiar with the intimate details of your project or customer needs, so take that for what its worth.

Images with transparent background layers

I have a number of .psd files with transparent backgrounds. If I import them into Aperture, they show up in the Browser and Viewer with black backgrounds. If I drag them into a Book, some of them behave as though transparent, but some retain the black background.
I can't see any difference in the files themselves. They were all created by the same means. Why would some of them lose their transparency in Aperture and some retain it?

Aperture doesn't support transparency at this time.
I'm pretty surprised that any of them behave as though transparent.
You should make the Image backgrounds the same color as the book pages to achieve a transparency effect.
DLS

Export white gif with transparent background

Hi,
I suppose this is a bug, or has anybody an idea: I have a transparent canvas and a white drawing. Very simple thing. Now I want to export this as a gif, just like it is: transparent background, white drawing. But this seems to be impossible. I can choose any of the available settings in export dialog (no transparence, index-transparency, alpha-transparency), Fireworks will never export the image correctly. Either I have a total white or a total transparent gif, I even got a white drawing on black background (but can't reproduce it).
System: Mac, Fireworks CS5
Thank you, Michael

Set the Transparency type to Alpha when you export.

Can't open gif with transparent background?

Hey everyone, I'm just having a little issue with Photoshop at the moment.
I keep trying to open up some animated gifs that have transparent backgrounds, because I want to edit them and delete some frames . I know for a fact that the backgrounds are transparent because I've hosted them on websites before.
Now, when I try to open up the gifs, i go to: import> video frames to layers> type in *.* > open gif
The gifs ALWAYS open up with a white background. Is there any way around this so they open with the transparent background? Could I try opening them a different way maybe?
Thanks in advance

GIFs do not have genuine transparency. Only a specific color in teh palette is tagged as being transparent on saving, and that is done in Save for Web. You are misunderstanding how the file format works and the behavior is therefore otherwise correct. Your only option to preview that transparency in PS would be to edit the color palette under Image --> Mode --> Color Table or convert to RGB mode and remove the fill using selections. Anyway, moot point. No matter how you do it, you cannotr circumvent teh file format's limitations.
Mylenium

Animated gif with transparent background

When I import in Keynote an animated gif with transparent background. The background becomes white. I did the following tests:
If I extract a single image from the animated gif and import it in keynote the background is actually transparent but it becomes white when I import the whole gif.
I also checked with other applications (NeoOffice) and the animated gif does come out with a transparent background.
Do I do something wrong in Keynote ?

This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
Good luck!

Gif with transparent background?

I have a .gif file with a transparent background that I want to put in my website (it's my logo) but it only copies in like a jpg?

Got it.

How do I transfer a .psd file to illustrator that can then be placed in Muse as a .svg with transparent background?

I just wrote all this up in another thread. I did not realize at the time that the last post was in 2014, so I'm giving it a go here.
I am currently trying to create an .svg using Photoshop .psd file (with layers in tact). I'm new to these products so it may be obvious to others that the above intention was to eventually place the .svg in some sort of website creation software such as Muse. Which is precisely what I am attempting. However, I am getting a white background once I place or copy and paste into Muse. My starting .psd has a transparent background without any hidden layers causing this problem. To test this I placed the .psd file into Muse and it still has a transparent background. However when opening or placing this file into illustrator, it picks up a white background. If I do exactly as described above, I still get the same result. So far I have tried:
1) Simple copy and paste from Photoshop .svg to illustrator to Muse. Result - white background.
2) Placing the .psd in illustrator, then placing the .svg file in muse. Result - white background.
4) I have also tried the every combination of 1 and 2. - Result - white background.
3) I have now created a path in Photoshop from the text layer to yet again attempt the above methods. Result - white background.
I'm including an image of the object I am trying to place with transparent background, but I have both a flattened rasterized version, a version complete with layers and a third (.svg) with the corresponding objects. I am completely new to Illustrator as of today so any help would be greatly appreciated. Thanks.
Link to .psd file "Welcome text"

I was having some difficulties getting the correct dimensions of one of my objects, I eventually solved this problem without using svg. It was pretty simple when I stopped trying to over complicate things. I just linked the object to a near by object in photoshop, merged and placed it all as one. It looks great now. Thanks for your reply. You are correct, SVG was not the answer.

Image with transparent background shows up with a white background in ID

Amateur needs help.
I have a copy of a logo with a transparent background. I made the (white) background transparent in PS by creating a layer from background and then selecting the white color in the background and deleting it. This has always worked in the past. But when I place this image into ID, it shows up with a white background. I have tried saving as a PSD, TIF, JPG, etc. I cannot get it to work.
I normally research these things until I find an answer, but I am on a tight deadline. Thanks!

I totally forgot to put that in my post. Yes, I am putting logos with transparent backgrounds in front of colored rectangles. That's how I noticed that this one logo is showing up with a white background. The weird thing is that the other two logos are fine. I did find a different version of this logo and this one works fine. The one that works fine is a JPG and the one that shows up with a white background is a JPG.

GIF file with transparent background (white spots)

Similar Messages

Maybe you are looking for