console.image.js - display image in console.log

console.image.js

console.image = function(url, sizePercent = 100, message) {
	var image = new window.Image();
	image.onload = function() {
		var style = [
			'font-size: 1px;',
			'padding: ' + this.height/100*sizePercent + 'px ' + this.width/100*sizePercent + 'px;',
			'background: url('+ url +') no-repeat;',
			'background-size: contain;',
			'message: ' + message + ';'

		].join(' ');
		console.log('%c ', style);
		console.log(message)
	};
	image.onclick = function() {

	}
	image.src = url;
};