diff --git a/content/meta/badges.md b/content/meta/badges.md
index 5380032..0bc6ef3 100644
--- a/content/meta/badges.md
+++ b/content/meta/badges.md
@@ -12,73 +12,54 @@ My collection of over 70 88x31 badges, representing what I and this site use and
Use this to link to me!
-{{}}
+{{}}
Note that this image's URL is cache-busted. It will change any time I alter my badge, and is **not** hotlink-friendly. If you wish to hotlink, use one of these URLs:
- `https://seirdy.one/sticker_88x31.png`
- `https://seirdy.one/sticker_88x31.gif`
-{{}}{{}}
+{{}}{{}}
-Code to generate my 88x31 button using [my favicon.svg file](../../favicon.svg), ImageMagick, `rsvg-convert`, and `pngquant`.
+Template markup to embed my 88x31 badge.
{{}}
```figure
-magick -background black -size 56x31 -fill white \
- -gravity center -font "Iosevka-Term" -pointsize 16 'label:Seirdy' \
- tmp.png
-rsvg-convert favicon.svg -aw 31 \
- | convert - tmp.png +append -background white -splice 1x0+31+0 \
- -shave 1x1 -bordercolor white -border 1 - \
- | pngquant -s 1 28 - >sticker_88x31.png
-rm tmp.png
+
+ 
+
```
{{}}
-## About this site
+### Suggestions for embedding my badge
+- Use `image-rendering: pixelated;` in your CSS for most 88x31 badges, so upscaling filters don't ruin pixel art.
+
+- Double the width and height in your HTML to `width="176" height="62"` to make them easier to read on higher-resolution screens.
+
+- The more consecutive badges you have, the shorter your alt-text should be. Balance the need for detail against the need to skim.
+
+- If you want to detect my button programmatically, consider the [`.well-known/button.json` schema](https://codeberg.org/LunarEclipse/well-known-button).
+
+## About this site
### Site design standards
Read more about the design of this site in my [site design standards page]({{}}).
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-}}">{{}}
-{{}}
+{{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} }}">{{}} {{}}
### Software that seirdy.one runs on
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
+{{}} {{}} {{}} {{}} {{}} {{}}
### Other info about this site
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-
+{{}} {{}} {{}} {{}} {{}} {{}}
### Notes on "About this site" badges
@@ -88,18 +69,7 @@ I build Nginx, Conduit, Webmentiond, and other software for seirdy.one using LLV
## Ideological affinity, web-related
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
+{{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}}
### Notes on "Ideological affinity, Web-related" badges
@@ -109,31 +79,13 @@ I included "Right to repair" in this section because I think that page-alteratio
I might eventually move these to a separate page under the "About" section of my site.
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
+{{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}}
## Things I use
See [my "uses" page]({{}}) for some more information.
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
+{{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}} {{}}
## Friendly sites
@@ -143,28 +95,15 @@ These are some people/websites I think are cool! I might eventually move these t
Sites that link back to me:
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
+{{}} {{}} {{}} {{}} {{}}
### Other personal sites
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
-{{}}
+{{}} {{}} {{}} {{}} {{}} {{}} {{}}
### Other sites
-{{}}
-{{}}
-{{}}
-{{}}
+{{}} {{}} {{}} {{}}
### Notes on "Friendly sites" badges
@@ -172,10 +111,7 @@ The Yesterweb is winding down its social activity after admin burnout, but it re
## Other
-{{}}
-{{}}
-{{}}
-{{}}
+{{}} {{}} {{}} {{}}
## Credits
@@ -211,3 +147,29 @@ Other credits:
- Tildeverse badge made by {{}}.
- Linux Now badge with Xenia the Linux Fox [made by Volt](https://meow.social/@voltbun/109600348286574222).
+
+## Appendix
+
+Here's how I made my badge!
+
+{{}}{{}}
+
+Code to generate my 88x31 button using [my favicon.svg file](../../favicon.svg), ImageMagick, `rsvg-convert`, and `pngquant`.
+
+{{}}
+
+```figure
+magick -background black -size 56x31 -fill white \
+ -gravity center -font "Iosevka-Term" -pointsize 16 'label:Seirdy' \
+ tmp.png
+rsvg-convert favicon.svg -aw 31 \
+ | convert - tmp.png +append -background white -splice 1x0+31+0 \
+ -shave 1x1 -bordercolor white -border 1 - \
+ | pngquant -s 1 28 - >sticker_88x31.png
+rm tmp.png
+```
+
+{{}}
+
+After generating it, I compressed it as much as possible using [Efficient-Compression-Tool](https://github.com/fhanau/Efficient-Compression-Tool).
+