Currently if you filter on transparant images, it'll look like this:
But I actually would find it very useful if I could have it be shown as:
This helps spot 'fake' transparant images like this one:
(for those wondering, little js I had an llm make that makes this happen🙂
(() => {
// Function to replace proxy images with direct images
function replaceWithDirectImages() {
const imgLinks = document.querySelectorAll('a._0_img_link_el');
imgLinks.forEach(link => {
const img = link.querySelector('img._0_img_src');
if (img && link.href) {
// Store original dimensions
const width = img.width;
const height = img.height;
// Replace with direct image
img.src = link.href;
// Maintain dimensions
img.width = width;
img.height = height;
}
});
console.log(`Replaced ${imgLinks.length} proxy images with direct images`);
}
// Run immediately
replaceWithDirectImages();
// Also observe for new images that might be loaded dynamically
const observer = new MutationObserver((mutations) => {
for (const mutation of mutations) {
if (mutation.addedNodes.length) {
replaceWithDirectImages();
}
}
});
// Start observing
observer.observe(document.body, {
childList: true,
subtree: true
});
})();
userscript version: https://github.com/thibaultmol/Random-shit/raw/refs/heads/main/Random%20userscripts/Kagi/image-transparancy-viewer.user.js
Requires something like tampermonkey to be installed.
