profile photo
This article is a stub. You can help the IndieWeb wiki by expanding it.
A profile photo is a photo or other image typically used to identify the author of a post, a social media profile, or an entire personal site.
Profile photos are usually found on a personβs homepage, as part of their profile, as a website icon, and next to their name where their name is used to identify the author of a post or comment. Profile photos are also sometimes used in facepiles.
How
Profile photos identify people and should be marked up using h-card. Often theyβll be part of a large h-card containing other information, but a single img element can be used alone (or nested in an anchor) to create an h-card:
<a class="h-card" href="https://example.com"> <img src="/photo.jpg" alt="Author Name" /> </a>
See also: How to use a profile photo as a website icon.
IndieWeb Examples
Do you publish a profile photo on your site? If so, how? Add yourself here:
Barnaby Walters
Barnaby Walters publishes a profile photo on his homepage as part of his profile h-card, as well as in the authorship h-card for every post and note (example).
Each profile photo is dated and kept when the βmainβ profile photo is changed. Old posts retain the profile photo in use when they were published (example of old photo example of new photo)
The current profile photo is also used as the siteβs icon.
Services
- IndieWeb Avatar, yet another Eleventy Image Service API
- Google has a custom URL that will return a 16x16 favicon for any site using the pattern https://www.google.com/s2/favicons?domain=example.com
- capjamesg hosts a service called avtr.dev that lets you retrieve an avatar given a URL.