diff --git a/src/views/images.mjs b/src/views/images.mjs
index 871ddf4e..2b40bccc 100644
--- a/src/views/images.mjs
+++ b/src/views/images.mjs
@@ -75,7 +75,12 @@ export async function recompute(trie) {
     const ensData = await ens.resolve(story.identity);
 
     const extension = path.extname(story.href);
-    if (extension === ".png" || extension === ".jpg") {
+    if (
+      extension === ".gif" ||
+      extension === ".png" ||
+      extension === ".jpg" ||
+      extension === ".jpeg"
+    ) {
       story.image = story.href;
     } else {
       try {
diff --git a/src/web/src/SubmitButton.jsx b/src/web/src/SubmitButton.jsx
index 5da78865..2331a648 100644
--- a/src/web/src/SubmitButton.jsx
+++ b/src/web/src/SubmitButton.jsx
@@ -84,11 +84,11 @@ const UploadButton = (props) => {
         <label>
           <input
             type="file"
+            accept="image/png, image/jpeg, image/gif, image/jpg"
             style={{
               display: "none",
             }}
             onChange={handleFileSelect}
-            accept="image/*"
           />
           <div
             style={{