feat: resize and convert images to webp using Flask-Image-Resizer

cps/__init__.py

@@ -26,12 +26,13 @@ import os
 import mimetypes
 
 from flask import Flask
+from flask_image_resizer import Images
+
 from .MyLoginManager import MyLoginManager
 from flask_principal import Principal
 
 from . import logger
 from .cli import CliParameter
-from .constants import CONFIG_DIR
 from .reverseproxy import ReverseProxied
 from .server import WebServer
 from .dep_check import dependency_check
@@ -124,6 +125,9 @@ def create_app():
     config_sql.load_configuration(ub.session, encrypt_key)
     config.init_config(ub.session, encrypt_key, cli_param)
 
+    # Initialize Flask-Images
+    Images(app)
+
     if error:
         log.error(error)
 

cps/templates/image.html

@@ -4,7 +4,7 @@
     {% set srcset = book|get_cover_srcset %}
     <img
         srcset="{{ srcset }}"
-        src="{{ url_for('web.get_cover', book_id=book.id, resolution='og', c=book|last_modified) }}"
+        src="{{ resized_img_src(url_for('web.get_cover', book_id=book.id, resolution='og', c=book|last_modified), format='webp') }}"
         alt="{{ image_alt }}"
         loading="lazy"
     />
@@ -15,7 +15,7 @@
     {% set srcset = series|get_series_srcset %}
     <img
         srcset="{{ srcset }}"
-        src="{{ url_for('web.get_series_cover', series_id=series.id, resolution='og', c='day'|cache_timestamp) }}"
+        src="{{ resized_img_src(url_for('web.get_series_cover', series_id=series.id, resolution='og', c='day'|cache_timestamp), format='webp') }}"
         alt="{{ book_title }}"
         loading="lazy"
     />

requirements.txt

@@ -20,3 +20,4 @@ regex>=2022.3.2,<2024.6.25
 bleach>=6.0.0,<6.2.0
 python-magic>=0.4.27,<0.5.0
 flask-httpAuth>=4.4.0,<5.0.0
+Flask-Image-Resizer==3.0.6