Scaling down images to thumbnails with bilinear/bicubic filtering in Flex?

Hi!
I develop a Flex based AIR Application, which needs to create
thumbnails of big images. My Thumbnailer class does what I want to,
but the results look not so well. The problem is, that even with
"smoothing" turned on, when drawing the bitmap smoothing only
effects up-scaling.
The thumbnails look very jagged and crisp. Photoshop uses
bilinear or bicubic filtering when scaling down an image, which
looks much better. I have searched the web with google and I have
looked for other Flex projects using thumbnails but I could not
find anything producing better thumbnail images.
Performance is not very important because I save the
thumbnails to image files and use these. So scaling does not to be
real time.
Is there a way to create better thumbnail images in
Flex?

I don't think it should be necessary to do things this way.
I tried following the approach outlined here:
http://blog.739saintlouis.com/2007/02/05/scaling-an-image-with-smoothing/
in both an AIR app and a normal web app, and it looked
noticeably different (worse) in AIR. Have you done the same
experiment?
Anyway, someone will look into it. (It's still possible you
may be able to get better results following your method,
though...not sure about that).
Mike Schiff
Flex SDK team.

Similar Messages

  • It's about attaching scaled down image

    hi...
    i'm attaching an image that has been scaled down from 3040 x 2016 to 1200 x 796 (using photoshop) to a jpanel via drawImage...
    it works fine, but then a message occur on the console when the program terminated :
    'Corrupt JPEG data: 3304 extraneous bytes before marker 0xed'
    i've tested attaching the real image (3040 x 2016)... there's no problem, but it's way too big,
    slowing down the program initialization...
    so is it a problem attaching a scaled down image ?
    thanx !

    Does the image open properly in photoshop? What type of image is it?

  • Scaled down images look poor

    when placing .png files into CS5, they look fine, though as I  scale them smaller, once I reach a certain size, they begin to  look pixelated and the edges are jagged. Why is this? Why would they look worse at smaller sizes and how can I scale them down without them doing this?
    Thanks.

    I agree with the last poster,  .png is a newer format.
    You problem may be with bitmapped graphics previews in Illustrator. The best accuracy of a bitmapped graphic preview is in photoshop at 100% (1 pixel file to 1 pixel monitor). As you zoom in on a scaled down illustrator the preview will get better, as Illustrator uses the bitmapped preview part of the file to display the image, but the interpolation may make thin lines look bolder or thinner when not in a 1 to 1 pixel preview.
    Please post an example screenshot if you still need help, and we can answer your question much better.

  • Scaling Down images in Illustrator

    I scaled down original images into a file in an illustrator file but the pictures are still the original HUGE picture size. When I scale it down or save the file as a pdf is there anyway to get the size down proportional to the scaled down version? This is going to press so I can't reduce the quality.

    Look at the preferences for pdf export, I believe it is under the edit menu. You can set the image reduction there. If necessary, create a new preset with the options you prefer, but one of the pdf-x options should work. (I never tired the pdf-x presets, so I am assuming it would be right).

  • Having problems scaling down image

    Hi there, I was hoping somebody here may be able to answer a query I have.
    I'm currently creating the following icon in Illustrator:
    The Image was created within illustrator using the shape and pathfinder tools, the problem I'm having is that when I come to scaling it down, this happens:
    The strange thing is that when I scale the icon upwards it does it perfectly as it should, but the problems are coming from scaling it down.
    I think it may have something to do with the size of the image already, it's quite small, approximately 50px accross. I'm looking to get it down to about 25-30 px accross, but when i take it down to about 40px the distortion occurs and gets worse as I make it smaller.. I thought it may have something to do with the handles on the anchor points overlapping? But I'm not so sure as I've never had an issue like this before, although I've never worked at this small scale before either.
    Any help on this is much appreciated.
    Thanks in advance,
    Lionel.

    In your transform palette turn OFF align to pixel grid, prior to scaling. Adobe since CS5 has made that to be on by default when you create an RGB document.

  • How do I replace images in slideshow with retina resolution images?

    When I use a retina.js script to replace .png images with @2x.png images in a slideshow, only the first image shown is replaced with retina res image. Is there a way to replace all?

    You can use CSS to make the other images retina. You need to downlaod the index.css file from the CSS folder then add code to it that has the width and height of the scaled down image like this:
    /* Slide 3 home */
    img#u9095_img.block {
              width: 490px;
              height: 506px;
    I have got it working but for some reason the images seem to inconsistantly show in my browsers. See how it works for you.

  • Pixelated images when scaled down issue.

    I have scaled down some JPG's in flash and they look fine but
    when I publish to a SWF they look pixelated. I've read other
    threads and done what is suggested i.e. Smoothing on or off, JPG's
    instead of PNG's and quality at 100% with no success. I know that
    Flash isn't a resolution based application and bitmaps are but the
    images look fine in the Flash IDE.
    Can anybody help me further with this. Thanks in advance for
    any help.
    Simon.

    Hi andy 3r x1...I'm not sure I understand what you mean,
    sorry. I have JPG's inside flash and they look fine but when I
    publish and view them through the player they don't. The JPG's are
    scaled in the flash movie but are seen 1:1 later on in the movie.
    The scaled versions are pixelated.
    Anyhow, I've found what the problem is. I'm publishing for
    Flash player 7. If I publish for 8 and above the JPG's look fine.
    Haven't got a clue why this is other then the players are better?!?

  • Stop imported images from being scaled down

    This is a quote from the Adobe Premiere Elements 7 web page Guidelines For Adding Files
    Guidelines for adding still image files
    By default, Adobe Premiere Elements scales still images to fit the project frame size. You can override this behavior and instead add your files at the size at which they were created.
    My question is how do you override the down scaling my image of 4000x3000 is getting scaled to 1280x??? so when I zoom it is pixelated.
    Thanks all.

    Also, how do you intend to export this 4000 x 3000 pixel still? If you go Share/Personal Computer/Windows Media, even with the choice preset = 1440 x 1080 HD anamorphic, the max that you can type in for frame size = 2000 x 2000 pixels.
    In the OP's case, the Export will be to the chosen Frame Size. Let's just say that it's 1440 x 1080. That is all that will show. However, PrE will be displaying that Frame Size from the larger still, and as it moves about, within that Frame Size, the image will change to reflect the current view of that still image. It's like having a 1440 x 1080 window. Behind that "window," the scene is moved about, as is needed. The view will always be through that window, but with something like the Effect>Motion>Position, will be dynamically altered, frame by frame. Without Scale to Fit, only the 1440 x 1080 "view" will be seen, and never the 4000 x X full view. It's about the same as a PiP, that is created by Effect>Crop. The full image of the Video Clip on Track 2 is never seen, as we have created a "window," reflected by the Crop. That is all that the NLE "sees," and Exports.
    Still, the resources useage will be predicated on the size of the source material, even though we only see that 1440 x 1080 "view" of it. The program has to "crunch" the "big picture."
    Hunt

  • Video scaled down becomes pixelated with graphics

    Hey everyone,
    I have a clip in my time line which I resize (720 x 480) scale down to 32% from 100% to the corner.
    Adjusted all the Pixel Aspect ratios which are set to NTSC CCIR 601 (lower) & TIFF images (square). Tryed also RT which is dynamic.
    My lower 32% scaled down video is a bit distored blurry with any graphic file or motion file. Tried adjusting the layers,aspect settings, codec. If I remove the graphic..it clears up to normal. The full 100% scaled is fine.
    I'm trying maintain the digital quality in the small scaled down video.
    Suggestions would be helpful.
    Thanks!

    Render it, then view on a proper external ntsc/pal video monitor.
    x

  • Firefox is scaling down the photo sizes, along with chrome and internet explorer but Firefox's photos are usually smaller

    I sell products on a site, along with other sellers, that is owned by someone else.
    We have many sellers there. Some of us are having problems with how we are able to view the size of our photos taken of our products that are up for sale.
    From seller to seller, we have different versions of Firefox that we are using. I have the newest Firefox, which I believe is 4.
    I was having, like others who use 4, the same problem seeing smaller photos before I did the upgrade as well.
    It seems to be the case for most of us who are having the problem, that Firefox photos scale down smaller than Internet Explorer and Chrome.
    We have been told that this may be a browser issue as the site owners say they have not made any changes. At this point we are unsure since there are so many variations from seller to seller (keep in mind that some sellers are not seeing the photos scale down through their computer).
    We have asked the site owners to look into this problem further. I also wanted to see what the Firefox community had to say. Do you think it may be a browser issue? We would greatly appreciate your input.
    Below are some examples of photos that have been scaled down for the sellers who are seeing a problem with smaller photos while both in Firefox; all using different versions of Firefox:
    One photo that was originally the size of 419px by 1, 007px is being seen by one seller to a scaled down size of 81px by 64px.
    Another seller is viewing this same photo scaled down to 163px by 329px.
    Another seller is able to view this photo as the original size it was intended to be, which is 419px by 1, 007px.
    The above scenario has been the worst scaled down size we have heard of so far.
    Typically a photo that is the size of 1, 000px by 930px has been scaled down to 420px by 391px.
    There are other examples as to size, but you can see that the photos have been scaled down quite a bit.
    You can see that it has been scaled down to less than half of the original size. This can pose a real problem for us depending on the type of product that is being photographed.
    Thank you!!

    Thank you!!

  • How to save transparent background images to have transparent background thumbnails with Photoshop 2014?

    In old versions of Photoshop there was a feature that made thumbnail images have a transparent background.  I'm a CC member using Photoshop 2014 on a MacBook Pro running OS X 10.9.4 and every thumbnail of a transparent background image I've created in Photoshop 2014 appears on my desktop with a solid white box background that has a thin black outlined box inside of it.  How do I save the transparent background images I've created in Photoshop 2014 so they will appear on my desktop as thumbnails with a transparent background?   I'd like to continue to be able to replace the default background-less folder icon that that appears on files with transparent background thumbnails to customize my files as I use to do with older versions of Photoshop.

    If your layered document has a Photoshop background layer it visibility need to be set off when saving a PNG or Gif file for Photoshop background layers do not support transparency.
    Thumbnail may be a bit more complicated than you think. I do not use Lightroom, and only occasionally use the bridge.  I believe Lightroom and Bridge  keep thumbnails they develop for image files  in their library databases and caches.  Other programs do not have acces to  these.  RAW Files and Image files have Jpeg previews stored in then.  I believe most application use these previews jpeg to create thumbnails.  Jpeg format does not support transparency.
    Icon on the desktop are not always thumbnails some are embedded icons in application modules other are icon in dll these may well have transparency. However image file on the desktop have generated thumbnails.  However you can create a shortcut for an image png file and create a icon with a transparent background for the png file and change the shortcut's icon for the png file to the transparent ico file you created for it.
    Also many Photoshop release ago an Adobe module created Thumbnails for image files in Windows File explorer and most likely system file dialog. Adobe stopped supporting that stating Microsoft changes how windows works.
    Today I use FastPictureViewer Codec Package to generate image thumbnails for image files including RAW and PSD files in File Explorer and system file dialogs.
    I don't use a Mac don't know what available for your Mac.

  • No thumbnail images in icons with Preview since reinstall of Tiger

    Since a HDD crash and reinstall of Tiger at Apple Store with updates to 10.4.11, Preview.app is now NOT making image thumbnails but only shows an icon with the Preview logo and file type, ie. JPEG, PNG.
    Also in Folders most images, but not all, are not showing up as they used to with miniature images.
    This makes it very hard to tell what the image is merely with a number for the filename.
    I tried deleting the plist but that didn't help. Anyone have any suggestions how to get real thumbnails back?

    Hi BDAqua,
    Thanks for the suggestions. I tried it several times to no avail and noticed that an older version of Preview which had been archived on an external drive was 13.2 MB on disk while the one which the Apple Store put onto the new hard drive was only 3 MB, even though they are both v3.0.9 (build 409) I've tried both and there doesn't appear to be any difference in functionality.
    Still no thumbnails except on a few .jpgs. They do work from iPhoto if they are normal .jpg pictures if I drag the pic to the desktop from the iPhoto Library, but not panoramas which have been stitched, photos which have been cropped, modified or .gif or .tiff.
    Guess we'll just have to keep looking for the answer to why they won't show up all the time.
    Thanks anyway.
    If anyone else has any ideas about this Preview weirdness, please join in...

  • Green screen filter and scaling down distorts image?

    I captured footage from Digital Video Camcorder NTSC ZR30 MC (standard definition camera 2001?) through firewire connection. Footage was recorded in 12 bit rate. Captured in equivalent DV NTSC 32 kHz. Edited the footage using green screen, scaled down to about a quarter of the frame and used oval shape video generator.
    Using FCP 0.6. After rendering all edited footage, it plays back digitally distorted (digital lines constructing the image are out of sync). When exported through Quick Time Movie the image remains distorted.
    What can be the cause of that?
    Please help,
    Hazel

    When you slow down footage you are creating frames where there were none before.  I'd suggest you do this in a two step process:
    1. Slow down your footage and render it.  export selfcontained movie, do not recompress all frames.
    2. re-import the slowed down footage and apply green screen filter.

  • In CS5, Win7...go to File, then Open...do you see .PSD thumbnails with preview images?

    In CS5, Win7...go to File, then Open...do you see .PSD thumbnails with preview images?
    In all other versions of Photoshop, I can see a preview of the image, even .psd files, but with CS5 now, I just see the PSD icons...this again, is when you go to File, then Open...  Anyone else see this?  In Elements 9, I see the preview thumbnail icon, not generic, same with CS3 and Elements 7, but not with CS5? 

    Well, I was thinking if others tried on their Win7 system, they could let me know if they get the same result or different...so by comparison I could see if I had an issue with my software, such as if it were standard...  However, I did figure it out...  It's a 32-bit vs. 64-bit difference.  Elements 9 is a 32-bit software, and so is CS5 32-bit of course....so both of those softwares show .psd thumbnails in the File, Open view...but the 64-bit does not...in Win7 64-bit...in case anyone else is wondering...  

  • Still having problem with PDF document video - Text Blurred on Scaling Down

    Need to scale down a captured PDF document video (.mp4). but text become blurry after scale down. Any suggestions to keep the text clear and readable ?

    Those two things are not the same shape. If what I am about to say is too basic, please forgive me. It might help someone else later.
    The ratio of your captured image (1434 x 958) is calculated as:
    1434 / 958 = 1.496868475991649
    The ratio of your export is calculated as:
    640 / 480 = 1.333333333333333
    Just get the representation of them into one document, I created a Photoshop file big enough to hold them both. Then I scaled it down and took a screen shot to fit this forum's restrictions on file size.
    If you look at the first image, it is difficult to see that they are different shapes.
    In order to make them easier to see, I scaled down the larger layer, using the Shift key to ensure that the scale is perfectly proportional.
    Now you can easily tell that the ratio of 1434x958 is much wider than the ratio of 640 X 480.
    That means that you are changing the shape of the image when you export.
    If you are concerned about the long edge, you could divide 640 by 1.496868475991649 and export the image at 640X428 and get closer. It is not optimum, but should look better. Optimum would have been to size your PDF to where the longer edge was evenly divisible by 16. But, too late for that.
    Another choice would be to edit the video in a 640X480 sequence, and scale the PDF video down to fit that sequence - leaving a letterbox look (black bars on top and bottom). That might help the image stay sharp. Then export to 640X480 from there.

Maybe you are looking for