Solved Base64-encoded images in site

jimmyz

Hello,
thank you all who work for a better vivaldi!

I noticed that images in this site do not display. Any thoughts?
They display ok in ff.

Also noticed that they are encoded with base64. Well, the urls of the images.
So, how can we help it?

mib2berlin

@jimmyz
Hi, is the Vivaldi add blocker enabled?
Click on the shield icon in the address bar to disable it for this page.

Cheers, mib

becm

@jimmyz there is some JavaScript-based transformation going on, but if that is not blocked the images show up fine in Vivaldi.
Vice versa, if these JavaScript sources are blocked in Firefox, there are no images as well.

jimmyz

@becm forgive my ignorance, i'm not blocking anything. Can I enable it, somehow?

I also noticed the same (no images) on my android latest snapshot

mib2berlin

@jimmyz
Hi, is the Vivaldi add blocker enabled?
Click on the shield icon in the address bar to disable it for this page.

Cheers, mib

jimmyz

Thank you both for the direct answers!
Yes, ad blocker is (always) enabled, disabling it, lets the pics show up! But now I'm a little bit more confused:

How is this possible, v not to show this picture?

<a href="https://linuxiac.b-cdn.net/wp-content/uploads/2022/06/headless-vbox-installation.png"><img decoding="async" width="938" height="713" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MzggNzEzIiB3aWR0aD0iOTM4IiBoZWlnaHQ9IjcxMyIgZGF0YS11PSJodHRwcyUzQSUyRiUyRmxpbnV4aWFjLmNvbSUyRndwLWNvbnRlbnQlMkZ1cGxvYWRzJTJGMjAyMiUyRjA2JTJGaGVhZGxlc3MtdmJveC1pbnN0YWxsYXRpb24ucG5nIiBkYXRhLXc9IjkzOCIgZGF0YS1oPSI3MTMiIGRhdGEtYmlwPSIiPjwvc3ZnPg==" data-spai="1" alt="Install VirtualBox on Ubuntu" class="wp-image-50793"></a>

where the base64 string translates in:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 938 713" width="938" height="713" data-u="https%3A%2F%2Flinuxiac.com%2Fwp-content%2Fuploads%2F2022%2F06%2Fheadless-vbox-installation.png" data-w="938" data-h="713" data-bip=""></svg>

which clearly points to no ad, but:

https://linuxiac.com/wp-content/uploads/2022/06/headless-vbox-installation.png

If it is not a big trouble, give a few words to understand.

.
Another paradimga (example) could be this.

Pathduck

@jimmyz Hi - a little trial & error in the dev.tools reveals that if requests to cdn.shortpixel.ai is blocked, images do not load.

There is a single URL-encoded JS request that is blocked, running it through a decoder gives the code:

data:text/javascript,
                document.documentElement.className += " spai_has_js";
                (function(w, d){
                    var b = d.getElementsByTagName('head')[0];
                    var s = d.createElement("script");
                    var v = ("IntersectionObserver" in w) ? "" : "-compat";
                    s.async = true; // This includes the script as async.
                    s.src = "https://cdn.shortpixel.ai/assets/js/bundles/spai-lib-bg" + v
                        + ".1.0.min.js?v=3.5.5";
                    w.spaiDomain = "cdn.shortpixel.ai";
                    w.spaiData = {
                        version: "3.5.5",
                        key: "spai",
                        quality: "glossy",
                        convert: "auto",
                        lqip: false,
                                                rootMargin: "500px",
                        crop: true,
                        sizeBreakpoints: {"on":false,"base":50,"rate":10},
                        backgroundsMaxWidth: 1920,
                        resizeStyleBackgrounds: false,
                        nativeLazyLoad: false,
                        safeLazyBackgrounds: false,
                        debug: false,
                        doSelectors: [{"selectors":"img","type":"attr","targetAttr":"src","attrType":"url","lazy":true}],
                        exclusions: {"selectors":[],"urls":{"regex:\/\\\/\\\/([^\\\/]*\\.|)gravatar.com\\\/\/":{"lazy":0,"cdn":0,"resize":0,"lqip":0,"crop":-1}}},
                        watchClasses: [],
                        sizeFromImageSuffix: true                    };
                    b.appendChild(s);
                }(window, document));

Possibly there's a string in there somewhere that one of your lists trigger on, or maybe one of the lists you use are simply blocking the shortpixel.ai domain.

It completely depends what lists you have enabled of course, especially if you have added some custom ones. I suggest you try to disable your blocking sources one by one until you find the source that causes this block - then you search through that source to find a possible block entry that might cause it.

Unfortunately the Vivaldi blocker has no "logger" feature like uBlock, which helps a lot by troubleshooting blocker issues. You'll have to figure out the culprit yourself by testing.

jimmyz

I just read the

curl https://cdn.shortpixel.ai/assets/js/bundles/spai-lib-bg.1.0.min.js

What a spai soup!
These gus are sick!

Mercy!