Black PNGS with transparent BGs arent showing up

I am using iPhoto to organize my digital scrapbooking graphics. Problem is that the majority are png with transparency. When I imported them, all of the transparent portions of the images appeared in black, so many of them just look like black squares, because it's a black image on transparent background.
Is there any way to get the png to look normal or is this a flaw in iPhoto. Is there a way to change the background of the thumbnail to gray?
Thank you for any help.

Welcome to the Apple Discussions. It's not a flaw but just the nature of the beast. iPhoto is set to display transparent backgrounds as black. Send a feature request to Apple via http://www.apple.com/feedback/iphoto.html.
Happy Holidays

Similar Messages

How do i save a .png with transparent background? cannot find in help

how do i save a .png with transparent background? cannot find in help

rickseng
With what program are you working and with what version of the program and on what computer operating system?
I suspect that you are working with some version of Photoshop Elements. If that is correct, then be advised that some how
your thread got posted in the Adobe Premiere Elements Forum (video editing) instead of the Adobe Photoshop Elements Forum (photo editing).
If Photoshop Elements question, then please re-post your thread in the Adobe Photoshop Elements Forum or wait for a moderator
here to see your thread here and move it from here to there.
Photoshop Elements
Thought....if are creating an image on a transparent background in Photoshop Elements Windows for a Premiere Elements Windows project, then you Save As png or psd.
Please clarify if I have misinterpreted your question.
Thank you.
ATR

Is it possible to save PNG with transparency to Camera Roll?

I've had a user contact me saying that the pictures he creates save as JPG and because they are JPG they lose transparency. I looked at the code I'm using and it's CameraRoll.addBitmapData(bitmapData). I could find no other options or parameters. He also said it is highly compressed JPG as well. If it's not supported (although I thought it was in an earlier version??) is there a work around!?

It isn't really limited due to an iOS issue, just that Adobe chooses to not add PNG with transparency support. I completely disagree with the premise that this should be limited just because on iOS Photo Album doesn't display PNGs with transparency accurately. There are dozens of existing iOS apps now passing around and creating PNGs with transparency (and viewing them properly).
As far as Android, I implemented this myself just using the builtin BitmapData.encode support for creating PNG format ByteArray, and just saving directly to the filesystem a .png file since Android (unlike iOS) allows it.
To make that process clean with the rest of the Android eco-system, you will probably want to include two additional ANE based features (or choose to roll your own ANE that combines everything)...
The two extra steps as far as ANE support is:
1) an ANE that will trigger a refresh of the Android Gallery (or some base directory more exactly) when the filesystem underneath it has changed if you write to the filesystem directly, there are a few ANEs that do this out there like:
http://forums.adobe.com/message/6092838
2) In newer versions of Android, different users get different mapped 'home dirs' for Pictures so you really don't want to just write to some common /mnt/sdcard folder and hope for the best.
The proper base directory to save Pictures to on Android with the newer APIs is to call (on the native Java side):
File path = Environment.getExternalStoragePublicDirectory( Environment.DIRECTORY_PICTURES);
Just wrapping that returned directory location above from Java with an ANE, will guarantee you are always working with the proper base directory for the current runtime user in Android.
I don't know if any ANE out there has added that 'Public Pictures Directory' function above but it is a trivial function call, and you could even just tack this on as an additional API function on whatever RefreshGallery ANE you grab (with source code of course)

Export to png with transparancy

hey, can this be done?
export to png with transparent background
even setting the background of the slide to "none" doesn't work
if you can't achieve this, does anyone have any ideas how I could do a workaround?
cheers, D

Ahh, I read this and thought you required the export. You essentially want to take an image from Keynote into some other application WITH transparency, correct? If so, you may want to take a look at Skitch.
http://www.plasq.com/skitch -currently in public beta as a free download
You could copy the items as you're currently doing, then open Skitch and paste them in. Your objects will appear with a white background. Next, click the color well at the bottom of the colors on the right hand side in order to bring up the color palette. Change the opacity to Zero, then hold down Shift, while clicking in the color well. The background is dropped out and you have full transparency. You can even use Skitch to resize the image to exactly the size you want it to be. Click and drag the tab and to export at that size.

Recommend an image editor that has a magic wand tool to delete white background and save as PNG with transparency

Hi Everybody,
I need an iPad app that can open an image and has a Magic Wand-type tool so I can select white background around a subject. Then delete the white areas so it becomes transparent. Then save as a PNG with transparency. I've tried Pixelmator...I can select the white but I can not delete the white. I downloaded Photoshop Express...no magic wand tool.
Does anyone have any recommendations?
Thanks,
Gary

It's a shame you don't have Mac. The feature is built in the system (in Preview, Pages, etc).
That makes me think: this feature should be in the iPad iWork apps too (Pages and keynote): check out this guide: http://www.cultofmac.com/256475/knock-out-those-backgrounds-instant-alpha-hidden -in-pages-for-ipad-ios-tips/

Export locally png with transparent background

Is it possible to use Ps touch to remove the background from jpeg images and export them locally as png with transparent background (reducing the size of the picture)? I would need to use this feature to create more keynotetouch-friendly images.

Yes. That's possible. You can export a PSTouch project as png to the Camera Roll....and there are other channels as well where this is possible, like "Share By E-mail" , "Send to iTunes" etc.
Those options are accesible via the Share menu (see attached screenshot) as part of the PSTouch project organizer

Imported png with transparency not working as mask

I created an image with several wavey lines in photoshop to
use as a mask layer in Flash. I "save for web" as a png with
transparency. I import it to Flash and when it is on the stage it
is indeed transparent. But when I go to use it as a mask it masks
the entire rectangle of its dimensions, not just the waves. I trade
breaking it down and converting it to a symbol but no go. What am I
missing here?

Images are rectangle or square, even if you have transparency
or not, the entire image will be a mask.
The way you must work is usign vectorial shape as mask. You
can do it directly in Flash or use illustrator to build you shape
and then import it in Flash "Copy paste or export as swf". I know
that you have several wavey lines in photoshop. So, to keep them,
you have 3 possibilities.
1- Simply use path in Photoshop and export them into
Illustrator set them a color and use it in Flash
or
2- Import your image in Flash, then use the Trace Bitmap
option (Modify / Bitmap / Trace Bitmap)
or
3- Import you PNG in Illustrator and Convert it into shape
usign the Live Trace option.
These 3 way works great, depending on the complexity of you
graphics, each one have its own advantages

Serious problem with saving pngs and transparent bgs!

I just started using Fireworks CS6 and I'm having trouble with pngs. I did the function a million times in CS5. I'm simly doing an image preview and savings as a png32 with a transparent background and no matte color. But it keeps saving with a white background. Has something changed from CS5 to CS6 in the way pngs save? I use this funtiin quite often and it's really irritating that's it's not working right in CS6. I hope it's my error but I would appreciate any help or insight. For now I'm going back to CS5 because it's works correctly.
Thanks!
BC

So does this problem exist in the editing, layout, or publishing stages of your workflow?
The reason I ask is that there are some situations where I don't necessarily expect to see transparency rendered accurately. For example, in Mac OS 10.6.8, files with transparency are given a white background by the Finder. But those same files will look fine in Preview or when viewed using the Quick Look feature:
I'd be really concerned, for example, if the transparency was not rendering in Dreamweaver's Design view, as that could interfere with the creative layout process. But I'd be less concerned if it doesn't appear in Bridge.
That said, if it's been rendered correctly by Bridge in previous versions, I understand your concern. If the problem is localized to Bridge, I'd scour its preferences and interface for any relevant settings. I'd also consider whether your operating system has been updated recently.
FOLLOW-UP: You could also take a look at the Bridge forum. Apparently, others have had concerns about this.
http://forums.adobe.com/message/4421372#4421372
http://forums.adobe.com/message/3336708#3336708

Bug in fireworks CS4 when exporting 24/32bit png with transparent alpha?

Hi there,
I recently upgraded to CS4 from CS3 and am quite disappointed to find that the png export facility for 24 or 32 bit png's is next to useless on my installation of Fireworks (Vista). I have a colleage who has reported the same behanviour on his mac.
Please see this native fireworks CS4 png file and attempt to export it as 24 or 34 bit png, ensuring the canvas is transparent (it shuold be already)...
http://www.capitalh.net/demo-bug.png
Viewing in preview mode in CS3 would show the png with its alpha channel indicated by the chequered transparent pattern. Exporting it as such would produce the desired result > a png with a nice blended alpha channel.
Viewing in preview mode in CS4 shows a horrible render of the image on a white background. Exporting the image produces the same result. Please see this link for confirmation:
http://www.capitalh.net/demo-bug-export.png
Please also see this simpler image, this time using a simple ellipse shape:
http://www.capitalh.net/demo-bug-export-simpleshape.png
You'll notice that it is not transparent, and the ellipse has not been anti-aliased.
Can anyone shed some light on this behaviour?
Exporting png's as such is something that I do daily at work, and is a basic requirement of an image editting application targetted at web design.
Am I doing something wrong? I've been using Fireworks since 2003 so I'm inclined to think that I'm not.

That's a bit, um, oh never mind. Would've been a rubbish joke anyway.
Aww...pooh. I love "rubbish" jokes!
If fireworks is unable to export a transparent png at 24bit, then why have the option?
(granted the option is acutally implied, not given)
Also, why the horrible rendering on preview and export?
Transparency for 24-bit isn't an option and isn't implied. Create a FW document with a transparent canvas. Go to File>Image Preview. If you select PNG8 as your export option, then you have drop-downs for No Transparency, Index Transparency, or Alpha Transparency. PNG32 shows the checkerboard where the document is transparent. If you select PNG24, you do not have the transparency options. Transparent areas in your document are set to white, just as they are if you select the JPEG format. Try it.
I don't know why your rendering is horrible. I'd have to see your image.
And also, why all this confusion related to Photoshop, seems Adobe really aren't helping the issue:
http://forums.adobe.com/thread/152434
Possibly Adobe thought it was less confusing, as they didn't have to go into the math. However, you do see Linda Rathgeber's answer, that the Photoshop convention is...well...misleading? (I'd call it wrong, but that's just me. ) It's just one other issue to bring into alignment as Adobe works to merge the Macromedia offerings into their line.

Combining 100 pngs with transparent background, vertically into one image PSE9

As the question suggests,
In PSE9 is it possible to combine 100+ PNG files (with identical dimensions & transparent background) into a single PNG file where the images are stacked vertically? and without trimming/cropping the transparent part of the image! I want to retain the exact original image dimensions so that they all stack neatly and precisely.
So far what I've tried is opening up the 100 PNG files in PSE9, create a new document with transparent background using the same width as the individual files and the height set to the individual file height multiplied by 100. (i.e. original image is 36 x 120 so the new file will be 36 x 12000) Then I get stuck! Whenever I drag a single file into the newly created document, it seems to be cropped to the image edges and no longer retains it's original height and width. Not to mention that hand dragging 100 files seems like a long-winded way of doing things... My automate button seems to be greyed out (so no contact sheet?) and I can't find any other automated process.
Any help would be greatly appreciated,
Thanks
N.
PSE 9 on Win 7

Please compare the resoultion of the two documents too. And a better way of arranging the layers would be to use distribute option in the move tool. You can find more about the move tool at http://helpx.adobe.com/photoshop-elements/using/moving-copying-selections.html#main-pars_h eading_0
Thus your workflow would be:
Create a new document with the required dimension.
Use File>Place to place all your png files on the created document as layers
Use distribute option in move tool
A still better workflow would be to use put all the files in a folder and write an ExtendScript to read the files and place them as layers on the document of said dimension

Png with transparent background not rendering on the mac

I created a png with a transparent background for a header. It renders fine on the ipad and iphone but not on the mac. Is there a reason why? The header is on http://surfingthebluemarble.com/news.html
Thanks in advance for your help!
Regards,
umbre gachoong

If the header in question is the News on the Blue Marble header it seems to be rendering fine on the page and fine if I download the image to my system.
The background is transparent.

Problem importing PSD or PNG with transparent background

I am using eLearning Suite 2. (CP5 Photoshop CS5)
I am trying to import a PSD or PNG. I am using it as part of a master slide. It is a simple shape, with a transparent background containing a gradient overlay, inner shadow, bevel and emboss. When imported, it appears correctly in the design area of Captivate. However, when viewed in the browser, it acts as if it is an animation and I get what looks like a red color bar spectrum. I have tried to flatten the layers and I still have the problem. When I save it as a .JPG, it works fine. However, as a PSD or PNG, it is a problem. Seems like captivate may be having trouble rendering the gradient or transparent background. Anyone else run into this issue?
Files below:
CPTX File: http://coventry.mzinga.com/content/ss/temp/WCMS.cptx
PSD File: http://coventry.mzinga.com/content/ss/temp/bottom_wave.psd
Thanks,
Eric

So, I thought it might have something to do with the "effects" settings in Photoshop. HOWEVER, I took a regular photo, cut out a part, and put it on a tranparent background. This file as both a png and PSD have a halo that fades in and fades out. I checked timing and I have it set to no transition for the item and show for rest of slide. I did not have this issue prior to upgrading from 4. Hmmmm.
Eric

Trying to matte a background image with a PNG with transparency / partial transparency

Hello everyone.
Here is the scenario;
I have a PNG sequence rendered from a 3d program. The sequence includes a landscape that is partially transparent and has no background image or color. In the animation, anything that is not the landscape is 100% transparent, while the landscape is partially transparent.
I have a background that I want to put behind the PNG sequence but I don't want the background to be visible through the landscape portion of the sequence, only the portion that is 100% transparent.
I have tried several different methods, but because the landscape is partially transparent, using a track matte (alpha or alpha inverted) or blend mode (like stencil alpha) does not give me the results I am looking for.
What I am looking for is a way to matte (or mask) the background image with only the portion of the PNG that is 100% transparent. That way, the background image will not show through the semi-transparent landscape, but will be visible in the portion that is 100% transparent.
I would like to find a reasonable solution in After Effects as opposed to re-rendering the 3d sequence with the objects being unseen by the camera and the background present. The landscape scene itself took a considerable amount of time to render (120+ hours) and I would like to avoid that kind of delay in my project.
I thank you all in advance for your consideration.

The footage itself is fine, Dave. The 3d application is rendering exactly what it is supposed to render; a semi-transparent landscape on a transparent background, rendered out to 32 bit PNGs.
When I view the frames in Photoshop, they are exactly what I wanted. In the final composition, there are other image elements and pre-rendered objects provided by the client that need to be visible beneath the "ground" and "water", which is why I rendered the landscape as semi-transparent. Normally, I would render with a color background for compositing, but using a color background in this case was tinting the semi-transparent landscape.
I think my track mattes are failing because the images are made up of varying degrees of alpha.
Going back to the 3d application, the only option there would be to re-render a pure alpha pass of the animation. I can test the render time per frame, but I was hoping that there would be an easier solution... the initial landscape animation took 70+ hours to render, using 32 cores and 24 gb of RAM. The pure alpha render shouldn't take anywhere near that long, BUT, if it did, that would not be feasible on my current schedule.
I did find another possible solution by creating a recorded script to batch convert luma images from the PNGs. If the alpha pass proves unworkable, I can always fall back to batching the luma images and using stencil luma.
Thanks for helping me further think this out!

Can't get photo with transparent background to show up that way

I'm quite new to PSE (using ver. 6) so thanks in advance for any help you can offer!
I have a photo, and have made the background transparent, and saved it as a GIF file. When opened, it shows up with the checkered background. Good so far.
When I drag this photo from the Project Bin at the bottom (where I still see the checkerd background) into the image I'm working on, it shows up with a solid gray background once dropped into that image. So in essence, the background is no longer transparent.
How do I add this photo with the transparent background to the image I'm working on without a background / frame showing up? I've combed the internet and can't find an answer, and searching this forum, still coming up empty. I think the problem has to do with dragging it from the project bin. How else can I get it into the image I'm working on?
Thanks!
Kevin

In PSE 6, dragging up from the project bin creates a special kind of passthrough layer. Copy/paste, or drag it down from the gif's image window into the other file in the project bin instead.

Incorrect drawing of PNG with transparency

Hey guys,
I am trying to draw a small PNG image onto a JPanel. First I fill the background with red, then I draw the image.
Everything outside the white circle is transparent so I can use it on different backgrounds.
(The original image is here: http://homepage.mac.com/djcredo/pngproblem/up_button.png)
However, when I draw it, the image becomes corrupted. Here is a snapshot of what it looks like:
http://homepage.mac.com/djcredo/pngproblem/png_corruption.png
If I make the image non-transparent, it draws fine.
Here is my code:
protected static BufferedImage backButton;
static {
     try {
          backButton = ImageIO.read(new File("images/up_button.png"));
     } catch (Exception e){
          System.out.println("could not read image!");
          System.exit(1);
// Fill some of the screen red.
g.setColor(new Color(180,180,180));
g.fillRect(0,currentY,width + 30,50);
g.drawImage(backButton, width - 50, 2, null);Does anyone have suggestions what I'm doing wrong?

Unable to replicate the poor image quality shown in your second link. Everything looks okay in this test app:
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.*;
import javax.imageio.ImageIO;
import javax.swing.*;
public class TransparentPng extends JPanel
    BufferedImage orig;
    BufferedImage converted;
    BufferedImage transparent;
    public TransparentPng(BufferedImage image)
        orig = image;
        converted = convert();
        transparent = createTransparentImage();
        System.out.println("orig type        = " + orig.getType() + "\n" +      // 0
                           "converted type   = " + converted.getType() + "\n" + // 2
                           "transparent type = " + transparent.getType());      // 2
    protected void paintComponent(Graphics g)
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        int w = getWidth();
        int width = orig.getWidth();
        int x = (w - 3*width)/4;
        int xInc = x + width;
        g2.setPaint(Color.red);
        g2.fillRect(0,0,w,120);
        g2.drawImage(orig, x, 30, this);
        x += xInc;
        g2.drawImage(converted, x, 30, this);
        x += xInc;
        g2.drawImage(transparent, x, 30, this);
    private BufferedImage convert()
        GraphicsEnvironment ge = GraphicsEnvironment.getLocalGraphicsEnvironment();
        GraphicsDevice gd = ge.getDefaultScreenDevice();
        GraphicsConfiguration gc = gd.getDefaultConfiguration();
        int w = orig.getWidth();
        int h = orig.getHeight();
        BufferedImage bi = gc.createCompatibleImage(w, h, Transparency.TRANSLUCENT);
        Graphics2D g2 = bi.createGraphics();
        g2.drawImage(orig, 0, 0, this);
        g2.dispose();
        return bi;
    private BufferedImage createTransparentImage()
        int w = orig.getWidth();
        int h = orig.getHeight();
        BufferedImage image = new BufferedImage(w, h, BufferedImage.TYPE_INT_ARGB);
        Graphics2D g2 = image.createGraphics();
        g2.setPaint(new Color(0,0,0,0));
        g2.fillRect(0,0,w,h);
        g2.drawImage(orig, 0, 0, this);
        g2.dispose();
        return image;
    private JPanel getButtonPanel()
        JPanel panel = new JPanel(new GridLayout(1,0));
        panel.add(getButton(orig));
        panel.add(getButton(converted));
        panel.add(getButton(transparent));
        return panel;
    private JButton getButton(BufferedImage image)
        JButton button = new JButton(new ImageIcon(image));
        button.setBackground(Color.red);
        return button;
    public static void main(String[] args) throws IOException
        String path = "up_button.png";
        ClassLoader cl = TransparentPng.class.getClassLoader();
        InputStream is = cl.getResourceAsStream(path);
        TransparentPng tp = new TransparentPng(ImageIO.read(is));
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(tp);
        f.getContentPane().add(tp.getButtonPanel(), "South");
        f.setSize(400,250);
        f.setLocation(200,200);
        f.setVisible(true);
}

Black PNGS with transparent BGs arent showing up

Similar Messages

Maybe you are looking for