Image to base64

area_measurement.py

@@ -1,6 +1,7 @@
 import streamlit as st
 from pathlib import Path
 from streamlit import session_state as sess
+import base64
 
 from utils import raw_image, overlay_mask_on_image, image_to_file_path, AreaModel
 
@@ -67,10 +68,11 @@ for i, col in enumerate(cols):
         st.button("Example "+str(i+1), on_click=set_example(i))
         st.image(example_imgs[i], caption='Example ' + str(i+1), use_column_width=True)
 
+LOGO_IIIA_IMAGE = "static/img/iiia-logo.png"
 
 footer_html = """<div style='text-align: center;'>
   <p><img src="./app/static/img/EurovaLogo.png" height=100 alt="EUROVA logo"/>
-  <p>Developed with ❤️ at <a href="https://iiia.csic.es"><img src="./app/static/img/iiia-logo.png" height=30 alt="IIIA logo"/> IIIA - CSIC</a> by <a href="https://www.iiia.csic.es/~cerquide">Jesus Cerquides</a>, Giorgios Athanasiou and Josep LLuís Arcos </p>
+  <p>Developed with ❤️ at <a href="https://iiia.csic.es"><img  src="data:image/png;base64,{base64.b64encode(open(LOGO_IIIA_IMAGE, "rb").read()).decode()}"> height=30 alt="IIIA logo"/> IIIA - CSIC</a> by <a href="https://www.iiia.csic.es/~cerquide">Jesus Cerquides</a>, Giorgios Athanasiou and Josep LLuís Arcos </p>
   <p><img src="./app/static/img/MSCA.jpg" height=30 alt="MSCA logo"/> Funded by the European Union Horizon 2020 research and innovation programme under the Marie Sklodowka-Curie grant agreement 860960
 </div>"""
 st.markdown(footer_html, unsafe_allow_html=True)