issue_comments: 833132571

I ended up using some JS as a workaround.

First, add a JS file in metadata.yaml:

yaml extra_js_urls: - '/static/app.js' then inside the script, find the blob download links and replace .blob extension in the url with .jpg and replace the links with <img/> elements. You need to add an output formatter to serve BLOB columns as JPG. You can find the code in the first post. ~~Replacing .blob -> .jpg might not even be necessary, because browsers only care about the mime type, so you only need to serve the binary content with the right content-type header.~~. You need to replace the extension, otherwise the output renderer will not run.

```js window.addEventListener('DOMContentLoaded', () => { function renderBlobImages() { document.querySelectorAll('a[href*=".blob"]').forEach(el => { const img = document.createElement('img'); img.className = 'blob-image'; img.loading = 'lazy'; img.src = el.href.replace('.blob', '.jpg'); el.parentElement.replaceChild(img, el); }); }

renderBlobImages();

}); ```

while this does the job, I'd prefer handling this in Python where it belongs.