Image scaling issues

I am using a 1280x720 PNG for the background in my Flash movie, but when I play it in fullscreen the image looks like crap. What's the best way to make images still look good when the movie is scaled up? Should I use a 1920x1080 PNG and scale it down instead?

Let me help you understand.
Resampling occurs even without scaling on any bitmaps with smoothing enabled. A pixel level detail loss is noticable immediately, pixels are resampled until blurred.
Without turning on smoothing, the original image has no original resampling applied. Scaling performs a cleaner nearest neighbor resample that preserves hard pixels. At original size and while upscaling this produces a much cleaner result. While pixel edges are less resampled (upscale blur) the detail is still intact.
While turning smoothing on, the original image is immediately resampled (bilinear, trilinear, bicubic, etc). The pixel detail loss is immediately obvious even at original scale. This blurring helps during rotation and reduction but during upscale the amount of resampling get heavier and heavier until the image is excessively blurred. The only slight benefit is edges appear smoother, but the reality is the edges are blurred to death. This is why it very limitedly helps to some people but really doesn't help at all.
Here's an example of a small choice piece of a free Harley poster showing the effects of smoothing at original and 200% scales. An additional small portion of the original image is scaled 3x (nearest neighbor resampling (no smoothing)) to illustrate the difference in pixels even at original scale. The detail loss, while much less at original size, is still visible with smoothing.
Example Image
The top 3 images are with smoothing enabled. It's immediately obvious the level of blur is pretty harsh on the original image. The zoom-in shows the pixel blurring compared to the image with no smoothing below it. Color is shifted and muddied from bright to dark very noticably.
The upscaled image is where the real destruction takes place. The curved tire, angled spokes and spring are the most harsh environment for nearest neighbor scale. Smoothing has blurred them so much in the resample they appear a lot smoother. Only it's so blurry you can barely look at the picture without your eyes watering. To a photographer, this is a throw-away photo, far too out of focus.
The bottom image shows no smoothing enabled. The original size bitmap retains a great deal more pixel clarity and detail. The 300% zoomed image shows much brighter, more accurate colors having not been resampled. During the upscale the pixels are only nearest neighbor therefore you can see the extremely slight anti-aliasing performed. Hard pixels stand out more, much more true to the original image. Highlights on metals are still bright, colors are more accurate and more pixel level detail is exposed and enlarged. While edge enhancement would be nice, it looks far better without blurring the details and colors out of existence.
Therefore smoothing really doesn't help upscale or even original size without pixel and color destruction. The best option is not to require Flash to perform any scaling on a bitmap unless edge-only resampling becomes available. The small benefit it gives is working with a far less quality bitmap which might render some slight performance advantages in memory ops for huge images. At the loss of detail, this is arguably more of disadvantage than advantage. 

Similar Messages

  • Photoshop CC - Image scaling issue

    One of my team members is running latest of Ps CC on a Windows PC, and every time she needs to scale down an image it pixelates, is this a known problem? Does anyone have a fix for this?

    Thank you for finally clarifying, azcreativ!
    I hadn't even realized that your screen shots were actually your before-and-after images of your image.  First because I saw no pixellation anywhere, as I still don´t see any such pixellation in your images at all.
    Sure, your re-sized image looks like cr@p, but that's because of massive blurriness and plain image deterioration from the indiscriminate Ctrl+T manhandling/resizing.
    For what true pixellation looks like, check out the right-hand side owl in my screenshot in #5 above.
    My interpretation of your screen shots was that you were attempting to show some.
    Free Transform (Ctrl+T) is NOT REMOTELY "the same as " the Image Size" menu item looks like or does, unless you know exactly what options to choose, which I suspect your coworker does not.  She's probably dragging the selection corners immediately, rather than setting the appropriate parameters, otherwise you would have mentioned that—my aplogies if I just missed that information.
    Just  look at the alternatives there:
    That's where the boggling of the mind comes in upon learning you were instead using Free Transform.
    Now considering the screen shot you are resizing, especially if you save your screen shots as JPEGs.  You are starting out with a low-res image at the ppi resolution of your/her monitor (provided the image was being displayed at 100), probably the lowly, outdated 72ppi standards, 100% at best if that's what your/her monitor resolution is.
    Then you bring out the Ctrl+T shortcut brute and you proceed to mangle your image!  What can you expect?
    Try to see if she can start out by displaying the dialog boxes to be captured at 100%, then re-sizing using the Nearest Neighbor (preserve hard edges) option.
    Also keep in mind that down-sampling by 50%, 25% and 12% gives you the least objectionable.
    Good luck!

  • Strange problem with image scaling when placed

    I'm currently running InDesign CS6 from the Creative Cloud, and it's version 8.0. I have a PC and am running Windows 8.
    I am experiencing a really odd problem when placing images, and it only recently (within the last two weeks perhaps?) has developed. I do ebook production for a publisher. I have an InDesign template (INDD file really, but "blank" and ready to be filled in, and as such I refer to it as a "template") that I use, and the cover for the book goes on the first page. The document is set to pixels as the ruler measurement, and the pages are 650 pixels wide by 800 pixels tall. The margins are all set at zero. The cover images are sent to me as JPEGs and always have the same size: 72dpi setting and 500 pixels wide by 750 pixels tall. This is chosen to be about the size of the full screen on most ereaders, or close enough to be so.
    So when working on a new book, I put my cursor in the blank line that is set up to take the cover as an inline image. I do control-D to place, select the file, and hit enter. This SHOULD place an image at that location that is 500 pixels wide and 750 pixels tall when looking at the InDesign page rulers. Instead, InDesign insists on placing this image at 50% scaling, so that it is only 250 pixels wide by 375 pixels tall. And in the link info panel, it shows the actual PPI as 72 and the effective PPI as 144. It does this no matter how many preference changes I try (including the ones under file handling and the import setting options).
    The strangest part is that if the file is just a tiny bit different than 500x750 @72dpi, then there is no problem. For example, if I open the JPEG in Photoshop and change the image settings to 500x750 @73dpi, then InDesign places it at 100% scale like I want. If I change the image to 499x749 @72dpi it also gets placed in InDesign at 100% scaling. I've tried this with various new INDD documents with settings in pixels, inches, or picas as the ruler amounts, and with different page or margin sizes (just in case the problem is with my template). I get the same result no matter what.
    It appears that InDesign somehow thinks that any image that is exactly 500x750 @72dpi should be scaled at 50% when placing it into an InDesign file. Has anyone else run across this? Is it a bug or something I'm doing wrong? I've been doing this exact procedure for over a year, first with CS5 and now CS6, and I've never had this happen until just recently. I suppose it COULD be an accidental change in settings or preferences. But if it is, I cannot figure out how to change it back.
    UPDATE: I installed the 8.0.1 update and it did not resolve the issue. I also tried more image options. It looks like this scaling to 50% upon placing ONLY happens when all three attributes match this: 500x750@72dpi. All of the following modifications to the exact same image placed in the exact same spot in the exact same document resolved the issue:
    501x750@72dpi
    499x750@72dpi
    500x751@72dpi
    500x749@72dpi
    500x750@71dpi
    500x750@73dpi
    But of course, I don't want to have to modify every cover image I'm sent in order to prevent this scaling issue.

    I just tried this and got the same results (CS6, 8.0.1, on WinXP SP3). One other tidbit: the same 500px × 750 px @ 72ppi image saved as TIFF instead of JPEG worked correctly (at least for me). I haven't tried any other image formats yet.
    This sounds like a good candidate for an official bug report: http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
    -Bill

  • Graphics scaling issues in Flash Builder 4.5.1

    Please review this screen shot. Details follow the image.
    FB 4.5.1
    applicationDPI = "160"
    Graphics using MultiDPIBitmapSource scale fairly well.
    Graphics used for these properties do not scale well at all:
    1) ViewMenuItem's "icon" property.
    2) List itemRenderer IconItemRenderer "decorator" property.
    3) TabbedViewNavigatorApplication's "splashScreenImage" property.
    These graphics assets end up with horrible scaling artifacts, making them unusable. So, I cannot use icons with Menus or Lists or a splash image.
    I've reviewed all of Adobe's documentation and followed all of their recommendations for creating graphics assets for use in a mobile applications. Simple graphics with no curved lines or angles less than 90 degrees scale well. Anything else does not.
    Attached is a screen shot comparing the scaling issues at 160, 240 and 320 dpi with applicationDPI = "160". It is using an FXG graphic created in Illustrator CS5.5.
    The FXG graphic was embedded in the s:IconItemRenderer  like this: decorator = "{images.arrow_list_icon}". 
    For testing purposes, I also tried switching the decorator at runtime based on the applicationDPI, but of course this fails as the application still scales the graphic whenever the application's applicationDPI property is specified. 
    <s:List>
    <s:itemRenderer>
    <fx:Component>
    <s:IconItemRenderer
    decorator = "{chooseDecorator()}" 
    <fx:Script>
    //This code selects a different FXG asset based on the DPI reported at runtime. 
    import images.arrow_list_icon160;
    import images.arrow_list_icon240;
    import images.arrow_list_icon320;
    import mx.core.FlexGlobals; 
    protected function chooseDecorator():Class {
        var rtnVal:Class;
        switch (FlexGlobals.topLevelApplication.runtimeDPI) {
            case mx.core.DPIClassification.DPI_160:
                rtnVal=images.arrow_list_icon160;
                break;
            case mx.core.DPIClassification.DPI_240:
                rtnVal=images.arrow_list_icon240;
                break;
            case mx.core.DPIClassification.DPI_320:
                rtnVal=images.arrow_list_icon320;
                break;
        return rtnVal;
    </fx:Script>
    Has anyone come up with methods which can be used to avoid scaling issues with these items when setting the applicationDPI property?

    Chances are that you'll get better answers for this question on the Flex general discussion forum. This forum is visited more by engineers on the tooling team while the latter has people from the Flex SDK team.
    -Anirudh

  • Scaling issue going from computer to flat screen tv.

    I have a client that has shot thousands of pictures from his world travels over the years some in the raw format some in jpeg. He created a slide show in Photoshop Elements of the pictures and when he shows them through his computer onto his large Toshiba HD flat screen some of them come out jagged (doesn't matter if they are jpeg or raw). I am assuming it is a scaling issue causing this. Question can some one please give me the right instructions on how to go about fixing this so all of his pictures come out crystal clear on his flat screen? Thanks.

    What is the current pixel dimension of the images that are causing the issue?
    Richard Lynch

  • Placed image scaling problem

    Hello,
    just need one advice from the gurus out here.
    i have placed few images in adobe indesign , now after placing image in indesign if i scale the image to 102 or 103 or 105% will it effect printing quality in offset printing ??? i mean i am increasing the size by 1% or 2% or 4% will it effect printing ? becuase scaling in photoshop is going to take lot of time because i have 1500 different products and all have different scaling issue so i thought of scaling bit more in indesign itself, please advice.
    regds
    Chako

    If you know what line screen you're printers is using then you can calculate your minimum PPI.
    The general rule has been to multiply the LPI x 2 = ppi | Which a lot of people take to assume that the LPI will be 150 in most cases, and that's where the 300 ppi for images originates.
    But in truth different mediums would use different line screens, like newspapers, magazines, high-end art books etc. And the x 2 rule is a safe play, but it really should be 1.41 (or 1.5 to keep  it simple).
    Newspapers generally at 85 - 105 lpi
    127.5ppi to 157.5 ppi
    Magazines generally around 133 - 150 lpi (some high end magazines may even use 175lpi)
    199.5 ppi to  225 ppi
    Art books - high end printing etc around 175 - 200 lpi.
    262.5 - 300 ppi
    But as a rule of thumb it's best to keep your print images at 300 ppi for printing - but you can go lower, check with your printers as to what they recommend if you really need an image to go below 300 ppi for printing.
    But the next time your printer tells you that your images are 250ppi and not good enough for printing you tell him that his halftone cells are rotated 45 degrees and that a2 + b2 = c2

  • Classic tween scaling issue

    I have two jpeg images that are converted to movie clip symbols. When attempting to scale one from zero out to infinity (zoom out look), I apply the classic tween and the image zooms out above the top of my document window instead of going straight out. Is there something I can troubleshoot to fix this? I belive the registration point on the symbol is in the center, but how can I confirm?

    Hey, the best bet would be what the above poster said, click on your symbol and push Q to select the Free Transform tool and change the registration point to fit in the center. If you're having any scaling issues using tweens I'd just remove the tween and try again, I find tweening always buggy.
    -Travis

  • How do I fix this printer scaling issue?

    Copied from my post on Experts Exchange...
    I have a client running an OS X Server with Snow Leopard 10.6. Their office has iMacs and they print a variety of formats (PDF, DWG) from different programs.
    The problem is that the prints are not scaling properly. When set to a certain scale, the measured print is off by 2% or so.
    They also run Windows 7 in a virtualized machine via Parallels, and they are not experiencing the problem through windows.
    The printer in question is an Epson Stylus Photo 1400. It is connected directly to the OS X Server via USB. The printer is then shared via Server Admin using all protocols.
    On a client Mac OS X machine, I add the printer through System Preferences, Printers, and select the printer. When adding, I use the Gutenprint driver for this particular printer because for whatever reason, the standard driver will not print correctly (prints half-way, wrong size, etc.).
    I have tried restarting the Print Server, removing and re-adding the printer with the same driver, updating the Gutenprint drivers from 5.2.3 to 5.2.7. I even deleted a CUPS plist file thinking it would do something but apparently not.
    The prints used to print just fine. I don't know what to try as I am exhausting the research solutions I have found thus far online.
    Any help is greatly appreciated.

    In addition to Matt's suggestions, check what driver is being used on the server. If the Epson driver is being used on the server but the clients are having to use Gutenprint as you have mentioned, then this can also cause scaling issues. So if you can create the server queue using the Gutenprint driver (for some printers this can be tricky) then this can help. And with this queue using the Gutenprint driver I would then try printing a PDF directly from the OS X server to see if the same scaling issue occurs. If the server prints without the 2% reduction then you can concentrate on the client.
    And for the client, as a test, I would also try connecting the printer directly to a client Mac via USB and also see if the same scaling issue occurs. But ensure you do use the settings Matt has suggested, because the scale to fit does catch out a lot of users.

  • Scaling issues with Windows 8.1 and 3200x1800 displays?

    What about scaling issues with CS6 Illustrator and Photoshop?  I have a hidpi 3200x1800 13" laptop with win 8.1 and can't use the software because of the tiny text.
    Thanks,
    PK
    Sent from my iPhone

    CS6 was released before HiDpi displays were common and there are no adjustments in that program.
    You can try going into Preferences > Interface and changing the UI Font Size to Large.
    You could also try lowering your display resolution until  is decently readable.
    Another step is joining Creative Cloud. Photoshop CC 2014 has 200% UI Scaling.
    $50/month for all apps or $10/month for Photoshop/Lightroom.
    There are intro and educational offers if you can get on them.
    Gene

  • QHD+ Resolution Scaling Issues Windows 8

    I've read that QHD+ resolution monitors like the Dell Precision m3800 with a 3200x1800 resolution screen are having scaling issues with Windows 8, and even 8.1. Some programs scale correctly, but I have specifically heard Adobe programs including Adobe After Effects do NOT scale correctly.
    Are there plans to fix this with the next Windows release? Or a patch before then?
    Any rough estimate as to when that would be?
    Does it work at the moment to scale the monitor down to a lower resolution to fix it? Is it in fact tested and not just assumed. (I have no way of checking and can't get a straight answer)
    I want to buy this laptop soon, but I need it for After Effects and if it's not usable, it won't be a good buy. Would love to have some concret answers!
    Thanks!
    Kim

    The CC versions of Adobe programs support high-DPI displays, but not older ones. If you use an older version, this won't change. Nobody goes back to old code.
    Mylenium

  • Surface Pro 3, Remote Desktop, multiple monitors, Windows 8.1 DPI scaling issues

    I have been evaluating Surface Pro 3 and once of the attributes is the display. Here is the description of the environment and the remote desktop display issue.
    Surface Pro 3 (Windows 8.1 with latest firmware and Windows updates) has 12 inch built-in screen with native resolution 2160x1440. The Surface is docked and an external monitor (native resolution 1920x1080) is connected to the docking stations. The
    display configuration doesn't allow for different scaling for each monitor, single scaling value is used for multiple monitors. This is an issue as the recommended scaling of 150% is optimal for small built-in screen of Surface but it is not optimal for
    large screens of external monitors. Also this scaling is "inherited" by a remote desktop session which results in objects being too large on the remote desktop sessions or sometimes even blurry/fuzzy.
    Can the blurriness/fuzziness of the remote desktop session be resolved? 
    Z

    Hi Colin,
    Thanks for the response. I installed the latest firmware and patches about a week ago and the scaling issue improved. It is not optimal yet as some graphical elements are still out of proportions but I do not want to spent more resources on this subject
    anymore.
    Best regards,
    Zbysek
    Z

  • Image quality issues in PS - word to PDF

    Hi,
    I am having major image quality issues when trying to make my word document a clean, clear PDF. Images become distorted. Borders for tables and text that are equal px size look like they are different sizes throughout the document.
    I have searched the internet, read help, and tried many different things:
    Word 2007 - Changed image %, image size, export options, adjusted px for borders, used different styles
    Acrobat 9 Pro - Changed import settings, import options, print options, tried press quality, high quality, etc.
    Photoshop CS4 - Changed ppx, file format, compression options
    What can I do to get a clean, clear PDF file with the images and borders preserved?
    Thank you.

    In converting a MS Office file to PDF, Photoshop cannot help in any way and will likely cause more harm as it may rasterize vector data. Expect your ideal answer in the Acrobat forum.

  • Problems with image scaling

    I'm facing a real problem with image scaling
    I've used several algorithms but it all has defects but the most common thing is the out of memory error after several enlargments...
    does any one know a solution...
    note:
    I've used several packages to do so,but I'm looking for a solution from the jdk itself
    JAlexscorpio

    Did you take into account that the getScaledInstance() -method creates a completly new Image?
    So if you use it like in
    ImageIcon icon1=new ImageIcon("Blah.gif");
    ImageIcon icon2=new ImageIcon(icon1.getImage().getScaledInstance(400,400,SCALE_FAST);
    you will end up with 2 different Images which have their own data and memory requirements.
    even if you use something like
    ImageIcon icon1=new ImageIcon("Blah.gif");
    Image i=icon1.getImage();
    icon1.setImage(i.getScaledInstance(200,200,SCALE_FAST));
    You will need enough memory to store the data for the original image, as well as the data for the scaled
    version of the image, at least for the time that it take the JRE to create the scaled version. You never know when the garbage collector kicks in to delete you old data so it could be that this takes some time and until
    that moment your memory is not available. If your now doing several of the scaling operations, and there is no chance for the garbage collector to do its work, you will run out of memory.
    I hope that might help, if not feel free to post again

  • More Image/stylesheet issues

    Hello again,
    Just wondering if anyone could give me some quick style sheet issues, have an img class that looks a little something like this:
    img {
    border: 5px solid #adadad ! important ;
    padding: 5px ! important ;
    margin: 4px, 4px, 4px, 4px ! important ;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    Which works like magic for getting me a nice curved border in most modern browsers.
    Now there are one or two small icon type images that I need to not have a border as they are actually within the text - can anyone think of a way of setting up RH9 so that I can have an image that doesn't follow these styles?
    I am sure it will be to do with over riding these styles but not sure how to do this because it is not like I am selecting a style for the image files - they are just getting their styles from the img selector...
    Anyone got any suggestions?
    much 'preciated.

    Hi Willam
    I'm a bit confused by what you suggested. You seem to be implying that this won't work and the image paths will break. But I've not found this to be the case. I just tested by creating an image and later creating some nested subfolders and using the variable in topics in each of the subfolders. I then generated WebHelp and viewed and I had no broken images at all. RoboHelp was able to manage the relative pathing to the image without issue.
    Have you noticed otherwise?
    I'm a believe in erring on the side of caution, but it would seem that (for me anyway) the worry is unfounded.
    Cheers... Rick
    Helpful and Handy Links
    RoboHelp Wish Form/Bug Reporting Form
    Begin learning RoboHelp HTML 7, 8 or 9 within the day!
    Adobe Certified RoboHelp HTML Training
    SorcerStone Blog
    RoboHelp eBooks

  • Image reloading Issue - Imagefix

    Hi all,
    I have requirement like a grid component with images (Thumbnails).I have used the code of from javafx site(Thumnails.fx etc)
    view style:Microsoft explorer view with thumbnail
    Problem:Image reloading Issue - Imagefix
    When i deleting selected image from the grid i am create the object of imagegrid for updated list of images.The problem i am facing after 3 o4 continious sequences the images were not displaying on grid.Every time insert/deleting on image grid functionality i am creating image grid object even though problem still exist.
    //Code is like
    def image :ImageFix =getImage();
    function getImage():ImageFix{
    if(url.endsWith(".pdf")){
    url=url.replaceAll(".pdf","001.png");
    var pdfThumbnai:File=new File(url);
    if(not pdfThumbnai.exists()){
    ImageFix{
    backgroundLoading:true
    preserveRatio:true
    height:100
    width:100
    url:"{__DIR__}images/pdf-file-logo-icon.jpg";
    //applicationContext.pdfThumbnail;
    else{
    ImageFix {
    height:100
    width:100
    backgroundLoading:true
    preserveRatio:true
    url:"file:///{url}"
    else ImageFix{
    backgroundLoading:true
    preserveRatio:true
    height:100
    width:100
    url:url
    // the image variable setting imageView for following variable
    def imageView : ImageView = ImageView {
    smooth: false
    cache: true
    image: image
    cursor:Cursor.HAND
    fitHeight:100
    fitWidth:100
    onMouseClicked: function(evt : MouseEvent) : Void
    println("count value in Image Grid is {count}");
    var id:Integer;
    if(evt.clickCount >= 2)
    applicationContextDMS.indexOfImg=count;
    println("fileVectorObj {fileVectorObj}");
    showOCRScreen(count,folderID,fileVectorObj);
    if(evt.clickCount==1)
    applicationContextDMS.indexOfImg=count;
    selectImage(this);
    // Scale the thumbnail up when the mouse enters.
    onMouseEntered: function(evt: MouseEvent) : Void
    gr.visible=true;
    onMouseExited: function( e: MouseEvent ):Void {
    gr.visible=false;
    Please help out resolve this issuse.
    Thanks in advance

    The only work around that I found was to rename the image file. Once renaming occurred, the image file when updated was rendered correctly. I have read an earlier bug report that claimed this was fixed. I do not believe it to be so. If anyone has any additional information please present it.

Maybe you are looking for