Replace each images of the document with colored block. Each block contain it's size. Usefull to work without images but with blocks sizes

revealSizes.js

function revealSizes() {
    $('img').each(function() {
        var w = $(this).width(), h = $(this).height(), c = (Math.random() * 0xFFFFFF << 0).toString(16), classes = $(this).attr('class');
        var div = $('<div />').css({
            background: '#'+c,
            fontSize: '200%'
        }).width(w).height(h).addClass(classes).html(w+'x'+h);
        
        $(this).replaceWith(div);
    });
}