From db76a53cad83f98c5b3717be3abeb11309d09975 Mon Sep 17 00:00:00 2001
From: multipleof4 <planetrenox@protonmail.com>
Date: Fri, 20 Mar 2026 23:20:21 -0700
Subject: [PATCH] Feat: Add max size input for tiny gifs

---
 index.html | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index c06693a..3ed82b5 100644
--- a/index.html
+++ b/index.html
@@ -60,15 +60,21 @@
         </div>
       </div>
 
-      <div class="flex flex-col gap-2">
-        <label class="text-xs text-neutral-400 uppercase tracking-wider">aspect ratio</label>
-        <select id="sel-ratio" class="border border-neutral-300 rounded-lg px-3 py-2 bg-white focus:outline-none focus:ring-2 focus:ring-neutral-400">
-          <option value="1:1">1:1</option>
-          <option value="16:9">16:9</option>
-          <option value="9:16">9:16</option>
-          <option value="4:3">4:3</option>
-          <option value="3:2">3:2</option>
-        </select>
+      <div class="grid grid-cols-2 gap-4">
+        <div class="flex flex-col gap-2">
+          <label class="text-xs text-neutral-400 uppercase tracking-wider">aspect ratio</label>
+          <select id="sel-ratio" class="border border-neutral-300 rounded-lg px-3 py-2 bg-white focus:outline-none focus:ring-2 focus:ring-neutral-400">
+            <option value="1:1">1:1</option>
+            <option value="16:9">16:9</option>
+            <option value="9:16">9:16</option>
+            <option value="4:3">4:3</option>
+            <option value="3:2">3:2</option>
+          </select>
+        </div>
+        <div class="flex flex-col gap-2">
+          <label class="text-xs text-neutral-400 uppercase tracking-wider">max size (px)</label>
+          <input id="inp-max-size" type="number" value="256" min="32" max="1024" class="border border-neutral-300 rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-neutral-400">
+        </div>
       </div>
 
       <button id="btn-generate" class="bg-neutral-800 text-white rounded-lg px-6 py-3 hover:bg-neutral-700 transition flex items-center justify-center gap-2 text-lg">