IndieWeb Avatar
Community Resources:
Feed this runtime service a URL and it will extract an avatar image using these sources:
<link rel="apple-touch-icon">
<link rel="apple-touch-icon-precomposed">
<link rel="icon">
favicon.ico
All rel
lookups match against attribute values that are space separated lists.
Open Source Jump to heading
Usage Jump to heading
Try it out on the Eleventy API Explorer.
Image URLs have the format:
https://v1.indieweb-avatar.11ty.dev/:url/
url
must be URI encoded.
Samples Jump to heading
<img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.11ty.dev%2F/" alt="IndieWeb Avatar for 11ty.dev/" loading="lazy" decoding="async" width="50" height="50">
<img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.a11yproject.com%2F/" alt="IndieWeb Avatar for a11yproject.com/" loading="lazy" decoding="async" width="50" height="50">
<img src="https://v1.indieweb-avatar.11ty.dev/https%3A%2F%2Fwww.netlify.com%2F/" alt="IndieWeb Avatar for netlify.com/" loading="lazy" decoding="async" width="50" height="50">