Maszkolt JPG képek SVG-vel

Átlátszó képeket eddig PNG-vel kellett feldolgozni, ami fotók esetén bizony indokolatlanná tette a használatukat. Ha nagyon kellett nekem valami alfás kép, akkor Image Alphát használtam, erről kb. egy éve már írtam. Viszont itt van egy tök jó ötlet: mentsük ki JPG-vel a képünket, szépen kompakt formában, az alpha channelt viszont SVG-vel kombináljuk rá!

Nagyon jól működik, de van néhány apróság: inline SVG kell hozzá (amit túl lehet élni, minta), IE8 és alatta nem megy, régi Androidokon sem megy, ráadásul picit körülményes a feldolgozás. Ettől függetlenül statikus sitebuildeknél még jó hasznát vehetjük.