One of my students uploaded and animated gif as a profile picture. How did they do that?
Sorry I didn't see your comment on that page. It was lengthy and I honestly went just as far as finding the URL.
The uploading process works for .jpg, .png, and .gif files. Since the creation of the image isn't done within Canvas, they're assuming that you already have an image (from somewhere) that you want to use, and didn't explain how to do it.
Canvas dishes the image to the browser to display. If you modified the image inside Canvas, I'm not sure that it would retain the animation. But if you have it properly sized before uploading it should go straight into the system as an animated GIF file.
There are things you can do to disable animated GIFs like replacing them with a copy of the first frame, but I guess Canvas isn't doing any of them. Based on my work creating a photo roster for Canvas, I think some processing should be done on the Avatars before they're accepted / displayed. I had one student upload a hires photo for his Avatar and it took a while to load the page because of it. I would also add an option to disallow animated GIFs as avatars - set at an account level.
To add the picture, see How do I add a Profile picture?
To learn how to create or find the animated GIF, do a Google search ... it's done outside of Canvas.
Hey thanks! I looked up the directions first, and didn't see any indications of how to upload and animated picture. I even left the same comment there. Also, I've made gifs before, but thanks for the tip, I will google it next time.
Agreed, while cute the time, if everyone's doing it, pages with profile pictures might become unbearably slow, and I already think some pages load far to slow for my tastes. I agree with out, it should be a setting, with default "off" or not allowed at all.
What is the right size for the gifs?
The documentation is here: How do I add a profile picture in my user account as a student? The recommendation on that page is that the images be square and as small as possible. It then gives you the ability to go through and crop. The canvas_logo.png shown there is 128x128 pixels, the photos are larger.
That's not definitive, but when a user pulls up their profile page, the default image wrapped in the circle is 132x132 pixels. On the global navigation menu on the left, the avatar is 32x32. On the course People page, the avatars are 28x28. However, if you pull up the actual avatar that is being used, it's 128x128 pixels. The default user avatar that is used when someone hasn't uploaded their own is 50x50 pixels.
I would say 128x128 pixels is the preferred size.
So I tried all of those sizes and it still doesn't animate. It only has the first frame.
The size has nothing to do with the animation portion of it. I also found this documentation in the Users API:
For maximum compatibility, please use 128 px square images.
It appears that Canvas is doing some processing to the uploaded images that removes the animation. Once again, Canvas is awesome!
That said, there is a way to do it by bypassing the image upload process. In testing, I forgot to switch over to our beta instance and I just accidentally overwrote my image in our production site with a dancing banana from http://media.idownloadblog.com/wp-content/uploads/2016/11/Animated-GIF-Banana.gif
I'm not sure if "From Gravatar" option allows animated GIFs or not.
I have been using an animated GIF as my Canvas avatar/profile pic since we first migrated to Canvas five years ago. You scared me so I checked, and yup, the animation is still animated.
Life is good.
Maybe I should have added that they are currently doing something but that they haven't always?
This little head-banger has always banged his noggin, or at least I think so, but must admit that I don't really check all that often.
Although he doesn't seem to want to bang in here except when I choose him as a profile pic.
Probably because you pasted it into Jive instead of uploading/embedding. Here's a similar one I found and clicked on the Insert Image link.
For crying out loud . . . why, oh why did I read this? Now you guys have me wanting a sparkly, animated .gif for my own profile pic!
Retrieving data ...