Quick-tip: Straight alpha VS premultiplied alpha

Have you ever tried figuring out the difference between Straight Alpha and Premultiplied alpha and when to use what?

Some people swear premultiplied alpha is the way to go, some say straight alpha. To be frank, as long as the math and interpretation of the channels is done correctly, both are equal. But lets start with an explanation of what premultiplied and straight alpha is:

Premultiplied Alpha

In premultiplied alpha, partly transparent areas of your image (as in anti-aliased edges) will be premultiplied with a matting color. In 9 out of 10 cases, this color will be black, though it is possible to specify the color yourself. This means, although you have an alpha channel (RGB[A]) for your image, the RGB channels will be matted (premultiplied) with the specified color. If the math is done correctly and the alpha interpretation settings in your software (eg. After Effects) are correct, the amount of matted color will be substracted from your image by using the alpha channel.

Images with premultiplied alpha can look correct, even when the alpha-channel is ignored (or not supported by early-day applications)

Pixel-explanation:

  • A red pixel that has an alpha of 50% will have the following 8bit  RGBA information:      R[127], G[0], B[0], A[127]
  • An orange pixel that has an alpha of 75% will have the following 8bit RGBA information: R[191], G[95], B[0], A[191]

 

Premultiplied Alpha

Straight Alpha

In straight alpha, the RGB channels are left untouched and aren’t matted or premultiplied with a specified color. When ignoring the images alpha-channel the image will not look correct and have rough edges and dots all over the place. This can be surprising for people who do not know what straight alpha is.

Pixel-explanation:

  • A red pixel that has an alpha of 50% will have the following 8bit RGBA information:      R[255], G[0], B[0], A[127]
  • An orange pixel that has an alpha of 75% will have the following 8bit RGBA information: R[255], G[127], B[0], A[191]

 

Straight Alpha

 

Conclusion

Both techniques are equal, as long as you and your software interpret them correctly.

I recommend watching the following Video for more information:

Further Reading



  1. http://imgur.com/ on 16. Dec, 2013

    I just like the helpful information you provide on your articles.
    I’ll bookmark your blog and check again right here frequently.
    I am rather certain I’ll be informed lots of new stuff proper here!
    Good luck for the next!

  2. Naunan Khalid on 04. Jul, 2014

    Orange RGB = 255,165,0,1

    In pre-multiplied alpha
    An orange with 75% of alpha will have the rgb of

    R[255*0.75],G[165*0.75],B[0*0.75],A[255 * 0.75]

    R[191],G[124],B[0],A[191]

    can you confirm please?

  3. personal injury on 13. Sep, 2014

    Over the years, Chandler, Mathis, & Zivley have taken on large
    corporations and won. It is critical that they collaborate with their Chicago personal injury attorney every
    single step of the way to guarantee they receive the justice and the settlement
    they ought to get. After two a lot more operations, doctors were able to rebuild Sylvia’s nose and to bring
    her breasts to an a lot normal size.

  4. i want your love site on 21. Sep, 2014

    Hi i am kavin, its my first occasion to commenting anywhere, when i read
    this piece of writing i thought i could also make comment due to this sensible post.

  5. Www.Salope-Asiatique.Info on 23. Sep, 2014

    Ce рost est vraiment plein dе vérité

  6. buy instagram followers etsy on 30. Sep, 2014

    Posting a “selfie” is very common and considered to be a cool thing to do.
    In an effort to facilitate you with all essential information, we have been heading to offer you possible
    strategies to get much more followers by small time use.
    Photos are generally full color and feature a variety
    of topics, locations and situations.

  7. ของชำร่วย on 30. Sep, 2014

    Aw, this was a very good post. Spending some time and
    actual effort to create a great article… but what can I say… I put things off a whole lot and never seem
    to get nearly anything done.

  8. Guadalupe on 20. Oct, 2014

    So make sure you get all information beforehand
    – processing rates, refund and chargeback fees, a
    list of accepted product types. Babysitting rates vary depending on what service you
    require. Most fantastic jewelry will be approximately 10K and 18K.

  9. sexe amateur on 31. Oct, 2014

    Une foiѕ de plus սn sublime ρoste, ʝe pense en discuter pous
    tard avec mes voisins