diff --git a/templates/404.html b/templates/404.html
index 657069a569..9abeb142a1 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -10,7 +10,7 @@
 <div class="error_page">
     <div class="container">
         <div class="row-fluid">
-            <img src="/static/images/errors/400art.svg" alt=""/>
+            <img src="{{ static('images/errors/400art.svg') }}" alt=""/>
             <div class="errorbox">
                 <div class="errorcontent">
                     {% if status_code == 405 %}
diff --git a/templates/500.html b/templates/500.html
index d812c86715..27118ef74b 100644
--- a/templates/500.html
+++ b/templates/500.html
@@ -15,7 +15,7 @@
 <div class="error_page">
     <div class="container">
         <div class="row-fluid">
-            <img src="/static/images/errors/500art.svg" alt=""/>
+            <img src="{{ static('images/errors/500art.svg') }}" alt=""/>
             <div class="errorbox">
                 <div class="errorcontent">
                     <h1 class="lead">{{ _("Internal server error") }}</h1>
diff --git a/templates/confirmation/link_does_not_exist.html b/templates/confirmation/link_does_not_exist.html
index 4a9ca4e6fb..e98786c580 100644
--- a/templates/confirmation/link_does_not_exist.html
+++ b/templates/confirmation/link_does_not_exist.html
@@ -7,7 +7,7 @@
 {% block portico_content %}
 <div class="error_page">
     <div class="container row-fluid">
-        <img src="/static/images/errors/400art.svg" alt=""/>
+        <img src="{{ static('images/errors/400art.svg') }}" alt=""/>
         <div class="errorbox">
             <div class="errorcontent">
                 <h1 class="lead">{{ _("Whoops. We couldn't find your confirmation link in the system.") }}</h1>
diff --git a/templates/confirmation/link_expired.html b/templates/confirmation/link_expired.html
index d16d2eb75e..e98a917092 100644
--- a/templates/confirmation/link_expired.html
+++ b/templates/confirmation/link_expired.html
@@ -8,7 +8,7 @@
 <div class="error_page">
     <div class="container">
         <div class="row-fluid">
-            <img class="hourglass-img" src="/static/images/errors/timeout_hourglass.png" alt=""/>
+            <img class="hourglass-img" src="{{ static('images/errors/timeout_hourglass.png') }}" alt=""/>
             <div class="errorbox">
                 <div class="errorcontent">
                     <h1 class="lead">{{ _("Whoops. The confirmation link has expired or been deactivated.") }}</h1>
diff --git a/templates/confirmation/link_malformed.html b/templates/confirmation/link_malformed.html
index cd1e7bae43..6233c08442 100644
--- a/templates/confirmation/link_malformed.html
+++ b/templates/confirmation/link_malformed.html
@@ -7,7 +7,7 @@
 {% block portico_content %}
 <div class="error_page">
     <div class="container row-fluid">
-        <img src="/static/images/errors/500art.svg" alt=""/>
+        <img src="{{ static('images/errors/500art.svg') }}" alt=""/>
         <div class="errorbox">
             <div class="errorcontent">
                 <h1 class="lead">{{ _("Whoops. The confirmation link is malformed.") }}</h1>
diff --git a/templates/corporate/apps.html b/templates/corporate/apps.html
index c70af88f5a..aa91385c3f 100644
--- a/templates/corporate/apps.html
+++ b/templates/corporate/apps.html
@@ -28,8 +28,8 @@
                         <p class="description"></p>
                         <p class="download-instructions">For download instructions, go to the <a class="silver bold" href="/help/desktop-app-install-guide" target="_blank" rel="noopener noreferrer">desktop app install guide</a>.</p>
                         <a class="desktop-download-link no-action" hidden href=""><span class="button green">Download Zulip for <span class="platform"></span></span></a>
-                        <a class="download-from-google-play-store" hidden href=""><img src='/static/images/store-badges/google-play-badge.png' alt=""/></a>
-                        <a class="download-from-apple-app-store" hidden href=""><img src='/static/images/store-badges/app-store-badge.svg' alt=""/></a>
+                        <a class="download-from-google-play-store" hidden href=""><img src="{{ static('images/store-badges/google-play-badge.png') }}" alt=""/></a>
+                        <a class="download-from-apple-app-store" hidden href=""><img src="{{ static('images/store-badges/app-store-badge.svg') }}" alt=""/></a>
                         <span><a id="download-android-apk" hidden href="https://github.com/zulip/zulip-mobile/releases/latest">or manually download APK</a></span>
                         <span><a id="download-mac-arm64" hidden href="">or download Apple silicon native build</a></span>
                     </div>
@@ -37,7 +37,7 @@
             </div>
             <div class="image">
                 <div class="flex">
-                    <img src="/static/images/loading/loader-white.svg" alt="" />
+                    <img src="{{ static('images/loading/loader-white.svg') }}" alt="" />
                 </div>
             </div>
         </div>
diff --git a/templates/corporate/attribution.html b/templates/corporate/attribution.html
index 61dec10bc8..658870723b 100644
--- a/templates/corporate/attribution.html
+++ b/templates/corporate/attribution.html
@@ -21,7 +21,7 @@
             <ul>
                 <li>
                     <b>On <a href="/for/business">/for/business</a> page:</b>
-                    <img alt="" src="/static/images/landing-page/companies/software-engineer.svg" />
+                    <img alt="" src="{{ static('images/landing-page/companies/software-engineer.svg') }}" />
                     <p>"<a href="https://iconscout.com/illustration/software-engineer-2043023">Software engineer Illustration</a>" By <a href="https://iconscout.com/contributors/delesign/illustrations">Delesign Graphic</a> is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.</p>
                 </li>
             </ul>
diff --git a/templates/corporate/features.html b/templates/corporate/features.html
index 60c65e8936..7a7db9fdfd 100644
--- a/templates/corporate/features.html
+++ b/templates/corporate/features.html
@@ -69,7 +69,7 @@
                 </p>
             </div>
         </div>
-        <img class="image" src="/static/images/landing-page/features/message-formatting.png" alt="" />
+        <img class="image" src="{{ static('images/landing-page/features/message-formatting.png') }}" alt="" />
     </section>
 
     <section class="notifications">
@@ -93,7 +93,7 @@
     </section>
 
     <section class="keyboard-shortcuts">
-        <img class="overflow-wave" src="/static/images/landing-page/features/wave.png" alt="" />
+        <img class="overflow-wave" src="{{ static('images/landing-page/features/wave.png') }}" alt="" />
         <div class="feature-block">
             <h3>Keyboard shortcuts.</h3>
             <p>Communicate as efficiently as you use your favorite
@@ -103,7 +103,7 @@
                     Learn more about keyboard shortcuts.</a>
             </p>
         </div>
-        <img class="image" src="/static/images/landing-page/features/love-keyboard-shortcuts.svg" alt="" />
+        <img class="image" src="{{ static('images/landing-page/features/love-keyboard-shortcuts.svg') }}" alt="" />
     </section>
 
     <section>
diff --git a/templates/corporate/for/business.html b/templates/corporate/for/business.html
index 12da5ea70a..4ecc812ccb 100644
--- a/templates/corporate/for/business.html
+++ b/templates/corporate/for/business.html
@@ -112,7 +112,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image topics-image">
-                <img alt="" src="/static/images/story-tutorial/zulip-streams-unreads-arrows.png" />
+                <img alt="" src="{{ static('images/story-tutorial/zulip-streams-unreads-arrows.png') }}" />
             </div>
         </div>
     </div>
@@ -121,7 +121,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/software-engineer.svg" />
+                <img alt="" src="{{ static('images/landing-page/companies/software-engineer.svg') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -172,7 +172,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/software-engineer.svg" />
+                <img alt="" src="{{ static('images/landing-page/companies/software-engineer.svg') }}" />
             </div>
         </div>
     </div>
@@ -219,7 +219,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/knowledge-repository.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/knowledge-repository.svg') }}" />
             </div>
         </div>
     </div>
@@ -227,7 +227,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/integrations_with_border.png" />
+                <img alt="" src="{{ static('images/landing-page/companies/integrations_with_border.png') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -300,7 +300,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/integrations_with_border.png" />
+                <img alt="" src="{{ static('images/landing-page/companies/integrations_with_border.png') }}" />
             </div>
         </div>
     </div>
@@ -340,7 +340,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/message-formatting-top.png" />
+                <img alt="" src="{{ static('images/landing-page/companies/message-formatting-top.png') }}" />
             </div>
         </div>
     </div>
@@ -348,7 +348,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/message-formatting-bottom.png" />
+                <img alt="" src="{{ static('images/landing-page/companies/message-formatting-bottom.png') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -384,7 +384,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/message-formatting-bottom.png" />
+                <img alt="" src="{{ static('images/landing-page/companies/message-formatting-bottom.png') }}" />
             </div>
         </div>
     </div>
@@ -421,7 +421,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/flexible-administration.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/flexible-administration.svg') }}" />
             </div>
         </div>
     </div>
@@ -430,7 +430,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img class="mirror-image" alt="" src="/static/images/landing-page/education/privacy.svg" />
+                <img class="mirror-image" alt="" src="{{ static('images/landing-page/education/privacy.svg') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -474,7 +474,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img class="mirror-image" alt="" src="/static/images/landing-page/education/privacy.svg" />
+                <img class="mirror-image" alt="" src="{{ static('images/landing-page/education/privacy.svg') }}" />
             </div>
         </div>
     </div>
@@ -510,7 +510,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img class="mirror-image" alt="" src="/static/images/landing-page/education/mobile.svg" />
+                <img class="mirror-image" alt="" src="{{ static('images/landing-page/education/mobile.svg') }}" />
             </div>
         </div>
     </div>
diff --git a/templates/corporate/for/education.html b/templates/corporate/for/education.html
index 71c16c2cd9..1e89cfef95 100644
--- a/templates/corporate/for/education.html
+++ b/templates/corporate/for/education.html
@@ -78,7 +78,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image topics-image">
-                <img alt="" src="/static/images/landing-page/education/streams_and_topics_day.png" />
+                <img alt="" src="{{ static('images/landing-page/education/streams_and_topics_day.png') }}" />
             </div>
         </div>
     </div>
@@ -86,7 +86,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/message_formatting_day.png" />
+                <img alt="" src="{{ static('images/landing-page/education/message_formatting_day.png') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -104,7 +104,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/message_formatting_day.png" />
+                <img alt="" src="{{ static('images/landing-page/education/message_formatting_day.png') }}" />
             </div>
         </div>
     </div>
@@ -142,7 +142,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/interactive_messaging_day.png" />
+                <img alt="" src="{{ static('images/landing-page/education/interactive_messaging_day.png') }}" />
             </div>
         </div>
     </div>
@@ -150,7 +150,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/flexible-administration.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/flexible-administration.svg') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -168,7 +168,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/flexible-administration.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/flexible-administration.svg') }}" />
             </div>
         </div>
     </div>
@@ -194,7 +194,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/privacy.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/privacy.svg') }}" />
             </div>
         </div>
     </div>
@@ -203,7 +203,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/mobile.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/mobile.svg') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -237,7 +237,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/mobile.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/mobile.svg') }}" />
             </div>
         </div>
     </div>
diff --git a/templates/corporate/for/events.html b/templates/corporate/for/events.html
index a8a68c7287..7b86487185 100644
--- a/templates/corporate/for/events.html
+++ b/templates/corporate/for/events.html
@@ -98,7 +98,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image topics-image">
-                <img alt="" src="/static/images/landing-page/events/streams_and_topics_day.png" />
+                <img alt="" src="{{ static('images/landing-page/events/streams_and_topics_day.png') }}" />
             </div>
         </div>
     </div>
@@ -106,7 +106,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/events/your_communication_hub_day.png" />
+                <img alt="" src="{{ static('images/landing-page/events/your_communication_hub_day.png') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -149,7 +149,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/events/your_communication_hub_day.png" />
+                <img alt="" src="{{ static('images/landing-page/events/your_communication_hub_day.png') }}" />
             </div>
         </div>
     </div>
@@ -183,7 +183,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/knowledge-repository.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/knowledge-repository.svg') }}" />
             </div>
         </div>
     </div>
@@ -191,7 +191,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/events/message_formatting_day.png" />
+                <img alt="" src="{{ static('images/landing-page/events/message_formatting_day.png') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -209,7 +209,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/events/message_formatting_day.png" />
+                <img alt="" src="{{ static('images/landing-page/events/message_formatting_day.png') }}" />
             </div>
         </div>
     </div>
@@ -234,7 +234,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/flexible-administration.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/flexible-administration.svg') }}" />
             </div>
         </div>
     </div>
@@ -242,7 +242,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/mobile.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/mobile.svg') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -272,7 +272,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/mobile.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/mobile.svg') }}" />
             </div>
         </div>
     </div>
diff --git a/templates/corporate/for/open-source.html b/templates/corporate/for/open-source.html
index ef889d0543..0467200110 100644
--- a/templates/corporate/for/open-source.html
+++ b/templates/corporate/for/open-source.html
@@ -103,7 +103,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image topics-image">
-                <img alt="" src="/static/images/landing-page/open_source/streams_and_topics_day.png" />
+                <img alt="" src="{{ static('images/landing-page/open_source/streams_and_topics_day.png') }}" />
             </div>
         </div>
     </div>
@@ -111,7 +111,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/knowledge-repository.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/knowledge-repository.svg') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -173,7 +173,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/knowledge-repository.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/knowledge-repository.svg') }}" />
             </div>
         </div>
     </div>
@@ -237,7 +237,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/open_source/build_inclusive_communities.svg" />
+                <img alt="" src="{{ static('images/landing-page/open_source/build_inclusive_communities.svg') }}" />
             </div>
         </div>
     </div>
@@ -246,7 +246,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/software-engineer.svg" />
+                <img alt="" src="{{ static('images/landing-page/companies/software-engineer.svg') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -318,7 +318,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/software-engineer.svg" />
+                <img alt="" src="{{ static('images/landing-page/companies/software-engineer.svg') }}" />
             </div>
         </div>
     </div>
@@ -375,7 +375,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/message-formatting-top.png" />
+                <img alt="" src="{{ static('images/landing-page/companies/message-formatting-top.png') }}" />
             </div>
         </div>
     </div>
@@ -384,7 +384,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/message-formatting-bottom.png" />
+                <img alt="" src="{{ static('images/landing-page/companies/message-formatting-bottom.png') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -443,7 +443,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/message-formatting-bottom.png" />
+                <img alt="" src="{{ static('images/landing-page/companies/message-formatting-bottom.png') }}" />
             </div>
         </div>
     </div>
@@ -513,7 +513,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/companies/integrations_with_border.png" />
+                <img alt="" src="{{ static('images/landing-page/companies/integrations_with_border.png') }}" />
             </div>
         </div>
     </div>
@@ -521,7 +521,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/flexible-administration.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/flexible-administration.svg') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -566,7 +566,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/flexible-administration.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/flexible-administration.svg') }}" />
             </div>
         </div>
     </div>
@@ -614,7 +614,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img class="mirror-image" alt="" src="/static/images/landing-page/education/mobile.svg" />
+                <img class="mirror-image" alt="" src="{{ static('images/landing-page/education/mobile.svg') }}" />
             </div>
         </div>
     </div>
diff --git a/templates/corporate/for/research.html b/templates/corporate/for/research.html
index 1c0cd51739..a08f4b2346 100644
--- a/templates/corporate/for/research.html
+++ b/templates/corporate/for/research.html
@@ -108,7 +108,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image topics-image">
-                <img alt="" src="/static/images/landing-page/research/streams_and_topics_day.png" />
+                <img alt="" src="{{ static('images/landing-page/research/streams_and_topics_day.png') }}" />
             </div>
         </div>
     </div>
@@ -116,7 +116,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/knowledge-repository.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/knowledge-repository.svg') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -168,7 +168,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/knowledge-repository.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/knowledge-repository.svg') }}" />
             </div>
         </div>
     </div>
@@ -209,7 +209,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/events/message_formatting_day.png" />
+                <img alt="" src="{{ static('images/landing-page/events/message_formatting_day.png') }}" />
             </div>
         </div>
     </div>
@@ -217,7 +217,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/research/interactive_messaging_day.png" />
+                <img alt="" src="{{ static('images/landing-page/research/interactive_messaging_day.png') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -274,7 +274,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/research/interactive_messaging_day.png" />
+                <img alt="" src="{{ static('images/landing-page/research/interactive_messaging_day.png') }}" />
             </div>
         </div>
     </div>
@@ -309,7 +309,7 @@
         </div>
         <div class="feature-half">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/flexible-administration.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/flexible-administration.svg') }}" />
             </div>
         </div>
     </div>
@@ -317,7 +317,7 @@
     <div class="feature-container alternate-grid">
         <div class="feature-half md-hide">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/mobile.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/mobile.svg') }}" />
             </div>
         </div>
         <div class="feature-half">
@@ -349,7 +349,7 @@
         </div>
         <div class="feature-half md-display">
             <div class="feature-image">
-                <img alt="" src="/static/images/landing-page/education/mobile.svg" />
+                <img alt="" src="{{ static('images/landing-page/education/mobile.svg') }}" />
             </div>
         </div>
     </div>
diff --git a/templates/corporate/hello.html b/templates/corporate/hello.html
index 8daadc3830..bb7f0264f1 100644
--- a/templates/corporate/hello.html
+++ b/templates/corporate/hello.html
@@ -50,7 +50,7 @@
                                 <div class="item-inner">
 
                                     <button data-target="#tour-carousel" data-slide="next" type="button" name="button" class="start-button">Take the tour</button>
-                                    <img src="/static/images/story-tutorial/zulip-topic-blurred.png" alt="" class="start-image" />
+                                    <img src="{{ static('images/story-tutorial/zulip-topic-blurred.png') }}" alt="" class="start-image" />
                                 </div>
                             </div>
                             <div class="item">
@@ -59,11 +59,11 @@
                                     <div class="zulip-slack-comparison">
                                         <div class="comparison-zulip">
                                             <div class="caption">Zulip</div>
-                                            <img src="/static/images/story-tutorial/zulip-streams.png" class="zulip-streams" alt="{{ _('Streams in Zulip') }}" />
+                                            <img src="{{ static('images/story-tutorial/zulip-streams.png') }}" class="zulip-streams" alt="{{ _('Streams in Zulip') }}" />
                                         </div>
                                         <div class="comparison-slack">
                                             <div class="caption">Other team chat</div>
-                                            <img src="/static/images/story-tutorial/slack-streams.png" class="slack-streams" alt="{{ _('Streams in Slack') }}" />
+                                            <img src="{{ static('images/story-tutorial/slack-streams.png') }}" class="slack-streams" alt="{{ _('Streams in Slack') }}" />
                                         </div>
                                     </div>
                                 </div>
@@ -74,11 +74,11 @@
                                     <div class="zulip-slack-comparison">
                                         <div class="comparison-zulip">
                                             <div class="caption">Zulip</div>
-                                            <img src="/static/images/story-tutorial/zulip-streams-selected.png" class="zulip-streams-selected" alt="{{ _('Topics in Zulip') }}" />
+                                            <img src="{{ static('images/story-tutorial/zulip-streams-selected.png') }}" class="zulip-streams-selected" alt="{{ _('Topics in Zulip') }}" />
                                         </div>
                                         <div class="comparison-slack">
                                             <div class="caption">Other team chat</div>
-                                            <img src="/static/images/story-tutorial/slack-streams-selected.png" class="slack-streams-selected" alt="{{ _('Streams in Slack') }}" />
+                                            <img src="{{ static('images/story-tutorial/slack-streams-selected.png') }}" class="slack-streams-selected" alt="{{ _('Streams in Slack') }}" />
                                         </div>
                                     </div>
                                 </div>
@@ -89,11 +89,11 @@
                                     <div class="zulip-slack-comparison">
                                         <div class="comparison-zulip">
                                             <div class="caption comparison-2-caption-zulip">Zulip</div>
-                                            <img src="/static/images/story-tutorial/zulip-streams-unreads-arrows.png" alt="{{ _('Stream topics in Zulip') }}" class="zulip-unreads-arrows" />
+                                            <img src="{{ static('images/story-tutorial/zulip-streams-unreads-arrows.png') }}" alt="{{ _('Stream topics in Zulip') }}" class="zulip-unreads-arrows" />
                                         </div>
                                         <div class="comparison-slack">
                                             <div class="caption comparison-2-caption-slack">Other team chat</div>
-                                            <img src="/static/images/story-tutorial/slack-streams-unreads.png" class="slack-stream-unreads" alt="{{ _('Streams in Slack') }}" />
+                                            <img src="{{ static('images/story-tutorial/slack-streams-unreads.png') }}" class="slack-stream-unreads" alt="{{ _('Streams in Slack') }}" />
                                         </div>
                                     </div>
                                 </div>
@@ -101,27 +101,27 @@
                             <div class="item">
                                 <div class="item-inner">
                                     <p class="tour-item-header">Let&rsquo;s click on &ldquo;Tuesday night catering.&rdquo;</p>
-                                    <img src="/static/images/story-tutorial/zulip-topic.png" alt="{{ _('The Tuesday night catering topic in Zulip') }}" class="zulip-topic mobile-hide" />
-                                    <img src="/static/images/story-tutorial/zulip-topic-crop.png" alt="{{ _('The Tuesday night catering topic in Zulip') }}" class="centered-image zulip-topic mobile-show" />
+                                    <img src="{{ static('images/story-tutorial/zulip-topic.png') }}" alt="{{ _('The Tuesday night catering topic in Zulip') }}" class="zulip-topic mobile-hide" />
+                                    <img src="{{ static('images/story-tutorial/zulip-topic-crop.png') }}" alt="{{ _('The Tuesday night catering topic in Zulip') }}" class="centered-image zulip-topic mobile-show" />
                                 </div>
                             </div>
                             <div class="item">
                                 <div class="item-inner">
                                     <p class="tour-item-header">Messages in Zulip retain their context even if they&rsquo;re sent hours after the conversation started:</p>
-                                    <img src="/static/images/story-tutorial/zulip-streams-easy.png" alt="{{ _('The Tuesday night catering topic in Zulip') }}" class="zulip-easy mobile-hide" />
+                                    <img src="{{ static('images/story-tutorial/zulip-streams-easy.png') }}" alt="{{ _('The Tuesday night catering topic in Zulip') }}" class="zulip-easy mobile-hide" />
                                     <div class="mobile-show">
-                                        <img src="/static/images/story-tutorial/zulip-streams-easy-mobile-top.png" class="centered-image" alt="{{ _('The Tuesday night catering topic in Zulip') }}" />
+                                        <img src="{{ static('images/story-tutorial/zulip-streams-easy-mobile-top.png') }}" class="centered-image" alt="{{ _('The Tuesday night catering topic in Zulip') }}" />
                                         <p class="tour-explanation">Messages sent hours apart are linked in the same topic.</p>
-                                        <img src="/static/images/story-tutorial/zulip-streams-easy-mobile-bottom.png" class="centered-image" alt="{{ _('The Tuesday night catering topic in Zulip - compose box') }}" />
+                                        <img src="{{ static('images/story-tutorial/zulip-streams-easy-mobile-bottom.png') }}" class="centered-image" alt="{{ _('The Tuesday night catering topic in Zulip - compose box') }}" />
                                     </div>
                                 </div>
                             </div>
                             <div class="item">
                                 <div class="item-inner">
                                     <p class="tour-item-header">Without topics, it&rsquo;s hard to catch up efficiently, and hard to participate in conversations that started while you were away.</p>
-                                    <img src="/static/images/story-tutorial/slack-overwhelming.png" alt="{{ _('The Tuesday night catering topic in Slack') }}" class="slack-overwhelming mobile-hide" />
+                                    <img src="{{ static('images/story-tutorial/slack-overwhelming.png') }}" alt="{{ _('The Tuesday night catering topic in Slack') }}" class="slack-overwhelming mobile-hide" />
                                     <div class="mobile-show">
-                                        <img src="/static/images/story-tutorial/slack-overwhelming-mobile.png" class="centered-image" alt="{{ _('The Tuesday night catering topic in Slack') }}" />
+                                        <img src="{{ static('images/story-tutorial/slack-overwhelming-mobile.png') }}" class="centered-image" alt="{{ _('The Tuesday night catering topic in Slack') }}" />
                                         <p class="tour-explanation">The last message about Tuesday night catering is hidden 56 messages ago. Meanwhile, you just see a mix of unrelated messages.</p>
                                     </div>
                                 </div>
@@ -134,11 +134,11 @@
                                     </a>
                                     <div class="other-resources">
                                         <div class="other-resources-section">
-                                            <a href="/why-zulip"><img src="/static/images/landing-page/hello/organised.svg" alt="" /></a>
+                                            <a href="/why-zulip"><img src="{{ static('images/landing-page/hello/organised.svg') }}" alt="" /></a>
                                             <p><a href="/why-zulip">Zulip vs Slack &rarr;</a></p>
                                         </div>
                                         <div class="other-resources-section">
-                                            <a href="/features"><img src="/static/images/landing-page/hello/featured.svg" alt="" /></a>
+                                            <a href="/features"><img src="{{ static('images/landing-page/hello/featured.svg') }}" alt="" /></a>
                                             <p><a href="/features">See all features &rarr;</a></p>
                                         </div>
                                     </div>
@@ -355,7 +355,7 @@
 
     <div class="open-source">
         <div class="flex">
-            <img src="/static/images/landing-page/hello/opensource.svg" alt=""/>
+            <img src="{{ static('images/landing-page/hello/opensource.svg') }}" alt=""/>
             <div class="il-block">
                 <h1>Open source.</h1>
                 <p>
@@ -402,49 +402,49 @@
         <div class="integration-icons">
             <a href="/integrations/doc/travis">
                 <div class="group">
-                    <img class="integration-logo" src="/static/images/integrations/logos/travis.svg" alt="{{ _('Travis logo') }}" />
+                    <img class="integration-logo" src="{{ static('images/integrations/logos/travis.svg') }}" alt="{{ _('Travis logo') }}" />
                     <h3 class="integration-name">Travis CI</h3>
                     <p class="integration-description">See build results immediately</p>
                 </div>
             </a>
             <a href="/integrations/doc/github">
                 <div class="group">
-                    <img class="integration-logo" src="/static/images/integrations/logos/github.svg" alt="{{ _('GitHub logo') }}" />
+                    <img class="integration-logo" src="{{ static('images/integrations/logos/github.svg') }}" alt="{{ _('GitHub logo') }}" />
                     <h3 class="integration-name">GitHub</h3>
                     <p class="integration-description">Track issues and pull requests</p>
                 </div>
             </a>
             <a href="/integrations/doc/heroku">
                 <div class="group">
-                    <img class="integration-logo" src="/static/images/integrations/logos/heroku.svg" alt="{{ _('Heroku logo') }}" />
+                    <img class="integration-logo" src="{{ static('images/integrations/logos/heroku.svg') }}" alt="{{ _('Heroku logo') }}" />
                     <h3 class="integration-name">Heroku</h3>
                     <p class="integration-description">Keep up with deployments</p>
                 </div>
             </a>
             <a href="/integrations/doc/zendesk">
                 <div class="group">
-                    <img class="integration-logo" src="/static/images/integrations/logos/zendesk.svg" alt="{{ _('Zendesk logo') }}" />
+                    <img class="integration-logo" src="{{ static('images/integrations/logos/zendesk.svg') }}" alt="{{ _('Zendesk logo') }}" />
                     <h3 class="integration-name">Zendesk</h3>
                     <p class="integration-description">Receive support tickets and updates</p>
                 </div>
             </a>
             <a href="/integrations/doc/jira">
                 <div class="group">
-                    <img class="integration-logo" src="/static/images/integrations/logos/jira.svg" alt="{{ _('Jira logo') }}" />
+                    <img class="integration-logo" src="{{ static('images/integrations/logos/jira.svg') }}" alt="{{ _('Jira logo') }}" />
                     <h3 class="integration-name">Jira</h3>
                     <p class="integration-description">Monitor project bugs and issues</p>
                 </div>
             </a>
             <a href="/integrations/doc/sentry">
                 <div class="group">
-                    <img class="integration-logo" src="/static/images/integrations/logos/sentry.svg" alt="{{ _('Sentry logo') }}" />
+                    <img class="integration-logo" src="{{ static('images/integrations/logos/sentry.svg') }}" alt="{{ _('Sentry logo') }}" />
                     <h3 class="integration-name">Sentry</h3>
                     <p class="integration-description">See real-time error tracking</p>
                 </div>
             </a>
             <a href="/integrations/doc/pagerduty" class="hide-1">
                 <div class="group">
-                    <img class="integration-logo" src="/static/images/integrations/logos/pagerduty.svg" alt="{{ _('Pagerduty logo') }}" />
+                    <img class="integration-logo" src="{{ static('images/integrations/logos/pagerduty.svg') }}" alt="{{ _('Pagerduty logo') }}" />
                     <h3 class="integration-name">Pagerduty</h3>
                     <p class="integration-description">Connect to your monitoring systems</p>
                 </div>
diff --git a/templates/corporate/history.html b/templates/corporate/history.html
index f293c0c072..f6bf60baee 100644
--- a/templates/corporate/history.html
+++ b/templates/corporate/history.html
@@ -38,12 +38,12 @@
                 <div class="sponsors">
                     <div class="sponsor-picture">
                         <a href="https://seedfund.nsf.gov/">
-                            <img src="/static/images/landing-page/history/nsf-logo.png" alt="" />
+                            <img src="{{ static('images/landing-page/history/nsf-logo.png') }}" alt="" />
                         </a>
                     </div>
                     <div class="sponsor-picture">
                         <a href="https://summerofcode.withgoogle.com/">
-                            <img src="/static/images/landing-page/history/gsoc-logo.png" alt="" />
+                            <img src="{{ static('images/landing-page/history/gsoc-logo.png') }}" alt="" />
                         </a>
                     </div>
                 </div>
diff --git a/templates/corporate/self-hosting.html b/templates/corporate/self-hosting.html
index 4b677fb4c9..9685e76208 100644
--- a/templates/corporate/self-hosting.html
+++ b/templates/corporate/self-hosting.html
@@ -56,7 +56,7 @@
             </div>
             <div class="feature-half">
                 <div class="feature-icon">
-                    <img alt="" src="/static/images/landing-page/open_source/build_inclusive_communities.svg" />
+                    <img alt="" src="{{ static('images/landing-page/open_source/build_inclusive_communities.svg') }}" />
                 </div>
             </div>
         </div>
@@ -64,7 +64,7 @@
         <div class="feature-container alternate-grid">
             <div class="feature-half md-hide">
                 <div class="feature-icon">
-                    <img class="mirror-image" alt="" src="/static/images/landing-page/education/privacy.svg" />
+                    <img class="mirror-image" alt="" src="{{ static('images/landing-page/education/privacy.svg') }}" />
                 </div>
             </div>
             <div class="feature-half">
@@ -90,7 +90,7 @@
             </div>
             <div class="feature-half md-display">
                 <div class="feature-icon">
-                    <img class="mirror-image" alt="" src="/static/images/landing-page/education/privacy.svg" />
+                    <img class="mirror-image" alt="" src="{{ static('images/landing-page/education/privacy.svg') }}" />
                 </div>
             </div>
         </div>
@@ -124,7 +124,7 @@
             </div>
             <div class="feature-half">
                 <div class="feature-icon">
-                    <img class="mirror-image" alt="" src="/static/images/landing-page/education/mobile.svg" />
+                    <img class="mirror-image" alt="" src="{{ static('images/landing-page/education/mobile.svg') }}" />
                 </div>
             </div>
         </div>
@@ -132,7 +132,7 @@
         <div class="feature-container alternate-grid">
             <div class="feature-half md-hide">
                 <div class="feature-icon">
-                    <img alt="" src="/static/images/landing-page/education/flexible-administration.svg" />
+                    <img alt="" src="{{ static('images/landing-page/education/flexible-administration.svg') }}" />
                 </div>
             </div>
             <div class="feature-half">
@@ -160,7 +160,7 @@
             </div>
             <div class="feature-half md-display">
                 <div class="feature-icon">
-                    <img alt="" src="/static/images/landing-page/education/flexible-administration.svg" />
+                    <img alt="" src="{{ static('images/landing-page/education/flexible-administration.svg') }}" />
                 </div>
             </div>
         </div>
@@ -180,7 +180,7 @@
         <div class="feature-row">
             <div class="feature-box">
                 <div class="feature-icon">
-                    <img alt="" src="/static/images/landing-page/self-hosting/growth.png" />
+                    <img alt="" src="{{ static('images/landing-page/self-hosting/growth.png') }}" />
                 </div>
                 <div class="feature-text">
                     <h1>
@@ -204,7 +204,7 @@
             </div>
             <div class="feature-box">
                 <div class="feature-icon">
-                    <img alt="" src="/static/images/landing-page/self-hosting/database.png" />
+                    <img alt="" src="{{ static('images/landing-page/self-hosting/database.png') }}" />
                 </div>
                 <div class="feature-text">
                     <h1>
@@ -230,7 +230,7 @@
         <div class="feature-row">
             <div class="feature-box">
                 <div class="feature-icon">
-                    <img alt="" src="/static/images/landing-page/self-hosting/fork.png" />
+                    <img alt="" src="{{ static('images/landing-page/self-hosting/fork.png') }}" />
                 </div>
                 <div class="feature-text">
                     <h1>
@@ -250,7 +250,7 @@
             </div>
             <div class="feature-box">
                 <div class="feature-icon">
-                    <img alt="" src="/static/images/landing-page/self-hosting/help.png" />
+                    <img alt="" src="{{ static('images/landing-page/self-hosting/help.png') }}" />
                 </div>
                 <div class="feature-text">
                     <h1>
diff --git a/templates/corporate/support_request.html b/templates/corporate/support_request.html
index 37d556d88a..1497a8835f 100644
--- a/templates/corporate/support_request.html
+++ b/templates/corporate/support_request.html
@@ -31,7 +31,7 @@
                 <div class="register-button-box">
                     <button class="register-button support-submit-button" type="submit">
                         <span>{{ _('Submit') }}</span>
-                        <object class="loader" type="image/svg+xml" data="/static/images/loading/loader-white.svg"></object>
+                        <object class="loader" type="image/svg+xml" data="{{ static('images/loading/loader-white.svg') }}"></object>
                     </button>
                 </div>
             </fieldset>
diff --git a/templates/corporate/team.html b/templates/corporate/team.html
index b0e57ad474..0749091308 100644
--- a/templates/corporate/team.html
+++ b/templates/corporate/team.html
@@ -36,7 +36,7 @@ contributors, and more than 75 with 100+ commits." %}
                     <!-- Tim -->
                     <div class="profile bdfl">
                         <div class="profile-picture">
-                            <img src="/static/images/landing-page/team/tim.png" alt="" />
+                            <img src="{{ static('images/landing-page/team/tim.png') }}" alt="" />
                         </div>
                         <div class="profile-information">
                             <div class="profile-name">Tim Abbott</div>
diff --git a/templates/zerver/app/index.html b/templates/zerver/app/index.html
index 0278f114fd..332cdfc638 100644
--- a/templates/zerver/app/index.html
+++ b/templates/zerver/app/index.html
@@ -9,7 +9,7 @@
 
 {% block customhead %}
 <meta name="apple-mobile-web-app-capable" content="yes" />
-<link href="/static/images/logo/apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" />
+<link href="{{ static('images/logo/apple-touch-icon-precomposed.png') }}" rel="apple-touch-icon-precomposed" />
 <style>
     #app-loading {
     font-size: 16px;
diff --git a/templates/zerver/auth_subdomain.html b/templates/zerver/auth_subdomain.html
index 5f0344f1fc..ae155eb369 100644
--- a/templates/zerver/auth_subdomain.html
+++ b/templates/zerver/auth_subdomain.html
@@ -9,7 +9,7 @@
 <div class="error_page">
     <div class="container">
         <div class="row-fluid">
-            <img src="/static/images/errors/500art.svg" alt=""/>
+            <img src="{{ static('images/errors/500art.svg') }}" alt=""/>
             <div class="errorbox">
                 <div class="errorcontent">
                     <h1 class="lead">{{ _("Authentication subdomain") }}</h1>
diff --git a/templates/zerver/base.html b/templates/zerver/base.html
index c057dee427..e1e765f8b2 100644
--- a/templates/zerver/base.html
+++ b/templates/zerver/base.html
@@ -14,8 +14,8 @@
                 {% endif %}
             {% endif %}
         {% endblock %}
-        <link id="favicon" rel="icon" href="/static/images/favicon.svg?v=4" />
-        <link rel="alternate icon" href="/static/images/favicon.png?v=4" />
+        <link id="favicon" rel="icon" href="{{ static('images/favicon.svg') }}?v=4" />
+        <link rel="alternate icon" href="{{ static('images/favicon.png') }}?v=4" />
         {% block meta_viewport %}
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         {% endblock %}
diff --git a/templates/zerver/config_error.html b/templates/zerver/config_error.html
index 7cd6686f55..a2cbe824cd 100644
--- a/templates/zerver/config_error.html
+++ b/templates/zerver/config_error.html
@@ -9,7 +9,7 @@
 <div class="error_page" style="padding-bottom: 60px;">
     <div class="container">
         <div class="row-fluid">
-            <img src="/static/images/errors/500art.svg" alt=""/>
+            <img src="{{ static('images/errors/500art.svg') }}" alt=""/>
             <div class="errorbox config-error">
                 <div class="errorcontent">
                     <h1 class="lead">{{ _("Configuration error") }}</h1>
diff --git a/templates/zerver/digest_base.html b/templates/zerver/digest_base.html
index d309342632..7aa1b90842 100644
--- a/templates/zerver/digest_base.html
+++ b/templates/zerver/digest_base.html
@@ -17,7 +17,7 @@
             </div>
             <div class="digest-email-html">
                 {% include 'zerver/emails/compiled/digest.html' %}
-                <img id="digest-footer" src="/static/images/emails/footer.png"/>
+                <img id="digest-footer" src="{{ static('images/emails/footer.png') }}"/>
             </div>
             <br />
             <br />
diff --git a/templates/zerver/insecure_desktop_app.html b/templates/zerver/insecure_desktop_app.html
index cec0a3f40e..ad492f2619 100644
--- a/templates/zerver/insecure_desktop_app.html
+++ b/templates/zerver/insecure_desktop_app.html
@@ -9,7 +9,7 @@
 <div class="error_page">
     <div class="container">
         <div class="row-fluid">
-            <img src="/static/images/errors/400art.svg" alt=""/>
+            <img src="{{ static('images/errors/400art.svg') }}" alt=""/>
             <div class="errorbox config-error">
                 <div class="errorcontent">
                     <h1 class="lead">{{ _('Update required') }}</h1>
diff --git a/templates/zerver/login.html b/templates/zerver/login.html
index 5c254bd2b0..652ad69cb0 100644
--- a/templates/zerver/login.html
+++ b/templates/zerver/login.html
@@ -124,7 +124,7 @@ page can be easily identified in it's respective JavaScript file. -->
                             {% endif %}
 
                             <button type="submit" name="button" class="full-width">
-                                <img class="loader" src="/static/images/loading/loader-white.svg" alt="" />
+                                <img class="loader" src="{{ static('images/loading/loader-white.svg') }}" alt="" />
                                 <span class="text">{{ _("Log in") }}</span>
                             </button>
                         </form>
diff --git a/templates/zerver/meta_tags.html b/templates/zerver/meta_tags.html
index cbf564f22c..8e92dca24e 100644
--- a/templates/zerver/meta_tags.html
+++ b/templates/zerver/meta_tags.html
@@ -20,6 +20,6 @@
 {% if PAGE_METADATA_IMAGE %}
 <meta property="og:image" content="{{ PAGE_METADATA_IMAGE }}" />
 {% else %}
-<meta property="og:image" content="{{ realm_uri }}/static/images/logo/zulip-icon-128x128.png" />
+<meta property="og:image" content="{{ static('images/logo/zulip-icon-128x128.png') }}" />
 {% endif %}
 <meta name="twitter:card" content="summary" />
diff --git a/templates/zerver/rate_limit_exceeded.html b/templates/zerver/rate_limit_exceeded.html
index c5ef7457f2..96ed1d8b43 100644
--- a/templates/zerver/rate_limit_exceeded.html
+++ b/templates/zerver/rate_limit_exceeded.html
@@ -9,7 +9,7 @@
 <div class="error_page">
     <div class="container">
         <div class="row-fluid">
-            <img src="/static/images/errors/500art.svg" alt=""/>
+            <img src="{{ static('images/errors/500art.svg') }}" alt=""/>
             <div class="errorbox">
                 <div class="errorcontent">
                     <h1 class="lead">{{ _("Rate limit exceeded.") }}</h1>
diff --git a/templates/zerver/realm_creation_disabled.html b/templates/zerver/realm_creation_disabled.html
index f407222a3b..c35d86e2a1 100644
--- a/templates/zerver/realm_creation_disabled.html
+++ b/templates/zerver/realm_creation_disabled.html
@@ -7,7 +7,7 @@
 {% block portico_content %}
 <div class="error_page">
     <div class="container row-fluid">
-        <img src="/static/images/errors/500art.svg" alt=""/>
+        <img src="{{ static('images/errors/500art.svg') }}" alt=""/>
         <div class="errorbox">
             <div class="errorcontent">
                 <h1 class="lead">{{ _("Organization creation link required") }}</h1>
diff --git a/templates/zerver/realm_creation_link_invalid.html b/templates/zerver/realm_creation_link_invalid.html
index 8eb09c68a7..c43e95cea7 100644
--- a/templates/zerver/realm_creation_link_invalid.html
+++ b/templates/zerver/realm_creation_link_invalid.html
@@ -8,7 +8,7 @@
 <div class="error_page">
     <div class="container">
         <div class="row-fluid">
-            <img class="hourglass-img" src="/static/images/errors/timeout_hourglass.png" alt=""/>
+            <img class="hourglass-img" src="{{ static('images/errors/timeout_hourglass.png') }}" alt=""/>
             <div class="errorbox">
                 <div class="errorcontent">
                     <h1 class="lead">{{ _("Organization creation link expired or invalid") }}</h1>
diff --git a/templates/zerver/register.html b/templates/zerver/register.html
index 4c528f03bb..9a8c915c3c 100644
--- a/templates/zerver/register.html
+++ b/templates/zerver/register.html
@@ -267,7 +267,7 @@ Form is validated both client-side using jquery-validation (see signup.js) and s
                 <div class="register-button-box">
                     <button class="register-button" type="submit">
                         <span>{{ _('Sign up') }}</span>
-                        <object class="loader" type="image/svg+xml" data="/static/images/loading/loader-white.svg"></object>
+                        <object class="loader" type="image/svg+xml" data="{{ static('images/loading/loader-white.svg') }}"></object>
                     </button>
                     <input type="hidden" name="next" value="{{ next }}" />
                 </div>
diff --git a/templates/zerver/unsupported_browser.html b/templates/zerver/unsupported_browser.html
index ec354895bb..c14fd50d26 100644
--- a/templates/zerver/unsupported_browser.html
+++ b/templates/zerver/unsupported_browser.html
@@ -9,7 +9,7 @@
 <div class="error_page unsupported_browser_page">
     <div class="container">
         <div class="row-fluid">
-            <img src="/static/images/errors/400art.svg" alt=""/>
+            <img src="{{ static('images/errors/400art.svg') }}" alt=""/>
             <div class="errorbox config-error">
                 <div class="errorcontent">
                     <h1 class="lead">{{ _('Unsupported browser') }}</h1>