Images with high quality and small size

Posted on 2005-04-30
Last Modified: 2010-04-03
Hello all experts

samll qustion with 500 points :)

Can any body tell me what is the best way to get very good results with very small size of images to use in flash !!!
i see in many flash size alot of iamges with a very small size 20 k , 30 or 40 k
but if i try to use images with the same quality i got size 200 k and 300k and some thing like that
can any body tell me how can i do it
I wnat small size with high quality

Thanks all

Question by:FLAASHER
    LVL 27

    Expert Comment

    you should ask in the graphics forum .. :)

    anyway, I found that (for me) the best thing to do is to import png, and play with quality and compression outside of flash (with fireworks, which have good export tools).
    LVL 13

    Author Comment

    mybe people in graphics forum dont work with flash
    so they will not give me the answer i want

    i want the ansewer from flash experts not from graphic experts :)

    Waiting for answers :)

    LVL 18

    Expert Comment

    I think there is a relation between the actual size of the image and the quality - that is, you can make a picture at around 72 dpi and the quality will be good, so long as the picture is only thumbnail sized. The larger it gets the more dpi you need for the qualtiy to remain. Does that make sense?

    LVL 13

    Author Comment

    thanks Billystyx

    Waiting for more answers :)

    Accepted Solution

    I found the best way for getting high quality images with a low byte size is to export the image from fireworks as a .swf and them import the the .swf into flash and leave the movie export settings in Flash at  a level of 80.

    Here is an example of a movie with four large images that rotate and the whole movie with it's other compents is only 91k.  That's pretty good considering the size of the images in it.

    If you have a problem getting to the site try back later because this sub domain was just created and may not be resolved yet. I know I can get it here but this has been an issue before.
    LVL 16

    Assisted Solution

    The 20, 30, 40k movies you see with large high quality images are most likely importing them at runtime externally.

    You can load an image externally by creating an empty movie clip, give it an instance name ( myPicClip ) or whatever and then:

    loadMovie("whatever.jpg", "myPicClip");

    To have the images embeded there will always be sacrifices between quality and filesize.  But you can get the size down.

    The biggest mistake, especially when using lots of images, is to use the global quality setting in the publish settings.  Every image is different and should be set to the best level between filesize and quality possible.

    To set quality of individual images:
    Go to the library, right click the image, choose properties, uncheck "Use imported jpeg data" and experiment with the level until it's where you want it.

    Another way to shrink it down is to trace the image.  This only works well with certain images though, complex images will actually increase the filesize instead of shrink it, so it's an experimental thing.  With time, you'll get a feel for what types of images work well and which don't using tracing.

    To trace an image:
    Select the image, on the stage.  Goto modify=>Bitmap=>Trace Bitmap
    Set color threshold to about 50, and leave the other settings at default ( 1, normal, normal )
    If you don't like the results, undo and then try again with a higher threshold.  
    The higher the threshold is, the bigger the filesize though.
    Then there's no way to tell, other than exporting and comparing to old filesize.

    You don't want to use tracing, usually, unless it's a fairly simple image (not alot of colors, gradients, shadows, etc.) But the only way you can really tell is to try a bunch of them and get a feel for what works and what doesn't.

    LVL 5

    Expert Comment

    Sam is probably right about importing.

    You can even use Flash to compress your images, though it isn't the best tool for it. Just set your publish settings to GIF or JPG as required.

    It's really amazing though, the quality that you'll get with a JPEG, even after you go to the library and set it's individual quality to 10% or less. Again, a suggestion from Sam.

    Best of luck!

    LVL 13

    Author Comment

    Thanks all

    Featured Post

    Training Course: Adobe Dreamweaver CC 2015

    Adobe Dreamweaver Creative Cloud is used by web designers and front-end developers and allows you to visualize your site in real-time as you code. This course covers exam objectives for the Adobe Certified Associate (ACA) certification.

    Join & Write a Comment

    Suggested Solutions

    I know the transition can be hard. We got used to the ease of use ActionScript 2 had, but honestly, it became problematic later on, especially if designers were involved in the project and found it easy to add code as they saw fit. So, this artic…
    Recently, I was asked to recommend a tracking system to be implemented on a clients website. As the entire site was built on flash, my first thought was to suggest custom built tracking system. However, our company at that point of time didn't h…
    The goal of the tutorial is to teach the user how to live broadcast using Flash Media Live Encoder and connecting it to YouTube to broadcast. Log into your Youtube account, choose live stream settings, start live stream from Flash Media Live Enc…
    This Micro Tutorial will teach to how to utilize bit rate in Adobe Flash Media Live Encoder.

    730 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    18 Experts available now in Live!

    Get 1:1 Help Now