https://github.com/tomchen/my-avatar
Tom Chen's animated avatar :trollface:
https://github.com/tomchen/my-avatar
animation avatar flash gif personal-project svg
Last synced: 8 months ago
JSON representation
Tom Chen's animated avatar :trollface:
- Host: GitHub
- URL: https://github.com/tomchen/my-avatar
- Owner: tomchen
- License: mit
- Created: 2020-06-30T20:48:00.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2021-02-09T14:20:46.000Z (over 5 years ago)
- Last Synced: 2025-04-28T11:50:03.142Z (about 1 year ago)
- Topics: animation, avatar, flash, gif, personal-project, svg
- Homepage:
- Size: 1.57 MB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tom Chen's Avatar and GitHub Image Tips
My animated avatar, and tips on using images on GitHub README.md and some other social media websites.
## My Avatar
Version 1.0 was made in 2000s with Adobe Flash.
Current version, v8.0, was made in 2014.
The SVG file is exported from Flash without animation. It is planned to re-add the animation with JavaScript to the SVG file.
## Which social media websites allow animated avatar
Notes on social media:
* ✅ **Google**, **Medium**, **Stackoverflow**, **Dev.to** users can use animated GIF as their profile avatar.
* 😐 Although **Google** accepts animated GIF, but it is sometimes rendered as still image.
* ⛔ **GitHub**, **GitLab**, **Reddit**, **Gravatar** do not accept animated GIF.
* 🤐 **Twitter** used to accept animated GIF before 2012. Old user with an animated GIF avatar can keep it.
## Tips of GitHub image usage
### Image width and height
You can't set width and height on images by using GitHub Flavored Markdown, in order to do so, you have to use HTML:
```html
```
You can't use `aria-label` in HTML or Markdown.
### Image URL
These image URL references are all acceptable:
```
https://github.com/tomchen/my-avatar/raw/master/tomchen.gif
https://github.com/tomchen/my-avatar/blob/master/tomchen.gif
https://raw.githubusercontent.com/tomchen/my-avatar/master/tomchen.gif
../tomchen.gif
```
### Emoji
Unicode character `😊` and GitHub Flavored Markdown `:blush:` render as exactly the same 😊 whose HTML code is:
```html
😊
```
### SVG animation
SVG files' SMIL and CSS animation can be shown correctly, but JavaScript code will not be executed ([explanation](https://github.com/tomchen/animated-svg-clock#github-usage)).
### GitHub README.md Image Support Tests
[GitHub image rendering test](github_rendering_test)