From 971148b3d65110d683fc1ca54988dc5c0d1393f6 Mon Sep 17 00:00:00 2001
From: daudix <ddaudix@gmail.com>
Date: Fri, 6 Sep 2024 19:30:25 +0300
Subject: [PATCH] Smaller comments QR size by using png instead of gif

---
 CHANGELOG.md                     | 1 +
 templates/partials/comments.html | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5671b8c..a6e8102 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -39,6 +39,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Show theme switcher if `config.extra.default_theme` is set, even if `config.extra.nav.show_theme_switcher` is not.
 - Tweak padding of verified instance badge.
 - Use more fitting cursors in some contexts.
+- Use PNG instead of GIF for comments QR code to reduce download size.
 - Use relative colors for `-bg` color variants.
 
 ### Removed
diff --git a/templates/partials/comments.html b/templates/partials/comments.html
index ba96ebb..f8b974e 100644
--- a/templates/partials/comments.html
+++ b/templates/partials/comments.html
@@ -20,7 +20,7 @@
 
 <section id="comments">
 	{%- if config.extra.comments.show_qr -%}
-		<img id="qrcode" class="no-hover pixels" title="{{ macros_translate::translate(key='comments_qr', default='QR code to a Mastodon post', language_strings=language_strings) }}" {%- if config.markdown.lazy_async_image -%}decoding="async" loading="lazy"{%- endif -%} src="https://api.qrserver.com/v1/create-qr-code/?data=https://{{ host }}/@{{ username }}/{{ id }}&format=gif" />
+		<img id="qrcode" class="no-hover pixels" title="{{ macros_translate::translate(key='comments_qr', default='QR code to a Mastodon post', language_strings=language_strings) }}" {%- if config.markdown.lazy_async_image -%}decoding="async" loading="lazy"{%- endif -%} src="https://api.qrserver.com/v1/create-qr-code/?data=https://{{ host }}/@{{ username }}/{{ id }}" />
 	{%- endif -%}
 	<h2>{{ macros_translate::translate(key="comments", default="Comments", language_strings=language_strings) }}</h2>
 	<p>{{ macros_translate::translate(key="comments_description", default="You can comment on this blog post by publicly replying to this post using a Mastodon or other ActivityPub/Fediverse account. Known non-private replies are displayed below.", language_strings=language_strings) }}</p>