Hope you like optimizing images!!! I did some research recently to get filesize in check for some display banner ads and came across an interesting idea! Looks like you can take a jpg and using an image made up of just shades of grey, you can merge them in an SVG container to get the equivalent of a luma matte in the VFX world. I knew about this using a canvas element, but this method uses imagery as part of the DOM in the html document.
While this is possible in other ways, it’s always helpful to have options an possible solutions for the same problem. Browsers can update and leave you out to dry without a clear way to do what previously worked so this is a good option for creating transparency while keeping filesize down!
Link to article on how this works:
https://peterhrynkow.com/how-to-compress-a-png-like-a-jpeg
Here is a tool i found that makes use of that write up as a starting point.
https://codepen.io/shshaw/full/LVKEdv
*GIF added for the heck of it
