Resolution question - transparent PNG

Opened a 2MB transparent background PNG, made some small edits, saved back to transparent background png and now file size is 34MB. Didn't change the dimensions of the file or it's resolution. What is happening? I thought I was well past the stage of understanding how this all worked but apparently not.
Thanks
Ben

Hey sorry for the delayed reply I really appreciate your help on this. You know upon further review I think there were layers involved when I thought there were none. I went back and looked at things with fresh eyes and now my edited photo is only about 6MB (I had to increase the DPI though so that does make sense) But since I'm here maybe you can answer this : What is the difference between the 2MB file size when I "get info" on it, and the 51M size the dialogue box displays in photoshop? (the photos below are the same file obviously)
t

Similar Messages

Are transparent png to use

Hello,
I was wondering are transparent png image's safe to use, I
have normally
used transparent gifs but have been thinking of the
compatibility of the
png.
regards
k

Twocans wrote:
> Hello,
> I was wondering are transparent png image's safe to use,
I have normally
> used transparent gifs but have been thinking of the
compatibility of the
> png.
You will need a fix for IE6 and below, but apart from that
give it a go,
its much better than gifs.
Dooza
Posting Guidelines
http://www.adobe.com/support/forums/guidelines.html
How To Ask Smart Questions
http://www.catb.org/esr/faqs/smart-questions.html

Bug when saving transparent png

I just saved a few pngs with transparent backgrounds and somehow the icons for those new images are being merged or overlaid with previously saved jpgs in my photo stream. When I open them, I see the picture I expect so there's no damage occurring, just funky icons. When I viewed the same images from the photo stream on my iPhone 4 and AppleTV2, the same behavior occurred with those transparent png files as well.

Hi Ignacio,
Well I sort of owe you guys an apology as it appears to be an iPad/iOS issue actually. Apparently I've never tried sending a transparent png to either my iPhone or iPad until learning/using Photoshop Touch (which I'm really enjoying btw).
But to answer your questions anyway, I was opening them on my iPad/iPhone in the Photos app and on my AppleTV in the Photostream there.
I made a quick transparent png from my Photoshop CS3 as well as downloading one from a Google search, all which had the same overlapping results.
I grabbed a screen shot for you, and blurred out the icons of images I think you'd rather not see ;-). Weird thing though too, which also points to this being an Apple issue, is that by accident, my first image, I saved as a png but with the background layer unlocked (being layer zero) and when I dragged it into this email, it overlaid the picture over the body of the email so that the black areas where transparent. So I dragged it out, resaved as a jpg but now I can't repeat the problem with the png, as I was going to create a screen shot of that for you as well. Either way, the icons on my desktop behave as normal and the images all open as normal. They all just get goofed up when displaying them in iOS as icons before actually opening the pictures.
So in this capture, there are six images with overlapping icons where the intended transparent png is on top of some random image pulled from the photostream.
Thanks again,
Eric

Taking the transparent png files from net into Photoshop. It coming as flat not transparent. How can i do ?

Hi,
i want to take some transparent png files from internet into photoshop. The files originally transpernt on internet.
Im copying that image and paste into photoshop but it won't transparent. therefore im saving the files my mac and using like that.
But i dont want do this. Because this isn't problem in illustrator. Can anybody help me how can i use transparent png files as transparent in photoshop without save file?
hope could explain my problem.

If you can right click on the image and copy its utl to the clipboard you may ne able to open that in Photoshop with this old Photoshop script.
// OpenImageFromWeb.jsx
// Copyright 2006-2009
// Written by Jeffrey Tranberry
// Photoshop for Geeks Version 3.0
// modified by MLH
// modified by JJMACK 2010
Description:
This sample script shows how to download images from a web server using the
Socket object.
// Note: Socket.read() parameter & behavior
// Socket.read() will read or time out. It may not read all data fromserver. <---------------
// Socket.read(999999) will read 999999 bytes, or timeout, or socket will be
// closed by the server.
// enable double clicking from the
// Macintosh Finder or the Windows Explorer
#target photoshop
// Make Photoshop the frontmost application
app.bringToFront();
// SETUP
var html = "";
var request = "";
var url = "";
var binary = "";
var requesthtml = "";
var socket = new Socket;
var domain = "www.mouseprints.net" // the domain for the file we want
var sImg = "/old/dpr/JJMack8btiSrgb.png"; // the rest of the url for the file we want
var port = ":80"; // the port for the file we want
// MAIN
var url = prompt("Enter the image's full URL http://domain/full image path",url); // prompt for domain name
if (url != null && url != ""){
if ( (url.indexOf("http://") != -1) || (url.indexOf("HTTP://") != -1) ) {
domainPathLength = url.length - "http://".length;
domainPath = url.substr(7, domainPathLength);
pathOffset = domainPath.indexOf("/");
domain = domainPath.substr(0, pathOffset);
sImg = domainPath.substr(pathOffset, domainPath.length - pathOffset );
// Isolate Image name
var Name = sImg
var imagePath = "";
while (Name.indexOf("/") != -1 ) { // Strip Path
imagePath= imagePath + Name.substr(0, Name.indexOf("/") + 1);
Name = Name.substr(Name.indexOf("/") + 1 ,);
//alert("domain = " + domain + " , Image = " + sImg + " Image File Name = " + Name);
if ( domain != "" && sImg != "" && sImg != "/" && Name.indexOf(".") != -1 ) {
var f = File("~/" + Name); // Image file name
f.encoding = "binary"; // set binary mode
f.open("w");
if (socket.open(domain + port, "binary")){
//alert("GET " + sImg +" HTTP/1.0\n\n");
requesthtml ="\n\nDmain:" + domain + " Port" + port + " binary\n"
//request ="GET " + sImg +" HTTP/1.0\n\n"
request ="GET " + sImg +" HTTP/1.0\nHost: " + domain + "\nAccept: image/gif, image/x-xbitmap, image/png, image/jpeg, */*\n\n";
socket.write(request); // get the file
var binary = socket.read(99999999);
binary = removeHeaders(binary);
f.write(binary);
socket.close();
else { alert("Connection to Domain:" + domain + " Port" + port + " Failed ");}
f.close();
if (binary.length != 0) {
//alert ("file length = " + binary.length );
if(app.documents.length == 0) {
//app.documents.add([width] [, height] [, resolution] [, name] [, mode] [, initialFill] [,pixelAspectRatio] [, bitsPerChannel] [,colorProfileName])
app.documents.add(new UnitValue(1600,'px'), new UnitValue(1200,'px'), 72, null, NewDocumentMode.RGB, DocumentFill.WHITE, 1,BitsPerChannelType.EIGHT, "sRGB IEC61966-2.1" );
placeSmartObject( f );
f.remove(); // Remove temporary downloaded files
else { alert("Invalid Image URL: " + url ); }
else { alert("Invalid URL: " + url ); }
else { if ( url == "" ) alert("No URL Entered"); }
// FUNCTIONS
function placeSmartObject(fileRef){
//create a new smart object layer using a file
try {
var desc = new ActionDescriptor();
desc.putPath( charIDToTypeID( "null" ), new File( fileRef ) );
desc.putEnumerated( charIDToTypeID( "FTcs" ), charIDToTypeID( "QCSt" ),charIDToTypeID( "Qcsa" ));
desc.putUnitDouble( charIDToTypeID( "Wdth" ),charIDToTypeID( "#Prc" ), 100 );
desc.putUnitDouble( charIDToTypeID( "Hght" ), charIDToTypeID( "#Prc" ), 100 );
desc.putUnitDouble( charIDToTypeID( "Angl" ), charIDToTypeID( "#Ang" ), 0 );
desc.putBoolean( charIDToTypeID( "Lnkd" ), true );
executeAction( charIDToTypeID( "Plc " ), desc, DialogModes.NO );
activeDocument.activeLayer.resize(100 ,100,AnchorPosition.MIDDLECENTER);
activeDocument.revealAll();
} catch (e) { alert("Placeing file: '" + fileRef + "' failed"); }
// Remove header lines from HTTP response
function removeHeaders(binary){
var bContinue = true ; // flag for finding end of header
var line = "";
var httpheader = "";
var nFirst = 0;
var count = 0;
while (bContinue) {
line = getLine(binary) ; // each header line
httpheader = httpheader + line;
bContinue = line.length >= 2 ; // blank header == end of header
nFirst = line.length + 1 ;
binary = binary.substr(nFirst) ;
if (httpheader.indexOf("Bad Request") != -1 || httpheader.indexOf("Not Found") != -1) {
alert (requesthtml + request + httpheader);
var binary = "";
//alert (requesthtml + request + httpheader + "\nFile length = " + binary.length);
return binary;
// Get a response line from the HTML
function getLine(html){
var line = "" ;
for (var i = 0; html.charCodeAt(i) != 10; i++){ // finding line end
line += html[i] ;
return line ;

Transparency not working on smartshape button filled with transparent (PNG) image.

I'm using Captivate 8 and have had no problems so far importing PNG images with transparent backgrounds.....that is until I try and make a smartshape button and import a transparent PNG image as the background.
It displays fine on screen, but whenever I preview it or publish, the white background of the image/button displays. Is this a known Captivate 8 limitation?
Sorry if this is a repeated question....I've tried trawling through the forums and all I can see is to try different file formats for the images, such as GIF or BMP, which I've tried and nothing works.
Any advice or suggestions?

If it is a button, what is inserted for Rollover and Down state? I just recreated a shape button, with three different images for the states. All are in one PS-file as layers which I imported into Captivate. I kept Stretched checked in this case, because I know there is sometimes a slight change in size between states. Here are screenshots of Up, Rollover and Down state. The stroke was set to 0 for the shape, but to prevent all color contamination I also set stroke to the color of the background (light grey). In the first (Up) image you can clearly see where the stroke is due to truncation of the Question mark.
Seems only possibility is in the creation of the PNG's? What was your work flow?

How can I convert an .eps created in AI to a transparent .png

The logo I created in AI is beautiful. I would like an equally beautiful transparent .png for use on my website. Is this possible?

Reddafodil,
Remember to tick Transparency.
I would like an equally beautiful transparent .png
Then you should use (at least) PNG24, and certainly not GIF which only has a very limited number of colours; PNG24 has many more than PNG8.

Removing background shadow on transparent PNG image without losing shading on the object?

I have a pillow bevel applied to a paint splatter brush image, and I'm having trouble with the shadows. I want to save this splatter as a transparent PNG. The problem is that a drop shadow effect is showing up when I save it this way. I think it's a "shading" setting rather than a true drop shadow, as there is no drop shadow set in the layer styles. The shadow does not appear when a white background is applied. It only shows when the background is transparent. I've tried reducing the shading opacity in the bevel dialogue, and this does get rid of the drop shadow....the problem is that it also removes the shading from the paint splatter, making the image look flat instead of raised. Can anyone help? Thanks!

Good point Curt. First time poster, so I wasn't sure how to include images in my original post. Here they are:
Above is the image saved WITH transparency. Obviously the shadows all around the blue make this unusable.
Here is the exact same image...the only difference is that I saved it with a white background layer behind it in photoshop. As you can see, the shadow artifacts are gone, yet the splatter still maintains its correct shading to keep the raised effect.
Both of these images are saved as png. Any suggestions?

Strange lines appear around transparent PNG's when document PDF'ed

Hi
I have inserted some transparent PNG images into my Pages document, and they look fine on my screen, and they also look fine when I export to PDF and view in Preview.
However, if I view the PDF in Acrobat (or send it to a Non-Mac user and they view it in Acrobat), there are thin lines around many of the PNG images, which make them look ugly and sloppy, and very un-Mac-Like! Any ideas why these lines are appearing and how to prevent them?

Hi logree
Welcome to the forum.
My guess is that it is showing just the edge of the masked background used to hide the alpha channel background of the .png.
This happens I think, because the postscript mask may be centred on the outside rows of pixels in Acrobat, with half the pixels still being revealed.
You can try masking in Pages' instead:
+Menu > Format > Instant Alpha+
or try a Photoshop file with transparent background, to see if that eliminates the problem.
Peter

Export to PDF causes fringing around transparent PNGs only in Acrobat

If I export to PDF from Keynote '09 using the "Best" setting, I'm getting black fringing around solid elements in a transparent PNG that was placed in the original keynote doc. This fringing does not occur when the PDF is viewed in Preview. Any suggestions on how to remove the fringing?
Example is here: http://i.imgur.com/3QXGf.jpg
Thanks in advance for the help.

Perhaps my explanation of why this is a problem wasn't clear. The type of PDF links that Pages creates are, quite reasonably, set to highlight when clicked (there are a variety of options in PDF for the visual action of a clicked link; highlight is best for user feedback. In an ideal world, when the user clicks a link in a PDF, you want the a highlight box to appear over the text of the link - exactly over it, not too large, not too small.
Because Pages creates two links for each internal hyperlink, but the user will click only one of them in the PDF (whether in Preview or Acrobat), the highlight is almost guaranteed to be wrong for every click. If the user clicks the top link, only the top two-thirds of the text will highlight, and if the user clicks the bottom link, there will be a weird highlight either on the bottom third of the text or underneath it. It's inconsistent, but in most cases, it's wrong.
Obviously, this is only cosmetic, but it's the kind of mistake that hurts usability and detracts from the user experience, and as far as I can tell, there's absolutely no reason for it, making it a bug.
cheers... -Adam

Transparent PNG images in IE 6

I just found out that IE 6 doesn't support "transparent PNG"
files.
I have found a patch script that suppose to help but NOTHING!
Has anybody ever come across this problem, and how did you
get the images of work?
patch script....

<DIV ID="oDiv" STYLE="position:absolute; left:0px;
height:755; width:1002;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='image/bbd_main.png', sizingMethod='scale');" >
</DIV>

Hi this tutorial worked for me.
Look for the "Do you realize none of this works in IE6?"
section near the bottom of the page.
http://www.alistapart.com/articles/supereasyblendys
Works perfect

How do I paste transparent png's

If I copy a transparent PNG image from any web browser on a mac, I can paste said image into illustrator without it losing its transparency, while trying the same on my PC results in the transparent areas of the image turning black... How does one avoid this?
(running illustrator CC 2014)

Are forum users usually this bitter? I really don't understand how using this workflow would be stupid, as you so eloquently put it. You don't know what I'm working on nor how, and it does surprise me that you don't see how it could be time saving... But I don't really mean to discuss process quality or speeds.
Anyone else? If I can do it on a mac, I should be able to do it on a pc as well!

How to fix black borders around transparent PNG files?

Hello,
Recently, iMovie has started putting black borders around transparent PNGs. How can I fix this?
http://img19.imageshack.us/img19/4668/picture9bt.png

gndagnor wrote:
Any way to fix the alpha transparency when importing PNG files to iMovie 09?
I just know the two options - wrong (8bit) png or that plugin, which in an older version destroyed transparency..
what also make transparent-to-black is, when you 'manipulate' the imported png, esp. adding a *KenBurns Effect* - that kills transparency instantly.
for test purposes:
• create a new project
• create a new png with some traansparency
• add new png to new project - same result?
and just to avoid EVERY problem: your sys preferences/Monitor is set to 'million colors'?

I want to export 'transparent png' (while it is on colored background)

Salam!
May you please help me in this issue!
I want to export an object as 'transparent png' (while it is on colored background) in Adobe Fireworks CS5. One way to do it, to place the object on a transparent background (Like in PS). But I want another solution. I don't want to move the object on transparent backgound, but still want to export this object as transparent png. Is there any solution????
Thank you!
Sheikh Naveed

This tutorial covers what you are looking for
http://www.smartwebby.com/free_tutorials/website-design-how-to/transparent-background.asp

Create an advanced lightning effect and then export to transparent PNG sequence

Hi,
I am new to AE, so please be kind
I need to generate a lightning effect and then export the frames to several PNG images.
I figured out how to do the lightning and how to export transparent PNGs, but I can't get rid of the lightning solid background (which is balck in my case).
Do you have any advice?

Toggle the transparency grid in your comp to make sure that you are creating an alpha channel.
When you render set to the output module to RGB + Alpha and Millions of Colors + and set Color to Straight.

Imovie Version 9 - Exporting Transparent PNGs

I have made a movie in imovie version 9, I have placed in transparent pngs (24) over some footage using the picture in picture method, when I export the movie as HD 1920 x 1028 the pngs I have placed in show as black boxes? When I export the same movie as 720 it is fine and the black boxes don't appear however I need the movie to be in HD, can anyone tell me where I'm going wrong?
Thank you in advance

720 is HD.
Are your image files the correct dimension? Is all of your video source material 1080?

Resolution question - transparent PNG

Similar Messages

Maybe you are looking for