I'm feeling cool with these HATS! But how are they showing up with the profile pictures?
What I'm sure about is,
It's not attached to the profile picture it self.
It is shown over the profile picture.
Its shows at the exact place where we've set it. Have you stored (x, y) positions of the hats for this? And also allow us to rotate them, so you must store the degree of rotation?
Do some of the hats detect the user's face and set it at particular place? For e.g. 1) A t-shirt (blue or yellow or red) will sit exactly at the right place, where I'd wear my shirt. 2) A cap will set directly on my head.
Is there an algorithm that checks for this and sets it at a particular place accordingly?