Using .png images as icons?

Is there any reason why I can use a .png image as an icon when using a program like LiteIcon, but when I go to "get info" of an application and try to copy/paste the icon, the .png image reverts to a default preview icon?

Not sure we're on the same page here:
1. Double click the png file, it should open in Preview
2. Go to the Edit menu and select Copy
3. Select a folder you want to have that image as its icon
4. Do GetInfo on the folder, click the wee little icon at the top of the GetInfo window of the folder
5. Do a Paste--the folder now will have the image that is open in Preview as its icon
The pngs will NOT preserve transparency doing this--they'll just be a regular picture. Same deal with layered tiffs. In order to keep the transparency you need to either convert to the icns format then use icns2icon, or just use Pic2Icon on the png file. You don't use it change pngs to anything: just drop the png in the image well of Pic2Icon and it will add a custom thumb to the png file. Anyway, it does for me. Then you do GetInfo on the png, copy the wee little icon at the top, and paste in the GetInfo box of some other file or folder.
Francine
Francine
Schwieder

Similar Messages

Using .png images in a website?

Being new'ish to Fireworks and the .png format I am really amazed at the quality of png's in a webpage and how the hold their quality. In web design I tend to like placing text over images and this can often have quality issues as text tends not to work to well with a jpeg unless you increase the resolution before hand.
I have found that while I edit an image in FW and place text over an image if I then save as a jpeg the image may not be as clear as I would like, if I keep it as a .png the quality is perfect.
I know why this is but on doing some research have found that .png's are still not universally used across may web browsers and as a result it is advised not to use them.
Some forums say they are fine while others say the opposite in using 'png's in web design, does anyone have any thoughts on this?
I want to use .png's in my web design instead of jpegs but am undecided from what I read on the Internet so would appreciate any thoughts you may have regarding this.
Many thanks, Pete.

On PNG images:
When you "save" from Fireworks, the file contains extra information in the file header which is proprietary to FW. The file will be viewable in a browser, as browsers just ignore the extra information, but the file is larger than is needed for a Web page. To create a .png file for a browser, you want to "export." (I like using the Image Preview function, myself.) There is no difference in the file extension between a fully-editable FW document .png and a flattened exported .png. In a thread some time ago, a poster commented that he gave his Fireworks documents a .fw.png extension, and exported to the plain .png. I've tried to adopt that approach and I find it helps me keep better track of what's what in my folders. It's up to me to remember to do it, though.
Exported PNG images can be 32-bit, 24-bit or 8-bit. Here's the difference:
A 32-bit PNG will represent your FW document with transparency. All the objects will be flattened, of course, but transparent and partially transparent areas will be preserved. The file is 32-bit as you have 8-bits each for red, green, blue, and transparency. Eight bits of data gives you 256 values. (Note: Photoshop calls this a version of the format a 24-bit PNG with transparency.)
A 24-bit PNG does not have transparency. The 24 bits of data are 8-bits (256 values) for red, green, and blue. In this sense, it is similar to a JPEG, although you do not have the data loss or the color shifts.
An 8-bit PNG has 256 colors in a list. In a way, this is similar to a GIF image. The interesting thing about PNG8, however, is that colors in PNG8 in Fireworks can be semi-transparent. In a GIF, you have the option of selecting only one color to be fully transparent.
Using PNG images on the Web
You will want to export to PNG32, PNG24, or PNG8, as appropriate for your needs. Do not overwrite your Fireworks document! If you use Image Preview when exporting slices, and select a .png format, then that setting will be set for that slice. You can't select .png from the Property Inspector.
If you need to support Internet Explorer 6, you can use PNG24 with no problem. IE6 will render any semi-transparent areas of PNG32 or PNG8 images as fully transparent. To support PNG32 in your Web pages on IE6, you need to add special code. Even then, however, your visitors' browsers can lock up under circumstances that are not fully understood (http://blogs.cozi.com/tech/2008/03/transparent-pngs-can-deadlock-ie6.html). If you know your visitors won't be using IE6, or the content in the transparent PNGs is purely decorative, then maybe that's not an issue for you.
Here's a roundup of techniques for using transparent PNGs at Smashing Magazine:
http://www.smashingmagazine.com/2008/04/16/getting-creative-with-transparency-in-web-desig n/
File Size
Choose the best file type for the image you have. No one file type is always better. If you need to support IE6 still, and you can think of how to do your site without transparent PNGs, then the coding will be easier and the cross-browser compatibility will be better. If you use Image Preview (under the File menu item), you can change the quality level for JPEGs. The default level is 80%, which may not be a high enough quality level for a particular image. Higher quality means larger image size, but for photographic elements, a JPEG may still be smaller than a PNG for a given visual quality. It depends on the image content; each image is different.
Gradients and Banding
Fireworks creates strict numerical interpolations between the two colors you use for your gradients. If the colors are close together, you may not have enough intermediate colors to span the distance you want to cover and you will get bands. Photoshop produces what appear to be smoother gradients, because that application adds subtle noise into the gradient to prevent banding.
Indexed Palettes
If your image contains more than 256 colors and you select an image format with an indexed palette (GIF or PNG8), you may find that Fireworks produces a palette with fewer than 256 colors. This is a known "feature" of the program and there's no known workaround. If you decide to produce transparent PNG8 images, you need to be aware that this can happen.
And...that's all I can think of that touches on your issues.

Using PNG image files in Flash

Hi, I'm new to this forum, so I'm not sure whether my
question is appropriate to be raised in here or not Any guidance
would be appreciated.
My Flash 8 document contains images files that are in PNG
format (created on Adobe Photoshop CS2) and these image files DO
NOT have background. As I launch the Flash Movie, I can vaguely see
a background, which is same dimension of the entire image file,
underneath the image and it kind of look akward. I have tried to
add an extra background with the colour same as my Flash document
background colour underneath the image but it woudn't solve the
problem. On the contrary, this additional background is even more
apparent.
Any advice what I can do ?

Yeah, this forum is entirely appropriate for your question.
The problem is an old one with Flash. The reason you see the
'ghosted'
background in the alpha channel of your PNG is that you have
your colour
depth set to 16 bits. If you crank it up to 32 bits, the
anomaly will
disappear. Unfortunately there's not a great deal you can do
about it,
except to break apart the image and actually delete the parts
you don;t want
to be visible.
Remove '_spamkiller_' to mail

Files with .png images create huge .pdf's

I use .png images in PowerPoint presentations and these seem to create huge .pdf files. (...don't have this problem using .jpg images) For example, I have a 48 slide presentation that has a small .png image in the "slide master" so it will show up on every page. The PowerPoint file is 2.3MB, however the .pdf of it is 33.3MB, making it WAY too big to email, which was my objective.
Any ideas on how to reduce the size of .pdf's which contain .png images?
...note that I "compressed" the .png images inside of PowerPoint prior to creating the .pdf, but this made no impact.
Thanks,
pm

>I have a 48 slide presentation that has a small .png image in the "slide
>master" so it will show up on every page.
PowerPoint only has to store one instance of the image even thought it is
displayed on multiple slides. But Acrobat can't do the same, the image has
to be stored for every page that it appears on, so that would explain the
larger file size.
Acrobat is supposed to be able to optimize the storage of common background
images (at least that's the message I see when I do a "Save as..."), but I
have yet to see it to work. Maybe it depends on the application the orginal
file is created in and the PDF conversion method used.
Adding the image into a PDF file later as a watermark instead may be a way
to keep the size down (then it really only does store the object once),
though I believe that watermark images will appear in front of everything
else on the page (not sure if that's a problem for you, it depends on
whether any text or objects in the presentation ever appear in front of the
image).
What are the dimensions and resolution of the image in PowerPoint? You may
be able to go as low as 75 dpi and not notice a difference, it depends on
whether the image contains any areas of high contrast or text.

Inserting PNG images in my document makes text bolder

I created a simple InDesign file using text and JPG images. So far all fine.
But on pages where I use PNG images instead of JPG images all text on the page is slightly bolder as if some sort of overprint would apply to all text boxes, even the once placed on the Master Page.
I checked all overprint settings, it's not it.
Any idea?
Thanks
ralph

That is indeed the problem.
Any ohter workaround than flattening the images in Photoshop?
Thanks
ralph

.png images not displaying

Ive been developing a simple game which uses an animated character controlled by the phone keys. I am using .png image for the animation.
It all works fine in various different emulators, so I decided to test on actual handsets. Nokia 7650 works fine but Im having problems with SonyEricsson t610. It doesnt display the .png images at all - but the game seems to be working fine apart from that. Does anyone know if the Ericsson t610 handles .png files differently or why this might happen?

Some phones are case sensitive when it comes to opening images from jar resources. Make sure that if the file is pic.PNG, then you create the image with:
Image.createImage("/pic.PNG");
and not:
Image.createImage("/pic.png");

How to reduced size of PNG images

size of my application is increases because I used PNG images . Is there any way to compress the PNG images size which will help me to reduce the size of application

Did you try to save all PNG files in the big PNG file?
This can help you to reduce size of file header of multiple PNG file.
however this coz you to change display PNG file process by
cut from big PNG file instead of read and show from each multiple file.

Use SVGAnimator to display a SVG with xlink PNG image

I tried the M2GDemo and it works without this image part
SVGAnimator animator =
SVGAnimator.createAnimator( image );
// add our custom event listener
animator.setSVGEventListener(
new CustomEventListener( image, animator ) );
// get the Canvas for this player: requires a cast
Canvas canvas = (Canvas) animator.getTargetComponent();
I modify the requestResource a bit to get Image from root1.
public void requestResource(ScalableImage inImage, String inURI)
     int pos = inURI.indexOf(":");
     if (pos >0){
          inURI = inURI.substring(pos);
     inURI = "file:///root1/"+inURI;
try
Connector.openInputStream(inURI);
catch ( IOException ioe )
ioe.printStackTrace();
<image x='90.0' y='69.46001' width='222.7' height='152.25' xlink:href='myImage.png'/>
Now I stuck with the error below.
Using Pisces Renderer (native version)
loadStarting : true
loadComplete : true
loadingFailed: false
loadStarting : true
loadComplete : true
loadingFailed: falsejava.lang.ArrayIndexOutOfBoundsException
     at com.sun.perseus.model.Text.applyXMLSpaceDefault(+86)
     at com.sun.perseus.model.Text.applyXMLSpace(+37)
     at com.sun.perseus.model.Text.layoutText(+70)
     at com.sun.perseus.model.Text.checkLayout(+13)
     at com.sun.perseus.model.Text.paint(+12)
     at com.sun.perseus.model.ModelNode.paint(+9)
     at com.sun.perseus.model.StructureNode.paint(+16)
     at com.sun.perseus.model.ModelNode.paint(+9)
     at com.sun.perseus.model.StructureNode.paint(+16)
     at com.sun.perseus.model.ModelNode.paint(+9)
     at com.sun.perseus.model.DocumentNode.paint(+16)
     at com.sun.perseus.model.SimpleCanvasManager.fullPaint(+108)
     at com.sun.perseus.model.SimpleCanvasManager.updateCanvas(+18)
     at com.sun.perseus.midp.SVGCanvas$1.run(+87)
     at com.sun.perseus.util.RunnableQueue.run(+271)
RunnableQueue terminatingUncaught exception java/lang/ArrayIndexOutOfBoundsException.
Bascially all I need is a viewer to display SVG with xlink to PNG image without the use or tinyline. If I want to get the PNG image from http, what should I do?
Any response will be greatly appreciated.

> This technique is really just using a BEE, there is
> documentation on the BEE concept in the online help
> and Brian McKellar has a weblog on the subject as
> well.
OK, I think I get the idea. Will check the stuff. Thanks.
> Notice the strange D at the end of the line. This
> isn't in the original posting. Perhaps this is just
> bad cut and paste.
Just bad copy paste. Yes.
> You say that this isn't working for you - but you
> don't describe the results. Is there an error? Does
> it render anything in the button at all? Does the
> raw HTML get rendered?
I just saw coding in the button.
> You want to make sure that the
> text doesn't get encoded - which would cause the HTML
> source to display instead. On the htmlb:button you
> will want to set the attribute encode = FALSE.
OK, that was right on spot. This shows me the Icon! Strike!
> Also I am not sure that you can also pass in text
> with the image like that. You might have to create a
> full BEE and add the image and a textView separately
> into the BEE. Then render the entire BEE to a string.
I'll check the documentation on BEE and give it a try.
Thanks for your answer.
Thats a starting point for me.
Alf

I am trying to use photomerge compose. I open one standard jpeg image and one image that is my business logo in a png format. When I select the png image, to extract the logo from it, it appears as all white and will not allow me to select the logo from

I am trying to use photomerge compose. I open one standard jpeg image and one image that is my business logo in a png format. When I select the png image, to extract the logo from it, it appears as all white and will not allow me to select the logo from it. It has worked in the past but I downloaded the update today and photomerge will not work correctly. Any ideas?

hedger,
How do you expect anyone to help when we don't know a darned thing about the file, abut your setup, exact version of Photoshop and your OS, machine specs, etc.?
BOILERPLATE TEXT:
Note that this is boilerplate text.
If you give complete and detailed information about your setup and the issue at hand,
such as your platform (Mac or Win),
exact versions of your OS, of Photoshop (not just "CS6", but something like CS6v.13.0.6) and of Bridge,
your settings in Photoshop > Preference > Performance
the type of file you were working on,
machine specs, such as total installed RAM, scratch file HDs, total available HD space, video card specs, including total VRAM installed,
what troubleshooting steps you have taken so far,
what error message(s) you receive,
if having issues opening raw files also the exact camera make and model that generated them,
if you're having printing issues, indicate the exact make and model of your printer, paper size, image dimensions in pixels (so many pixels wide by so many pixels high). if going through a RIP, specify that too.
etc.,
someone may be able to help you (not necessarily this poster, who is not a Windows user).
a screen shot of your settings or of the image could be very helpful too.
Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers:
http://forums.adobe.com/thread/419981?tstart=0
Thanks!

Using scripts/image processor to output png files

Hello,
I need to resize a batch of pngs and would like to use scripts/image processor. My original files are png files. There appears to be no option for outputting pngs -but i must output the files as tranparent pngs.
I'm using ps cs6 on mac os 10.6.8.
Thanks!

Well, I'll be…! How come Russell Brown gets all the credit for it? ??!
Aha! Here are the clues:
/ ImageProcessorNG.jsx
// $Id: ImageProcessorNG.jsx,v 1.88 2012/03/15 21:24:40 anonymous Exp $
// Copyright: (c)2012, xbytor, Adobe Systems, Inc.
// 2011-03-21
// Written by [email protected]
// c2007 Adobe Systems, Inc. All rights reserved.
// Produced and Directed by Dr. Brown ( a.k.a Russell Preston Brown )
// Written by Tom Ruark and Mike Shaw
// UI Design by Dr. Brown

Using PNG format with max width without clipping top and bottom of image?

I am using PNG format to preserve the transparency and drop shadow I am trying to incorporate to give the illusion that this slab object is floating above the other layers. I first tried file>place to position the menu object on edge of header/beginning of content. Doing that leaves no options to force the image to span the width of whatever screen. I need that so I've tried using object>fill> and then clicking the max width of the rectangle (which does solve the max width problem), but I am now dealing with a clipping problem of the top and bottom of the image. The next thing I can think of is to go back to Photoshop and distort the image so it isn't as tall. I feel there has to be a simpler way to accomplish this that won't also give my image a unnatural look. Thoughts? Thanks in advance.

Thanks, that helps. I also found that I cropped to much of the canvas. After increasing the canvas area AND setting to fill all is well now. I think your suggestion may help with the scrolling affect problem I'm having when using different resolutions. I am going to try to set the size in one dimension (height) so that different resolution screens see the same scroll actions. Thanks Mylenium!

Use sprite image for button icons

Hi all,
I'm developing a mobile app in sapui5, i have many buttons in that.
I also have a sprote image which contains all the icons.
Please help me to use the sprite image as icons to the button.
Thanks,
Rahul.

sorry the sprote implies sprite
sprote ~ sprite

How can I use an image as a folder background on icon

vista updated firefox - how can I use an image as a folder background for an icon of that folder (for desktop)

This is not a Firefox related issue or Firefox setting etc. This is a windows or OS setting, I provided the link below on how to change this in Windows Vista.
See:
'''[http://answers.microsoft.com/en-us/windows/forum/windows_vista-desktop/how-do-i-change-the-folder-icon-in-vista-to-one/01261170-4e02-4c4b-8c02-141d1524ad3e?auth=1]'''

Folder Icon using PNG

I'm trying to change the icon of a folder to a PNG that has some transparent area, but when i change the icon of the folder... it puts a white box around the image.... how do i get it to be just the PNG, and not the white box?

The background of the actual PNG is already transparent....
Photoshop:
Image as PNG
Image in Preview, showing transparency
Get Info on the Foler i want to change the icon (Before)
After:

Complex image mouseover effects using PNGs (need advice)

Hi,
Please take a look at the following 4 elements, and how they behave on mouseover :
http://bit.ly/stuCfM
I am using PNGs here, so that I can overlap the elements.
Osgood_ proposed the following "hot spots" method of swapping images, which would eliminate the hassle of individually positioning the items. All I would need are 5 versions of the same ensemble image, each with a different item highlighted. The tutorial walking us through this method is here : http://www.youtube.com/watch?v=Px8h86sILj8
Problem is, repeating this image 5 times in 5 different files (which is what this method seems to require I do) adds up to 1.8MB in images alone. Placing all 5 states in a single PNG takes up only 400k.
So I'm looking for a way to achieve what is demonstrated in the example at the top of this posting, but using a single PNG with 5 different states represented in it. The "image swapping" would have to be a background shift. The PNG itself would be very long (over 3500 pixels in width) but only 400k (I tried it, that's what it comes out to).
How do you experts recommend I tackle this problem?
PS: Keep in mind, clicking on the highlighted image would call another page. That's why I used <a> tags in my first example.
Thanks!

I've used jQuery & this MapHighlight script with good success.
Details:
http://davidlynch.org/blog/2008/03/maphilight-image-map-mouseover-highlighting/
Download:
https://github.com/kemayo/maphilight/
Very simple to set-up in the <head> tags. Works with any image map.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="Scripts/maphighlight.js"></script>
<script type="text/javascript">$(function() {
$('img[usemap]').maphilight();
});</script>
You can customize fillColor, fillOpacity & stroke values in the script (near the bottom):
maphilight.defaults={fill:true,fillColor:"00CC00",fillOpacity:0.4,stroke:true,strokeColor:"99FF33",strokeOpacity:1,strokeWidth:2,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

Using .png images as icons?

Similar Messages

Maybe you are looking for