overlaying existing image with semi transparent image

I have a radiometric image which a heat sensing camera is pointed at

I need to read the heat data from the picture (out of the scope of this question)
Each pixel will have a temperature reading, and i need to look up a legend as follows:

green = 0-100
red = 100-200

I need a semi transparent layer over the image which colors each pixel in either red or green based on the temperature reading of the pixel

What would be the best solution for this, do i need to dynamically cycle through each pixel and then construct a semi transparent image overlay  that goes over existing JPG image?
Looking for some ideas here if there are other ways and possible issues with overlaying 2 images over each other!
websssAsked:
Who is Participating?
 
Julian HansenCommented:
Please take a look at this EE article and see if the methods discussed there are what you are looking for.

https://www.experts-exchange.com/articles/28823/4-Methods-for-creating-image-overlays-in-HTML-using-CSS-and-PHP-GD2.html

If not, or if you have any questions regarding any of those methods please feel free to post back here.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.