Get the Size of a CSS Background Image Using JavaScript?

Question

Is it possible to use JavaScript to get the actual size (width and height in pixels) of a CSS referenced background image?

Answer 1

var dimension, image;

image = new Image();
image.src = {url/data}
image.onload = function() {
    dimension = {
        width: image.naturalWidth,
        height: image.naturalHeight
    };
    console.log(dimension); // Actual image dimension
};