Allow users to apply backgrounds to photos with transparency

  • I just did a photo shoot using chroma key. On my site, I would like to be able to allow users to view the photos (.pngs) with the green background replaced by transparency, and apply different backgrounds to see how they look. Any thoughts on how to do that? I know I could use a photo editor, but is there possibly another way?

    • This topic was modified 5 years, 3 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
Viewing 3 replies - 1 through 3 (of 3 total)

  • The simple answer is to set the png files’ palettes to show the green as transparent, and then you can have a small script to change the background color with CSS.

    Otherwise, you would need to have a script to do that on the server, or a javascript in the page to do that in a canvas element.

    Thread Starter rasloane

    (@rasloane)

    Thanks Joy! My .png files already have the green removed, replaced by transparency. So what you suggest will work for colors. But I also have some .tif files with a variety of backgrounds. Maybe I can have the script select a specific .tif file?

    I don’t think that .tif files are handled by browsers, so you would need to convert to jpg or png.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Allow users to apply backgrounds to photos with transparency’ is closed to new replies.