IndieWeb 头像

Feed this runtime service a URL and it will extract an avatar image using these sources:

1. <link rel="apple-touch-icon">
2. <link rel="apple-touch-icon-precomposed">
3. <link rel="icon">
4. favicon.ico
5. favicon.ico that isn’t an .ico file
6. First <img> in <header>

All rel lookups match against attribute values that are space separated lists.

Open Source

• 11ty/api-indieweb-avatar on GitHub

Usage

Try it out on the Eleventy API Explorer.

Image URLs have the format:

https://avatar.w3c.cool/:url/

• url must be URI encoded.

Samples

<img
	src="/img/default-avatar.svg"
	alt="IndieWeb Avatar for blog.w3c.cool/"
	loading="lazy"
	width="50"
	height="50"
/>
<img
	src="/img/default-avatar.svg"
	alt="IndieWeb Avatar for a11yproject.com/"
	loading="lazy"
	width="50"
	height="50"
/>
<img
	src="/img/default-avatar.svg"
	alt="IndieWeb Avatar for netlify.com/"
	loading="lazy"
	width="50"
	height="50"
/>

来自社区

IndieWeb头像，另一个Eleventy图像服务API

+ 添加你的！

其他页面在 Runtime APIs

• 截图
• OpenGraph 图像
• IndieWeb 头像
• 生成器图像
• 托管图像
• 迷你图