Zach’s ugly mug (his face)

Zach Leatherman

IndieWeb Avatar, yet another Eleventy Image Service API

September 20, 2021

The Eleventy API ecosystem is growing (again).

I use Twitter avatars everywhere. They require an Twitter Developer account and an API key to implement. They require the talent being pictured to have a Twitter account (not everyone does). I wanted a more open alternative. I decided to build a little image service that would fetch the icon from any web site, optimize it using Eleventy Image, and return that instead.


IndieWeb Avatar for IndieWeb Avatar for IndieWeb Avatar for IndieWeb Avatar for IndieWeb Avatar for IndieWeb Avatar for

If you want a live demo in the wild, check out the Eleventy Leaderboards (via Speedlify).

Source Code

Only one path parameter is supported right now: /[url]/ (must be encoded via e.g. encodeURIComponent)

My version is running on using the same versioning via Netlify Branch Subdomains strategy as the screenshot and sparkline services.

It makes use of Netlify’s On-Demand Builders to reduce the number of external HTTP requests to generate the images.

Deploy your own

Deploy to Netlify

Zach’s ugly mug (his face)

Zach is a builder for the web with IndieWeb Avatar for https://www.netlify.comNetlify. He created the IndieWeb Avatar for https://www.11ty.devEleventy site generator and is still fixated on web fonts. His public speaking résumé includes talks in eight different countries at events like Jamstack Conf, Beyond Tellerrand, Smashing Conference, CSSConf, and The White House. He is an emeritus of Filament Group, NEJS CONF, and still helps out with nebraskajs’s AvatarNebraskaJS. Read more about Zach »

Jamstack Community Survey 2021 Results
Every Fire Needs a Sparkline


Florian WeilMatthias OttPablo Lara HAxel RauschmayerJean Pierre KolbKevin MarksEleventyLuis OrduzKurt KempleMax BöckJacky AlcinéAlvin A.


⚡️ Salma | whitep4nth3rColby FayockFabio FranchinoTrevor TwiningMarc Littlemore 🤖SergestraJennifer HicksBrett EvansMatthias OttSven KaemperRoel Groeneveld4rontenderEric WallaceMike AparicioherestomwiththeweatherDemirliasansorGiuseppeDoğan ÇelikJohn Kemp-CruzTomek SułkowskiDaniel EhnissAndrew ChouDanKurt SecoskeJacky AlcinéemanuelJason LengstorfEleventyMax BöckMonica 🇵🇷 Hasta en la 🌑Chris “Vaxed and Masked” GaraffaJess Peck 🐍👾✨Stephanie EcklesjalbertbowdeniiChris M.Thorr | ✊🏾 👾 ⚡️S#Tanner DolbyStephen Cunliffe
  1. Zach Leatherman


    ahaha that has a nice webring to it

  2. Giuseppe



  3. Martin Schneider


    Exactly this.

  4. Nicolas Hoizey


    OMG, did you really use my avatar in your demo? 😅

  5. Zach Leatherman



  6. nice! I've been looking for something exactly like this for my blogroll 🙌

    Social Card Image Preview

    This is what will show up when you share this post on Social Media:

    How did you do this? I automated my Open Graph images. (Peer behind the curtain at the test page)