Update

app.py

@@ -64,7 +64,7 @@ def compare_face(frame1, frame2):
             resized_h = 150
 
             face2 = face2.resize((int(resized_w), int(resized_h)))
-        
+        '''
         if face1 is not None and face2 is not None:
             new_image = Image.new('RGB',(face1.width + face2.width + 10, 150), (80,80,80))
 
@@ -81,10 +81,11 @@ def compare_face(frame1, frame2):
 
             new_image.paste(face2,(face2.width + 10, 0))
             faces = new_image.copy()
+        '''
     except:
         pass
 
-    return [r.json(), faces]
+    return [r.json(), [face1, face2]]
 
 with gr.Blocks() as demo:
     gr.Markdown(
@@ -94,16 +95,16 @@ with gr.Blocks() as demo:
     )
     with gr.Row():
         with gr.Column():
-            compare_face_input1 = gr.Image(type='filepath', height=480)
+            compare_face_input1 = gr.Image(label="Image1", type='filepath', height=480)
             gr.Examples(['examples/1.jpg', 'examples/2.jpg'], 
                         inputs=compare_face_input1)
             compare_face_button = gr.Button("Compare Face")
         with gr.Column():
-            compare_face_input2 = gr.Image(type='filepath', height=480)
+            compare_face_input2 = gr.Image(label="Image2", type='filepath', height=480)
             gr.Examples(['examples/3.jpg', 'examples/4.jpg'], 
                         inputs=compare_face_input2)
         with gr.Column():
-            compare_face_output = gr.Image(type="pil", height=150)
+            compare_face_output = gr.Gallery(label="Faces", type="pil", height=150, columns=[2], rows=[1])
             compare_result_output = gr.JSON(label='Result')
 
     compare_face_button.click(compare_face, inputs=[compare_face_input1, compare_face_input2], outputs=[compare_result_output, compare_face_output])