Swf Image Optimization

I'm working on a project where many of the design elements and controls contain mx:Images with common source attributes. In the Flash Professional working environment I would be using these images as instances of MovieClips, which only needing to be referenced once at compilation (as I understand it), don't bog down the loading time for the compiled swf. When I run my flex application in debug mode I can see each swf image is being decompressed individually as the application initializes. While the decompression runs almost instantly on my computer locally, I imagine it will noticeably reduce efficiency when I put it online.
So my first question is this; is my assumption about the decompression time being a performance "liability" accurate? And if so, what's a more efficient way to load a copy of the image into memory that I can reference in all the different components that use it throughout the application?
Thanks~Benny

**** The images I'm referring to are small, as in 4KB (apparently the smallest file size mac displays by default in the finder).... Actually, if anybody could tell me what view or preference you need to have set up in the Flash Builder workspace to view file sizes (either I'm blind, or it's tucked away in some sort of asinine fashion which is eluding me...) please let me know ****
Here I would say just use R?H click ‘Properties’. At least that would be in Windows.
I have constantly my work directory open and check IF needed for file size there and for .swf file size in the debug or release directories.
**** exported from the Flash library into the image folder in my Flex project. The 4KB swf files range from around 400 to 2000 after decompression and one image, which is relatively complex and detailed, is 78KB in the finder and about 150,000 after decompression, but it's only used once. ****
Here I would say for the first part, and as ‘rtalton’ pointed out embed this Image is quiet small - embedd it once use it as many times as !.
The second part: Well, I have built over the last four years some very large Image Application and never ever worried about ‘decompression’ and my Images are as well all done in Flash files and I never have them as small as 78 kb I use mine more the 300 kb size fully modified into Flash and as long they come out below 180 kb I never worry. I handle that all with preloading, loading and caching but I use modules so that is a little different as well.
And to the rest I’m not sure about that.
regards aktell2007

Similar Messages

Exporting SWF Images in Flash CC

I'm running Flash CC and have been trying to export a swf image file just under 40kb. Swf is the accepted file format for an online ad campaign and I'm struggling finding the best way to combine quality and file size. The image is static. If I could use a png or jpg I would...
Flash keeps exporting files sized at 9kb and they are horrible quality. Any advice on how to change the export settings in Flash to improve the image quality and maximise my 40kb limit would be greatly appreciated.
I tried exporting the image through InDesign and the smallest file size I could get was 130kb with decent quality after exporting as a jpg and re-exporting. Unfortunately lowering the quality of the jpg only helped lower it from 250kb to 130kb... Not quite enough... Suggestions on exporting smaller swf files via InDesign would be greatly appreciated (though I think I have maximised the settings).
I have read tutorials and googled for hours. Any suggestion is welcome at this stage!

edit your image in photoshop and experiment with various settings/size. there's no magic high quality small file size setting.
it's a trade-off. the higher the quality and the greater the image dimensions, the greater the file size. you have to decide where those are acceptable.

Can't Center SWF image in Browser

I've designed a website in flash and have inserted the SWF file into Dreamweaver, I can edit everything else I need, but for some reason - no matter what I do or try, I can't center this SWF image in Dreamweaver so the SWF file will rests in the center of a browser.
I've tried editing the CSS in the Body, but it doesn't change anything, no matter what. The site always sits flush left.
See results of current set up: http://www.louise-gd.com.
Please advise as soon as possible.

The whole page is in Flash? Do you know what you give up when you do that (hint: lots!)?
Try changing this -
body {
     background-color: #999;
     right: 0px;
     margin: 0px;
     padding: 0px;
     background-position: center;
     position: relative;
     visibility: inherit;
     height: auto;
     width: auto;
to this -
body {
     background-color: #999;
     margin: 0 auto;
     padding: 0;
        width:650px;
and see what happens.

Image Optimization for POD

Attempting to optimize a few images for a POD book, but consistency in image quality is the perrenial problem with POD. Received the first proof copy containing 24 black and white 7cm x 7cm images, all from the original publisher (we're doing a licensed translation) and seemingly of consistent qualitiy. 4 images turned out brilliant, and the rest, beyond mediocre, just inferior.
The photo files are EPS. All are showing as grayscale except for 2 which are color space RGB (Adobe RGB profile). Of those two, one is terrible like the majority (flat, washed out, looks almost solarized) and the other is brilliant. The other 3 images printing well, are in grayscale, so RGB doesn't seem to be conclusively part of the answer or problem.
All the rest are grayscale, and in ID the profiles show as NA.
Other than abandoning POD (impossible now, and past projects with similar images have turned out well), what can be done, what are the fundamentals of image optimization for this printing process?
Thank you for the input.
Luca

I assume that by POD you are referring to Print On Demand?
Quite frankly, the “problems” would seem to be more an issue of GIGO – Garbage In, Garbage Out – than anything to do directly with the file format of the images, especially if those images are monochrome.
I would strongly agree with Bob Levine in terms of EPS (Encapsulated PostScript) being an archaic file format. That having been said, a properly prepared photographic image with proper exposure, contrast, and resolution saved as EPS from Photoshop and placed in InDesign should render no differently than a TIFF, JPEG, or PDF (depending upon the compression used in the EPS) image without any ICC profiles placed into an InDesign document. I seriously doubt that simply converting your EPS files to TIFF would help in any way whatsoever, although in the process of simply opening the images in Photoshop, you might see what the real quality (or lack thereof) of the images is.
Many problems associated modern day monochrome images today is the fact that most such images were shot digitally as color images as opposed to being shot on black and white film. Unfortunately, there is no single conversion of color to monochrome that is optimal for all images. Much depends upon the exposure, light contrast, and especially the color contrasts within the original color image. In the days of analog film photography, professional photographers often used color filters with black and white film to deal with the issues of color contrast (for example, yellow and orange filters for outdoor scenic shots to provide for a darker sky with deeper contrast with the clouds, the “big sky” effect). Converting color digital images to monochrome by using the simplest Photoshop tools without regards to image content will definitely yield many suboptimal, washed-out looking images.
Also, after applying one or another of the Photoshop conversions to monochrome, the image usually is still RGB. One needs to then convert the image that looks grayscale to actual grayscale. Otherwise, you end up with an RGB image for which for every pixel R=G=B, a situation which could lead to some “interesting” and likely undesirable printed output, especially if printed on a color device.
Another issue to consider is one of color management. Whether one wants it or understands it, color management is really always on in Adobe applications. If you don't use profiles and the wrong assumption is made with regards to the color space of content, you can get suboptimal results, in grayscale such results being muddiness, poor contrast, etc. And to get back to the file format issue, EPS doesn't support ICC color management directly.
- Dov

ITunes Image Optimization

Is there a purpose for image optimization? Why won't Apple let it's users decide to optimize photos or not?

Optimization probably means that the iPhone is creating a thumbnail and reducing the original image size if needed. With up to 12 Mpixel cameras on the market, there is no need for the iPhone to store an image at full resolution. This would needlessly fill the iPhone's 8GB storage quickly. Instead, the iPhone reduces image size to somewhat larger than the 640x480 screen (and 640x480 TV out) so you can still zoom if needed. Thumbnails are created for quick album viewing.
Apple's simplicity of having this iPhone process happen automatically is the right solution in my opinion. There is no benefit of user's deciding to store photos with greater file sizes than needed or not to create thumbnails. (For reference, I like to tinker as I use both Aperture and Photoshop.)

The bottom of my .swf image cuts off in firefox and IE, could anyone help?

Hello,
I've put a .swf image into iweb using the HTML widget. It's supposed to be animated except for in iphone and ipad in which case it will remain static.
I have two problems, firstly, whilst it works fine in safari and chrome, the bottom is cut off in IE and firefox. Secondly, I don't seem to be able to position it quite correctly in terms of vertical alignment on the page or its size. The problem is shown on the home page of the site: www.n2mediation.com (The other pages as yet have a static image).
I realise that this is a known problem. It's my first attempt at iweb and I've never seen HTML in my life before so if anyone could advise in simple terms which elements of the code to change I'd really appreciate the help.
Thank you
Trix44

Oh, thank you, I'm sorry, I hadn't understood what to do.
Everything about the animated image is now fixed brilliantly - the size, the alignment, and the bottom isn't cut off. Thank you.
The only thing I don't know what to do about now is how to have the static image load on ipad and iphone (because I understand that .swf files don't work on these devices). Currently the image doesn't load at all, it's blank space. Could you please advise how I should adapt the code to insert the static image if the device isn't flash compatible. The path of the static image is http://www.n2mediation.com/Fotolia_43355604_XL.jpg
Thank you
trix44

Any help appreciated - - on barefoot ski image optimization

Any help appreciated.
Working with Photoshop 7.0 trying to color correct and optimize an image of my son barefooting to prepare for giant vinyl print to create a stand up cut-out on a foam board.
I will attach 2 downsized images for comparison.
As you can see one image has nice smile but no sunlight and other image has great sunlight but no smile.
I need to optimize for CMYK printing the smiling image. I know a bit about levels, but don't know what to change for midtones, highlights, etc. to try and correct this smiling image as best possible.
Unfortunately I did not set up the Canon EOS Xsi camera to save RAW images at 17 megs and the boat owner is not wanting to go out again for another photo session. Original image is 4.5 megs jpg which I crop image, adjust histogram by "sliding in the sides", convert to CMYK, sharpen unmask at 98%, increase brightness with middle slider in histogram, expand size up to 72 inches tall by 54 inches wide and also set to 150 pixels per inch (may try 300), save as LZW TIFF.
After that image is like 400 megs, then import into illustrator CS and tile out just the face of a 72 inch X 54 inch and it's amazing pretty clear for 100:1 file size increase (13 X 9 inch sheet).
I have access to CS4 on Mac only - - don't know if CS4 Mac file will have any big advantages over my 7.0 in Windows . . .

Hmmmm, wonder if anybody ever created a plug in for photoshop that allowed you to add more lighting to an image, as in light coming from behind the photographer - - like sunlight effects ?

Image Optimization

I'm currently working on an application which requires a
couple hundred png images to be displayed at once on the screen.
I'm looking for ways to optimize the image storage so that it has
the least effect on the user's system. The images must be
resizable.
I'm using the Image class right now, and was thinking of
switching over to the Bitmap class. Although I wouldn't gain the
benefit of pixel-copying, I'm hoping that Bitmap will have a
smaller footprint, and will give slightly better performance.
Is there a better way to do this? Should I be using graphics
to draw BitmapData of the image directly onto a minimal component?
If so, are there any guides for resizing the BitmapData for
drawing?
Thanks,
Nate

"skider" <[email protected]> wrote in
message
news:glagl9$nvd$[email protected]..
> I'm currently working on an application which requires a
couple hundred
> png
> images to be displayed at once on the screen. I'm
looking for ways to
> optimize
> the image storage so that it has the least effect on the
user's system.
> The
> images must be resizable.
>
> I'm using the Image class right now, and was thinking of
switching over to
> the
> Bitmap class. Although I wouldn't gain the benefit of
pixel-copying, I'm
> hoping
> that Bitmap will have a smaller footprint, and will give
slightly better
> performance.
>
> Is there a better way to do this? Should I be using
graphics to draw
> BitmapData of the image directly onto a minimal
component? If so, are
> there any
> guides for resizing the BitmapData for drawing?
I use a Matrix to do the resizing, but I'm doing something
different to what
you're doing.
You might find this useful:
http://tinyurl.com/superimage

.swf image comes out lighter than the source

I'm creating a simple animation in AE from a jpeg image. I bring up some text on the image. When I create the .swf file, the background that the text appears on is lighter than the original jpeg in the Safari browser. Since this animation "tiles" into the page with other jpegs sharing the same background image, the light background produced by the .swf stands out from the rest of the page.
This only seems to appear in the Safari browser under OSX. FireFox doesn't have this problem. However, since I need this to work across all browsers, I need to solve this issue.
If I make a .mov file instead of a .swf, it also appears lighter than the source.
In fact, if I simply take a jpeg image and create a 1 frame .swf from it, it comes out lighter than the original. I'm not doing anything to the image (as far as I know) that would make it lighter.
Any insight to what is causing this problem would be greatly appreciated.

It's ColorSync and how it is used throughout your system, even if only for on-screen Gamma correction. In so many words: There's nothing you can do about it but to reset your settings and turn it off wherever that is possible. Not on my Mac ATM and not using Safari anyways, but I'm reasonably certain there's an option for using the system color settings somewhere. Depending on how you process the JPEG you may also need to fiddle with the color settings for the Adobe suite. Flash itself is not color profiled, but it will respect embedded proviles by ways of its image loaders that it shares with Photoshop and al lthe other apps. Beyond that I wouldn't get too crazy over it: Color mismatches and shifting alignment are a natural bane of all web development, and even if you get it right on one machine, the next day another user will tell you that it looked crap on his machine in Konqueror on Linux.... More than anything else, webdesign is a matter of using the design to cheat around these limitations, unfortunately. Perhaps you can use a large background Flash file instead of the original JPEG and then put your HTML content onto a separate DIV layer...? ;-)
Mylenium

How do you control hiDPI image optimization in Muse CC 2014?

Hi,
I'm using the new hi-DPI feature in Muse CC 2014 that supports image assets for hi resolution screens. The website I'm building is a portfolio site and need to make sure that images look good on both 72 dpi and hi-res screens. I'm finding that Muse is over optimizing @2x images when exporting for preview—especially for the assets used for 72dpi screens. When I export the site to preview in browser, I'm assuming that is the image quality that can be expected when publishing the site. Can I just optimize the images using Photoshop and replace them on the FTP host site after publishing or is there a better method? Is it possible to preview the manually optimized images before publishing?
Thanks for any suggestions.

Okay, I'm answering my own question since I figured out at least one solution. Probably pretty basic stuff for anyone that's familiar with Muse and publishing, but this is my first Muse site.
From Muse, export the html files to your local drive.
View the site in your browser and check for image quality.
Replace files in the "images" folder that are not good quality with images that you've optimized manually, making sure you use the exact same file names.
Refresh your browser to view new images.
I'm testing on a 72 dpi desktop and a hi-res display laptop. It doesn't look like the files I'm using are too large. Pages should still load quickly.
Once your satisfied with the new images upload to FTP host.
I think this works fairly well, but if anyone has a better method, please post. I also am interested in using business catalyst to track traffic on the site. I would imagine you can simply replace image files directly on the FTP server if you publish using Catalyst.

Are there any recommended image optimization settings?

While trying to optimize images for my website ( http://gameboilers.com/ ) I used a tool named 'RIOT', but I am not confortable with that since I am a Photoshop user and likes utilize its potential to the fullest. I tried different preferences while saving processed images, but wasn't satisfied with the result. Can anyone tell me about some recommended settings that I can use to optimize images using photoshop CS5 ?

Hi
You can use Save For Web... option from File menu.
As for me, I usually use JPG file format with quality of 60 for photos and GIF formats for drawings and logos. GIF provide better lossles compressiob but can save 256 colors only.
PNG is best option if you need transparency.

Aperture - Image Optimization

Hi,
Is there anyway that I can set Aperture to optimize an image for the web when I export it so I don't have to use photoshop for it?
What I have been doing is exporting them and then I optimize them for the web with photoshop.
Thank you for your help!

Do you need adjustment that are only in PS?
I find that I hardly ever use PS any longer. I do all of my processing in A3 and then publish directly to the web from A3.
Allan

Image Optimization in CQ5

Is an image automatically optimized by CQ5 when it renders the website? Or do we need to store web ready/optimized versions of the images?

thx for answering
You understood right, I have enough memory for saving 1-bit images, but
Graphics.drawImage(Image img, int x, int y, int anchor) can draw only RGB images so each time I want to draw some image, I have to remake 1-bit images into RGB images, it takes a lot time, so I need to make some optimization
My application draws symbols, but symbols are presented by Glyphs, so I draw some black&white Glyphs

Client changeable SWF images

Hi, new to Flash.
Got CS3 version. I'm trying to make a SWF banner with 5
images that swap every 7 seconds or so.
Client asked for a XML file so she can update the images
periodically. How do I do this? What files will I be producing?
.SWF, .XML? Thanks for your help.

OK, I see how to get the files. However, if the SWF file
needs to be edited to change the images periodically, she can just
hire me to do that with an updated SWF file. There's no need to
make an HTML and XML file as far as I am understanding. Because a
SWF file will stand alone, correct? Is there not a way to just put
new picture files in a particular place the XML file (I assume) is
referring to. Maybe just overwrite the old picture files with
updated ones using the same filenames?
Thanks.

Flash .swf image viewer not showing up in web browser

when i preview my image viewer from dreamweaver in safari its
all fine but once uploaded to the web its just blank
all the code is there.. can anyone help me.. please
the page is
http://www.lisamoffattphotography.com/gallery1.html

In other words, it doesn't appear that your site is properly
defined in
Dreamweaver.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Ken Binney" <[email protected]> wrote
in message
news:g9j5dk$rep$[email protected]..
> Your page link points to gallery1 in the root folder of
your site, but the
> Scripts folder and the Spry assets folder links are
pointing to one level
> above the root.
>
>
> "D.Devito" <[email protected]> wrote in
message
> news:g9j1no$npv$[email protected]..
>> when i preview my image viewer from dreamweaver in
safari its all fine
>> but once
>> uploaded to the web its just blank
>> all the code is there.. can anyone help me.. please
>>
>> the page is
http://www.lisamoffattphotography.com/gallery1.html
>>
>
>

Swf Image Optimization

Similar Messages

Maybe you are looking for