Проверьте, какие изображения используются на сайте (как в HTML, так и в CSS)

0

Я взял сайт, который имеет две огромные папки с изображениями (всего 199 изображений). Я хочу, чтобы optomize изображения, но только изображения, которые фактически используются на сайте. Есть ли способ проверить/загрузить только те изображения, которые используются (в том числе используемые в CSS)?

Теги:
image
web

2 ответа

1
Лучший ответ

Не уверен, что css, если он будет работать,

попробуй это

 function img_find() {
        var imgs = document.getElementsByTagName("img");
        var imgSrcs = [];

        for (var i = 0; i < imgs.length; i++) {
            imgSrcs.push(imgs[i].src);
        }

        return imgSrcs;
    }

или это

var images = document.getElementsByTagName('img'); 
var srcList = [];
for(var i = 0; i < images.length; i++) {
    srcList.push(images[i].src);
}

или даже это

var srcList = $('img').map(function() {
    return this.src;
}).get();

но это будет работать для страницы

-1

Используйте сайт grabber... он будет искать каждую страницу сайта и загружать изображения (у вас есть опции для загрузки, при использовании IDM). Далее вы можете ограничить глубину ссылок или ссылки, чтобы исключить и т.д.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню