Update app.py

app.py

@@ -52,9 +52,6 @@ def optimize_image(image, png_optimize, jpeg_quality, jpeg_resolution, webp_qual
         webp_lossy_img, f"WebP con pérdida: {webp_lossy_size:.2f} KB (diferencia: {-webp_lossy_diff:.2f} KB)", webp_lossy_output_path
     ]
 
-def download_image(file_path):
-    return gr.File.update(value=file_path, label="Descargar", visible=True)
-
 with gr.Blocks() as demo:
     gr.Markdown("### Optimización de imágenes para la web")
 
@@ -65,42 +62,36 @@ with gr.Blocks() as demo:
         with gr.Column():
             optimized_output1 = gr.Image(label="Optimización sin pérdida")
             png_optimize = gr.Checkbox(label="Optimizar PNG", value=True)
-            download_button1 = gr.Button("Descargar")
-            download_file1 = gr.File(visible=False)
+            download_button1 = gr.File(label="Descargar", visible=True)
             optimized_size1 = gr.Text(value="", interactive=False, show_label=False)
 
         with gr.Column():
             optimized_output2 = gr.Image(label="Optimización con pérdida (JPEG)")
             jpeg_quality = gr.Slider(label="Calidad JPEG", minimum=10, maximum=100, value=50, step=1)
-            download_button2 = gr.Button("Descargar")
-            download_file2 = gr.File(visible=False)
+            download_button2 = gr.File(label="Descargar", visible=True)
             optimized_size2 = gr.Text(value="", interactive=False, show_label=False)
             
         with gr.Column():
             optimized_output3 = gr.Image(label="Reducción de resolución (JPEG)")
             jpeg_resolution = gr.Slider(label="Resolución JPEG (%)", minimum=10, maximum=100, value=50, step=1)
-            download_button3 = gr.Button("Descargar")
-            download_file3 = gr.File(visible=False)
+            download_button3 = gr.File(label="Descargar", visible=True)
             optimized_size3 = gr.Text(value="", interactive=False, show_label=False)
 
-
         with gr.Column():
             optimized_output4 = gr.Image(label="Optimización WebP con pérdida")
             webp_quality = gr.Slider(label="Calidad WebP", minimum=10, maximum=100, value=50, step=1)
-            download_button4 = gr.Button("Descargar")
-            download_file4 = gr.File(visible=False)
+            download_button4 = gr.File(label="Descargar", visible=True)
             optimized_size4 = gr.Text(value="", interactive=False, show_label=False)
 
-
     # Conectar cada control a la función de optimización
     optimize_button.click(
         fn=optimize_image,
         inputs=[image_input, png_optimize, jpeg_quality, jpeg_resolution, webp_quality],
         outputs=[
-            optimized_output1, optimized_size1, download_file1,
-            optimized_output2, optimized_size2, download_file2,
-            optimized_output3, optimized_size3, download_file3,
-            optimized_output4, optimized_size4, download_file4
+            optimized_output1, optimized_size1, download_button1,
+            optimized_output2, optimized_size2, download_button2,
+            optimized_output3, optimized_size3, download_button3,
+            optimized_output4, optimized_size4, download_button4
         ]
     )
 
@@ -108,10 +99,10 @@ with gr.Blocks() as demo:
         fn=optimize_image,
         inputs=[image_input, png_optimize, jpeg_quality, jpeg_resolution, webp_quality],
         outputs=[
-            optimized_output1, optimized_size1, download_file1,
-            optimized_output2, optimized_size2, download_file2,
-            optimized_output3, optimized_size3, download_file3,
-            optimized_output4, optimized_size4, download_file4
+            optimized_output1, optimized_size1, download_button1,
+            optimized_output2, optimized_size2, download_button2,
+            optimized_output3, optimized_size3, download_button3,
+            optimized_output4, optimized_size4, download_button4
         ]
     )
 
@@ -119,10 +110,10 @@ with gr.Blocks() as demo:
         fn=optimize_image,
         inputs=[image_input, png_optimize, jpeg_quality, jpeg_resolution, webp_quality],
         outputs=[
-            optimized_output1, optimized_size1, download_file1,
-            optimized_output2, optimized_size2, download_file2,
-            optimized_output3, optimized_size3, download_file3,
-            optimized_output4, optimized_size4, download_file4
+            optimized_output1, optimized_size1, download_button1,
+            optimized_output2, optimized_size2, download_button2,
+            optimized_output3, optimized_size3, download_button3,
+            optimized_output4, optimized_size4, download_button4
         ]
     )
 
@@ -130,10 +121,10 @@ with gr.Blocks() as demo:
         fn=optimize_image,
         inputs=[image_input, png_optimize, jpeg_quality, jpeg_resolution, webp_quality],
         outputs=[
-            optimized_output1, optimized_size1, download_file1,
-            optimized_output2, optimized_size2, download_file2,
-            optimized_output3, optimized_size3, download_file3,
-            optimized_output4, optimized_size4, download_file4
+            optimized_output1, optimized_size1, download_button1,
+            optimized_output2, optimized_size2, download_button2,
+            optimized_output3, optimized_size3, download_button3,
+            optimized_output4, optimized_size4, download_button4
         ]
     )
 
@@ -141,16 +132,11 @@ with gr.Blocks() as demo:
         fn=optimize_image,
         inputs=[image_input, png_optimize, jpeg_quality, jpeg_resolution, webp_quality],
         outputs=[
-            optimized_output1, optimized_size1, download_file1,
-            optimized_output2, optimized_size2, download_file2,
-            optimized_output3, optimized_size3, download_file3,
-            optimized_output4, optimized_size4, download_file4
+            optimized_output1, optimized_size1, download_button1,
+            optimized_output2, optimized_size2, download_button2,
+            optimized_output3, optimized_size3, download_button3,
+            optimized_output4, optimized_size4, download_button4
         ]
     )
 
-    download_button1.click(download_image, inputs=download_file1, outputs=download_file1)
-    download_button2.click(download_image, inputs=download_file2, outputs=download_file2)
-    download_button3.click(download_image, inputs=download_file3, outputs=download_file3)
-    download_button4.click(download_image, inputs=download_file4, outputs=download_file4)
-
 demo.launch()