JPEG image with alpha channel on website

Posted by mikez302 on Stack Overflow See other posts from Stack Overflow or by mikez302
Published on 2010-04-14T18:11:50Z Indexed on 2010/04/14 18:13 UTC
Read the original article Hit count: 400

Filed under:

jpeg

|

alpha

|

transparency

|

opacity

I would like to make a JPEG image file with some pixels that are partially transparent or fully transparent, similar to a PNG file with an alpha channel. Is this possible? If so, how would I go about doing this?

I would like to use the image on a website. If I try to do this, would it work in any or all of the popular browsers (IE 7+, Firefox, Safari)? Assuming it is possible, will it just work, or are there any tricks or hacks required to make it work?

© Stack Overflow or respective owner

Related posts about jpeg

Macports: port install jpeg fails

as seen on Super User - Search for 'Super User'
History: installed MacPorts on Leopard upgraded to Snow Leopard uninstall all ports reinstalled XCode sudo port uninstall jpeg sudo port install jpeg DEBUG: Found port in file:///opt/local/var/macports/sources/rsync.macports.org/release/ports/graphics/jpeg DEBUG: Changing to port directory:… >>> More
How to install Hercules Webcam Deluxe

as seen on Ask Ubuntu - Search for 'Ask Ubuntu'
I am trying to install a Hercules Webcam Deluxe on my Ubuntu 11.10 (64 bits). I followed this guide: https://help.ubuntu.com/community/Ov51x Step by step, only changing wget http://www.rastageeks.org/downloads/ov51x-jpeg/ov51x-jpeg-1.5.4.tar.gz by 1.5.9, because that is the latest version. I… >>> More
Add jpeg image to another in C#

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey, I have a two jpeg files. One is 1024x768 in size and the other is 64x64. I'm creating a console application and would like to add the 64x64 image at location (X,Y) into the 1024x768 image. How can I do this in memory (since I'm not using winforms and would like this to be quite fast)? I've… >>> More
Some JPEG images are not working in IE

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I have a press archive. The press archive displays automattically created thumbnails as links to a PDF document. This is what i get in IE 6, 7 & 8: While it works fine in Chrome: The thumbnails are automatically created by imagemagick: $cmd = 'convert ' . $_FILES['file']['tmp_name']… >>> More
ImageMagick PDF to JPEG conversion results in green square where image should be

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm attempting to convert a PDF to a JPEG using ImageMagick. The PDF: baby_aRCWTU.pdf The command: convert -density 260 -profile 'SWOP.icc' -profile 'sRGB.icm' 'baby_aRCWTU.pdf' 'baby_aRCWTU.jpg' The resulting JPEG: baby_aRCWTU.jpg As you can see, the text is rendered nicely, but the embedded… >>> More

Related posts about alpha

Convert a gray PNG with alpha to a 1-bit black rectanble with 8-bit alpha

as seen on Super User - Search for 'Super User'
I use a tool to render LaTeX equations as PNG. The resulting images are in RGBA8888 format. I would like to extract the luminance (grayscale from RGB channels, multiplied by the A channel) as my new alpha channel, set the picture fully black, and save the result in Gray1Alpha8 (G1A8) format. So far… >>> More
When is a webapp called Beta, alpha, pre-alpha, or none

as seen on Stack Overflow - Search for 'Stack Overflow'
I've come across many apps on the web that call themselves Beta. I've come across other apps that had an alpha designation. I've even come across some that called themselves pre-alpha, whatever that means (if you know please clarify). Then I've come across some really bad webapps that shouldn't have… >>> More
Flex: Create custom stroke on LineSeries?

as seen on Stack Overflow - Search for 'Stack Overflow'
You can easily set a stroke on a line series like this: <mx:LineSeries yField="apple"> <mx:lineStroke> <mx:Stroke color="0x6699FF" weight="4" alpha=".8" /> </mx:lineStroke> </mx:LineSeries> This… >>> More
The Direction Of Intel Graphics With Fedora 13 Alpha

as seen on Internet.com - Search for 'Internet.com'
<b>Phoronix:</b> "...each Fedora release always pulls in the very latest Linux graphics code. Fedora was the first distribution shipping with the Nouveau driver, then its KMS driver, and now with Fedora 13 it's the first OS deploying Nouveau's Gallium3D driver..." >>> More
Fedora 13 Alpha released

as seen on Internet.com - Search for 'Internet.com'
<b>Test-Announce:</b> " The Fedora 13 "Goddard" Alpha release is available! What's next for the free operating system that shows off the best new technology of tomorrow? You can see the future now..." >>> More