console image
Note: using non local files like "http://www.personal.psu.edu/users//w/z/wzz5072/mini.jpg" is working fine as you can see if you open your console
HTML
> Please open your <b>developer console</b>.
JavaScript
(function(url) {
var image = new Image();
image.onload = function() {
console.log('%c', [
'font-size: 1px;',
'line-height: ' + this.height + 'px;',
'padding: ' + this.height * .5 + 'px ' + this.width * .5 + 'px;',
'background-size: ' + this.width + 'px ' + this.height + 'px;',
'background: url(' + url + ');'
].join(' '));
};
image.src = url;
})('http://www.personal.psu.edu/users//w/z/wzz5072/mini.jpg');