Problems with png's

1

hello there!

I am importing some png’s in a flash movie.
Once imported i need to convert them to buttons.
In authoring environment everything is fine, but when i export the movie the image looks quite fuzzy, blurred.

I wonder if anyone can help…maybe i am doing something wrong with some preferences…

Should i use gif’s instead?

Cheers for now…

2

I had the same problem with my site http://digitalosophy.com. if you go into the other sections, the title “Digitalosophy” was really blurry.

I ended up saving the background images as jpg’s. I’m sure there is a fix for what you asking but, if the file size doesn’t dramatically increased go with jpg’s.

if you need a transparent background then I would advise gif’s.

I’m no expert when it comes to image stuff, but it worked out fine for me.

3

if you can use an Index color GIF they look a lot better

4

Also, import them into Flash at the size you are going to use them. In my past experience, when you resize a jpeg, png or gif in Flash it gets fuzzy/blurry.

5

i would recommend using the .png file format. flash can compress it much better than jpeg or gif files.

when you do use .pngs i would go to file>publish settings, and set jpeg quality to 100%.

are you increasing the size of the .png in flash? if so, go back into photoshop and make a bigger .png. you can’t increase the size of any bitmapped image and expect it to appear crisp. you can however usually decrease the size of a bitmap image (tiff, jpeg, gif, png, whatever) successfully.

also, place a two pixel transparent border around your .png file if you’re using transparency to avoid pixel shifting

6

hey natronp, could you explain this?

also, place a two pixel transparent border around your .png file if you’re using transparency to avoid pixel shifting

(just curious, this is something I did not know and would like to, thanks)

7

have you ever used a .png file and seen a pixel shift? it almost looks like part of the image is bumped up one pixel. it usually happens when you’re using transparency and the image isn’t able to be placed on a whole pixel. I’ve seen it happen when it is (on a whole pixel) though too.

if you create your .png in photoshop (or wherever) and then copy/paste whatever you want to be transparent into a new image (photoshop will automatically read the pixel dimensions and give you a new document the exact size of your .png if you create a new photoshop document) and then make the canvas size bigger by four pixels vertically and four pixels horiz. with the image centered, you’ll get a nice little transparent area 2 pixels wide around your transparent .png. this keeps the jaggies away…

8

if you want more info check out “New Masters of Flash Vol 3” from Friends of Ed.
Shane Mielke (Pixelranger) explains it better there. Also it’s a kick a** book about flash with lots of good tips, ideas

9

cool, thank you very much!

10

Also, right mouse click on the .png file in the library and hit properties. Change the compression settings. Maybe mess around with some of the other options in that box too. Might help.