Skip navigation
Abbas AB
Abbas AB
Currently Being Moderated

Large size images after resize add white artifacts

Apr 16, 2012 8:40 AM

Tags: #size #images #large #resizing_images

When i wan to show the large image (3644x2429) like

<mx:Image source="assets/images/bug-img.jpg" width="100"/>

 

It add the white and blue artifacts in the image. Please help me for show the large size images in image tag.

1136 Views   12 Replies   Latest reply: Sathyamoorthi, Apr 17, 2012 9:14 PM
 
Replies
  • Abbas AB
    Currently Being Moderated
    1. Abbas AB,
    Apr 16, 2012 10:40 AM   in reply to Abbas AB
    Report

    I think it is also called the JPEGCompression artifacts. Please help me for find it's solutions

     
    |
    Mark as:
  • Sathyamoorthi
    Currently Being Moderated
    2. Sathyamoorthi,
    Apr 16, 2012 8:56 PM   in reply to Abbas AB
    Report

    try maintainAspectRatio property.

     

     
    |
    Mark as:
  • Abbas AB
    Currently Being Moderated
    3. Abbas AB,
    Apr 17, 2012 1:26 AM   in reply to Sathyamoorthi
    Report

    I have test the maintainAspectRatio property set true but nothing work

    <mx:Image id="bug" source="assets/images/bug-img.jpg" width="100" maintainAspectRatio="true"   />

     
    |
    Mark as:
  • Sathyamoorthi
    Currently Being Moderated
    4. Sathyamoorthi,
    Apr 17, 2012 2:41 AM   in reply to Abbas AB
    Report

    try maintainAspectRatio='false'. i thought you might loss quality. what flex framework are you using?

     

    flex 3.x Or Flex 4.x.

     

    you have to enable bitmap smooth to maintain quality.

     
    |
    Mark as:
  • Abbas AB
    Currently Being Moderated
    5. Abbas AB,
    Apr 17, 2012 4:05 AM   in reply to Sathyamoorthi
    Report

    I am using the FLash Builder 4.5

     
    |
    Mark as:
  • Sathyamoorthi
    Currently Being Moderated
    6. Sathyamoorthi,
    Apr 17, 2012 4:16 AM   in reply to Abbas AB
    Report

    in flashbuilder 4.5 you can use flex 3.x / flex 4.x SDKs.

     

    what is your flex SDK.

     

    If you are not clear about this. are you using

     

    <s:

     

    tag in your app (Spark components). if so, you can use latest spark image component.

     

    <s:Image id="bug" source="assets/images/bug-img.jpg" width="100" smooth="true"   />

     
    |
    Mark as:
  • Abbas AB
    Currently Being Moderated
    7. Abbas AB,
    Apr 17, 2012 4:22 AM   in reply to Sathyamoorthi
    Report

    Thank you very much. But when i try

    <s:Image id="bug" source="assets/images/bug-img.jpg" width="100" smooth="true"   />


    even it does not show the image you can see the image at


    http://images.coeus-solutions.de/bug-img.jpg

     
    |
    Mark as:
  • Sathyamoorthi
    Currently Being Moderated
    8. Sathyamoorthi,
    Apr 17, 2012 4:52 AM   in reply to Abbas AB
    Report

    really funny image. gave some to laugh.

     

    mention height as well. the below code works for me.

     

    <?xml version="1.0" encoding="utf-8"?>

    <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

                   xmlns:s="library://ns.adobe.com/flex/spark"

                   xmlns:mx="library://ns.adobe.com/flex/mx">

       

        <fx:Declarations>

            <!-- Place non-visual elements (e.g., services, value objects) here -->

        </fx:Declarations>

       

        <s:Image id="bug" source="bug-img.jpg" width="100" height="100" smooth="true"   />

    </s:Application>

     

    But it is not really good idea to display that big image.

     
    |
    Mark as:
  • Abbas AB
    Currently Being Moderated
    9. Abbas AB,
    Apr 17, 2012 5:30 AM   in reply to Sathyamoorthi
    Report

    Thank you very much. But it still have the white artifacts as you can see when i change it size from the adobe it's become lik

    http://images.coeus-solutions.de/bug-small.jpg

     

    But when i do it through the FLex it have white artifacts etc. And it's dimension is 100x67 so in Flex it is like the following

     

    <s:Image id="bug" source="assets/images/bug-img.jpg" width="100" height="67" smooth="true"   />

     

     

    Actually in my application user can upload the images at size therefor it is allowed. Is when you create it at your side it is same as it is at http://images.coeus-solutions.de/bug-small.jpg

     
    |
    Mark as:
  • Sathyamoorthi
    Currently Being Moderated
    10. Sathyamoorthi,
    Apr 17, 2012 5:40 AM   in reply to Abbas AB
    Report

    yes. i got the picture as you shown. it is displaying correct. right?

     
    |
    Mark as:
  • Abbas AB
    Currently Being Moderated
    11. Abbas AB,
    Apr 17, 2012 6:36 AM   in reply to Sathyamoorthi
    Report

    Thank you very much got it's solution the following code works correctlydd

    <s:Image id="bug" source="bug-img.jpg" width="100" height="67" smooth="true" smoothingQuality="high"  />

     

    But i am using the mx images and there no smooth and smoothingQuailty attributes available. Have you any idea how i can implement it in the mx images control?

     
    |
    Mark as:
  • Sathyamoorthi
    Currently Being Moderated
    12. Sathyamoorthi,
    Apr 17, 2012 9:14 PM   in reply to Abbas AB
    Report

    read this post.

     

    http://www.craftymind.com/2008/03/10/image-smoothing-in-flex/

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points