diff --git a/images/reference/citrix-compact.png b/images/reference/citrix-compact.png
new file mode 100644
index 00000000..0d6b8a2d
Binary files /dev/null and b/images/reference/citrix-compact.png differ
diff --git a/images/reference/citrix-logo-compact.gif b/images/reference/citrix-logo-compact.gif
deleted file mode 100644
index 551094e9..00000000
Binary files a/images/reference/citrix-logo-compact.gif and /dev/null differ
diff --git a/images/reference/hp.gif b/images/reference/hp.gif
deleted file mode 100644
index e9dd3aad..00000000
Binary files a/images/reference/hp.gif and /dev/null differ
diff --git a/images/reference/hp.png b/images/reference/hp.png
new file mode 100644
index 00000000..3e76881f
Binary files /dev/null and b/images/reference/hp.png differ
diff --git a/images/reference/index.md b/images/reference/index.md
index 4106c9a4..950527f2 100644
--- a/images/reference/index.md
+++ b/images/reference/index.md
@@ -3,6 +3,7 @@
 
 A visual guide to check if the Super Tiny Icons match the shape and colour of organisation's official SVG logo.
 Where possible this links to the organisation's brand guidelines page.
+Avoid using GIFs, as they ignore the `width` attribute on GitHub.
 
 Super Tiny SVG | Official Logo | Source
 ---------------|---------------|-------
@@ -97,7 +98,7 @@ Super Tiny SVG | Official Logo | Source
 <img src="/images/svg/opensource.svg" width="256" /> | <img src="/images/reference/opensource.png" width="256" /> | https://opensource.org/logo-usage-guidelines
 <img src="/images/svg/patreon.svg" width="256" /> | <img src="/images/reference/patreon.svg" width="256" /> | https://www.patreon.com/brand/guidelines
 <img src="/images/svg/trello.svg" width="256" /> | <img src="/images/reference/trello.svg" width="256" /> | https://www.atlassian.com/company/news/press-kit
-<img src="/images/svg/hp.svg" width="256" /> | <img src="/images/reference/hp.gif" width="256" /> | https://www.hp.com/
+<img src="/images/svg/hp.svg" width="256" /> | <img src="/images/reference/hp.png" width="256" /> | https://www.hp.com/
 <img src="/images/svg/intel.svg" width="256" /> | <img src="/images/reference/intel.png" width="256" /> | https://newsroom.intel.com/news/intel-accelerates-ai-innovation-3-new-intel-capital-investments/intel-logo-default/
 <img src="/images/svg/badoo.svg" width="256" /> | <img src="/images/reference/badoo.svg" width="256" /> | https://badoo.com/
 <img src="/images/svg/samsung_internet.svg" width="256" /> | <img src="/images/reference/samsung_internet.png" width="256" /> | http://www.samsung.com/global/galaxy/apps/samsung-internet/
@@ -155,7 +156,7 @@ Super Tiny SVG | Official Logo | Source
 <img src="/images/svg/sass.svg" width="256" /> | <img src="/images/reference/seal-color-aef0354c.png" width="256" /> | https://sass-lang.com/styleguide/brand
 <img src="/images/svg/duckduckgo.svg" width="256" /> | <img src="/images/reference/DuckDuckGoLogo-Dax-Solo.svg" width="256" /> | https://duckduckgo.com/press
 <img src="/images/svg/bing.svg" width="256" /> | <img src="/images/reference/bing.svg" width="256" /> | https://query.prod.cms.rt.microsoft.com/cms/api/am/binary/RE1q9FS
-<img src="/images/svg/json.svg" width="256" /> | <img src="/images/reference/json.gif" width="256" /> | https://json.org/
+<img src="/images/svg/json.svg" width="256" /> | <img src="/images/reference/json.png" width="256" /> | https://json.org/
 <img src="/images/svg/unicode.svg" width="256" /> | <img src="/images/reference/Unicode_logo.svg" width="256" /> | https://www.unicode.org/policies/logo_policy.html
 <img src="/images/svg/linux.svg" width="256" /> | <img src="/images/reference/Classic_flat_look_v1.1.svg" width="256" /> | https://www.linuxfoundation.org/trademark-usage/
 <img src="/images/svg/imdb.svg" width="256" /> | <img src="/images/reference/imdb.svg" width="256" /> | https://imdb.com/
@@ -286,7 +287,7 @@ Super Tiny SVG | Official Logo | Source
 <img src="/images/svg/hulu.svg" width="256" /> | <img src="/images/reference/hulu-Green-digital.svg" width="256" /> | https://thisis.hulu.com/#hulu-logo
 <img src="/images/svg/guilded.svg" width="256" /> | <img src="/images/reference/guilded.png" width="256" /> | https://www.guilded.gg/brand
 <img src="/images/svg/citrix.svg" width="256" /> | <img src="/images/reference/citrix-logo.svg" width="256" /> | https://brand.citrix.com/brand-system/logo/
-<img src="/images/svg/citrix_compact.svg" width="256" /> | <img src="/images/reference/citrix-logo-compact.gif" width="256" /> | https://brand.citrix.com/brand-system/compact-mark/
+<img src="/images/svg/citrix_compact.svg" width="256" /> | <img src="/images/reference/citrix-compact.png" width="256" /> | https://brand.citrix.com/brand-system/compact-mark/
 <img src="/images/svg/i18next.svg" width="256" /> | <img src="/images/reference/i18next.png" width="256" /> | https://www.i18next.com/
 <img src="/images/svg/sogo.svg" width="256" /> | <img src="/images/reference/sogo.svg" width="256" /> | https://www.sogo.nu/
 <img src="/images/svg/todoist.svg" width="256" /> | <img src="/images/reference/todoist.png" width="256" /> | https://doist.com/press
@@ -311,7 +312,7 @@ Super Tiny SVG | Official Logo | Source
 <img src="/images/svg/activitypub.svg" width="256" /> | <img src="/images/reference/ActivityPub-logo.svg" width="256" /> | https://activitypub.rocks/
 <img src="/images/svg/blender.svg" width="256" /> | <img src="/images/reference/blender.svg" width="256" /> | https://www.blender.org/
 <img src="/images/svg/expressionengine.svg" width="256" /> | <img src="/images/reference/expressionengine.png" width="256" /> | https://expressionengine.com/about/trademark-use-policy
-<img src="/images/svg/vim.svg" width="256" /> | <img src="/images/reference/vim.gif" width="256" /> | https://www.vim.org/logos.php
+<img src="/images/svg/vim.svg" width="256" /> | <img src="/images/reference/vim.png" width="256" /> | https://www.vim.org/logos.php
 <img src="/images/svg/openstreetmap.svg" width="256" /> | <img src="/images/reference/openstreetmap.png" width="256" /> | https://wiki.openstreetmap.org/wiki/Logos#Other_logos
 <img src="/images/svg/bun.svg" width="256" /> | <img src="/images/reference/bun.svg" width="256" /> | https://bun.sh/
 <img src="/images/svg/powershell.svg" width="256" /> | <img src="/images/reference/powershell.svg" width="256" /> | https://learn.microsoft.com/en-us/powershell/scripting/community/digital-art?view=powershell-7.3
diff --git a/images/reference/json.gif b/images/reference/json.gif
deleted file mode 100644
index 3bb55c8d..00000000
Binary files a/images/reference/json.gif and /dev/null differ
diff --git a/images/reference/json.png b/images/reference/json.png
new file mode 100644
index 00000000..fd7c7e97
Binary files /dev/null and b/images/reference/json.png differ
diff --git a/images/reference/vim.gif b/images/reference/vim.gif
deleted file mode 100644
index 89c4c135..00000000
Binary files a/images/reference/vim.gif and /dev/null differ
diff --git a/images/reference/vim.png b/images/reference/vim.png
new file mode 100644
index 00000000..c00d41b4
Binary files /dev/null and b/images/reference/vim.png differ