I had made a profile page and it is working perfectly. My problem is that when setting a profile picture with large size(eg: 2950px X 2904px) the jquery becomes slow(that is the animation) and the css hover but movement of mouse pointer is as normal.
Can anyone suggest any solution to make that jquery speed as normal.
Is there anyway to maintain the same pixels and load the jquery with same speed?
I tried an image with less size(eg: 130kb) with same pixels but no luck!
Thanks in advance.
You should have a server-side image processing system that generates the profile image size, regardless of the dimensions of the image the user uploads. You then serve-up the resized image, NOT the one uploaded by the user.