diff --git a/files/templates/comments.html b/files/templates/comments.html
index 6becccb6a..0d47e1cb7 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -212,7 +212,7 @@
 						<div class="profile-pic-30-wrapper">
 							<img loading="lazy" src="{{c.author.profile_url}}" class="profile-pic-30 mr-2">
 							{% if c.author.hat_active -%}
-								<img class="profile-pic-30-hat hat" loading="lazy" src="/i/hats/{{c.author.hat_active}}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{c.author.hat_tooltip}}">
+								<img class="profile-pic-30-hat hat" loading="lazy" src="/i/hats/{{c.author.hat_active}}?v=1" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{c.author.hat_tooltip}}">
 							{%- endif %}
 						</div>
 						<span {% if c.author.patron and not c.distinguish_level %}class="patron" style="background-color:#{{c.author.name_color}};"{% elif c.distinguish_level %}class="mod"{% endif %}>{{c.author_name}}</span>
diff --git a/files/templates/hats.html b/files/templates/hats.html
index 0bae58539..a31d976ab 100644
--- a/files/templates/hats.html
+++ b/files/templates/hats.html
@@ -8,7 +8,7 @@
 
 {% block Banner %}
 	<header class="container pb-1 text-center">
-		<img class="mt-5" alt="hats banner" src="/i/hats.webp" width="50%">
+		<img class="mt-5" alt="hats banner" src="/i/hats.webp?v=1" width="50%">
 		<h5 class="mt-4">Number of hats you bought: {{v.num_of_hats_bought}}</h5>
 		<h5 class="mt-4">Number of hats you designed: {{v.num_of_hats_designed}}</h5>
 		<h5 class="mt-4">Coins you spent on hats: {{v.coins_spent_on_hats}}</h5>
@@ -36,7 +36,7 @@
 		<tbody>
 			{% for hat, user in owned %}
 				<tr>
-					<td><img loading="lazy" alt="{{hat.name}}" src="/i/hats/{{hat.name}}.webp"></td>
+					<td><img loading="lazy" alt="{{hat.name}}" src="/i/hats/{{hat.name}}.webp?v=1"></td>
 					<td>{{hat.name}}</td>
 					<td>{{hat.description}}</td>
 					{% if SITE == 'rdrama.net' %}
@@ -55,7 +55,7 @@
 
 			{% for hat, user in not_owned %}
 				<tr>
-					<td><img loading="lazy" alt="{{hat.name}}" src="/i/hats/{{hat.name}}.webp"></td>
+					<td><img loading="lazy" alt="{{hat.name}}" src="/i/hats/{{hat.name}}.webp?v=1"></td>
 					<td>{{hat.name}}</td>
 					<td>{{hat.description}}</td>
 					{% if SITE == 'rdrama.net' %}
diff --git a/files/templates/header.html b/files/templates/header.html
index ded1d93d2..4ae237a95 100644
--- a/files/templates/header.html
+++ b/files/templates/header.html
@@ -207,7 +207,7 @@
 							<div class="profile-pic-35-wrapper">
 								<img loading="lazy" src="{{v.profile_url}}" class="profile-pic-35">
 								{% if v.hat_active -%}
-									<img class="profile-pic-35-hat hat" loading="lazy" src="/i/hats/{{v.hat_active}}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{v.hat_tooltip}}">
+									<img class="profile-pic-35-hat hat" loading="lazy" src="/i/hats/{{v.hat_active}}?v=1" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{v.hat_tooltip}}">
 								{%- endif %}
 							</div>
 							<div class="text-left pl-2">
diff --git a/files/templates/submission.html b/files/templates/submission.html
index 9df272d75..22f2c243c 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -677,7 +677,7 @@
 								<div class="profile-pic-30-wrapper">
 									<img loading="lazy" src="{{p.author.profile_url}}" class="profile-pic-30 mr-2">
 									{% if p.author.hat_active -%}
-										<img class="profile-pic-30-hat hat" loading="lazy" src="/i/hats/{{p.author.hat_active}}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{p.author.hat_tooltip}}">
+										<img class="profile-pic-30-hat hat" loading="lazy" src="/i/hats/{{p.author.hat_active}}?v=1" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{p.author.hat_tooltip}}">
 									{%- endif %}
 								</div>
 								<span {% if p.author.patron and not p.distinguish_level %}class="patron" style="background-color:#{{p.author.name_color}};"{% elif p.distinguish_level %}class="mod"{% endif %}>{{p.author_name}}</span>
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 4638e8807..ab0d6eb4e 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -213,7 +213,7 @@
 						<div class="profile-pic-30-wrapper">
 							<img loading="lazy" src="{{p.author.profile_url}}" class="profile-pic-30 mr-2">
 							{% if p.author.hat_active -%}
-								<img class="profile-pic-30-hat hat" loading="lazy" src="/i/hats/{{p.author.hat_active}}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{p.author.hat_tooltip}}">
+								<img class="profile-pic-30-hat hat" loading="lazy" src="/i/hats/{{p.author.hat_active}}?v=1" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{p.author.hat_tooltip}}">
 							{%- endif %}
 						</div>
 						<span {% if p.author.patron and not p.distinguish_level %}class="patron" style="background-color:#{{p.author.name_color}};"{% elif p.distinguish_level %}class="mod"{% endif %}>{{p.author_name}}</span>
diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index 9db8149df..bffed2dcb 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -42,7 +42,7 @@
 							<a rel="nofollow noopener noreferrer" href="{% if u.highres %}{{u.highres}}{% else %}{{u.profile_url}}{% endif %}" class="profile-pic-100-wrapper">
 								<img onclick="expandDesktopImage('{% if u.highres %}{{u.highres}}{% else %}{{u.profile_url}}{% endif %}')" loading="lazy" src="{{u.profile_url}}" class="profile-pic profile-pic-100 mb-5">
 								{% if u.hat_active -%}
-									<img onclick="expandDesktopImage('{% if u.highres %}{{u.highres}}{% else %}{{u.profile_url}}{% endif %}')" class="profile-pic-100-hat hat" loading="lazy" src="/i/hats/{{u.hat_active}}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{u.hat_tooltip}}">
+									<img onclick="expandDesktopImage('{% if u.highres %}{{u.highres}}{% else %}{{u.profile_url}}{% endif %}')" class="profile-pic-100-hat hat" loading="lazy" src="/i/hats/{{u.hat_active}}?v=1" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{u.hat_tooltip}}">
 								{%- endif %}
 							</a>
 						</div>
@@ -407,7 +407,7 @@
 				<a rel="nofollow noopener noreferrer" href="{% if u.highres %}{{u.highres}}{% else %}{{u.profile_url}}{% endif %}" class="profile-pic-65-wrapper">
 					<img onclick="expandDesktopImage('{% if u.highres %}{{u.highres}}{% else %}{{u.profile_url}}{% endif %}')" loading="lazy" src="{{u.profile_url}}" class="profile-pic-65 bg-white border-2 border-white mb-2">
 					{% if u.hat_active -%}
-						<img onclick="expandDesktopImage('{% if u.highres %}{{u.highres}}{% else %}{{u.profile_url}}{% endif %}')" class="profile-pic-65-hat hat" loading="lazy" src="/i/hats/{{u.hat_active}}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{u.hat_tooltip}}">
+						<img onclick="expandDesktopImage('{% if u.highres %}{{u.highres}}{% else %}{{u.profile_url}}{% endif %}')" class="profile-pic-65-hat hat" loading="lazy" src="/i/hats/{{u.hat_active}}?v=1" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{u.hat_tooltip}}">
 					{%- endif %}
 				</a>
 			</div>