diff --git a/templates/zerver/index.html b/templates/zerver/index.html
index f39405bcdf..8a51cd35cc 100644
--- a/templates/zerver/index.html
+++ b/templates/zerver/index.html
@@ -14,7 +14,7 @@ var page_params = {{ page_params }};
 {% 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 rel="stylesheet" type="text/css" href="/static/generated/emoji/google_sprite.css" />
+{% stylesheet 'google_sprite' %}
 <style type="text/css">
 
 #css-loading {
diff --git a/zproject/settings.py b/zproject/settings.py
index 93669a6e4b..1b9911a63e 100644
--- a/zproject/settings.py
+++ b/zproject/settings.py
@@ -755,6 +755,30 @@ PIPELINE = {
             ),
             'output_filename': 'min/common.css'
         },
+        'apple_sprite': {
+            'source_filenames': (
+                'generated/emoji/google_sprite.css',
+            ),
+            'output_filename': 'min/google_sprite.css',
+        },
+        'emojione_sprite': {
+            'source_filenames': (
+                'generated/emoji/google_sprite.css',
+            ),
+            'output_filename': 'min/google_sprite.css',
+        },
+        'google_sprite': {
+            'source_filenames': (
+                'generated/emoji/google_sprite.css',
+            ),
+            'output_filename': 'min/google_sprite.css',
+        },
+        'twitter_sprite': {
+            'source_filenames': (
+                'generated/emoji/google_sprite.css',
+            ),
+            'output_filename': 'min/google_sprite.css',
+        },
     },
     'JAVASCRIPT': {},
 }