print image in console

console.image.js

console.image = function(url, scale) {
    scale = scale || 1;
    const img = new Image(),
        canvas = document.createElement('CANVAS');
    img.crossOrigin = 'Anonymous';

    img.onload = function() {
        const {width, height} = img;
        canvas.height = height;
        canvas.width = width;
        canvas.getContext('2d').drawImage(img, 0, 0);
        const dataURL = canvas.toDataURL('image/png');
        const styleJson = {
            padding: Math.floor(height / 2*scale) + "px " + Math.floor(width / 2*scale) + "px",
            background:`url(${dataURL}) center center no-repeat`,
            'background-size':`${width * scale}px ${height * scale}px`,
            color: "transparent",
        }
        console.log("%c+",Object.entries(styleJson).map(a=>a.join(":")).join(";"));
    };

    img.src = url;
};
console.image("https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png",0.5)

Copy the code above, open the console, and run it directly to see the github logo in the console

Because of csp restrictions, github can only load some of the images from github's sites, maybe you can try outside