Tenemos una situación en la que tenemos una imagen png dentro de una etiqueta img con varias áreas transparentes que no son rectangulares. Queremos rellenar las diferentes áreas transparentes, pero no es posible hacerlo con imágenes superpuestas, porque como se dijo antes no son rectangulares.

Los mapas de imágenes serían, en teoría, una solución adecuada para definir áreas que no son rectangulares. ¿Hay alguna manera de usar algo similar, donde las diferentes áreas pueden tener una imagen de fondo (el color no es suficiente, ya que hay diferentes texturas que deben aplicarse) y también estarán "llenadas" con la imagen de fondo todo el tiempo no solo en hover?

Gracias por cualquier idea o sugerencia de tecnologías que podrían usarse para eso.