Такой запрос я ввела в Яндекс-поиск, когда мне понадобилось удалить с сайта изображения низкого качества.
Сперва я просматривала изображения глазами и выглядящие размытыми либо сразу удаляла, либо загружала на компьютер, смотрела сколько файл весит и, если меньше 120 килобайт - удаляла точно.
Конечно от такой нерациональной работы я заскучала и стала искать, как ускорить процесс.
"Пояндексила", но то что нужно не находилось. Народ предлагал искать с помощью головосломного JavaScript кода.
Например:
послать запроc HEAD, получить Content-Length
Или еще круче:
Лучше всего обратиться к свойству изображения. У него есть значение img.target.files.size, в котором он показан в браузере в байтах. Соответственно, можно там и посмотреть. Если нужна функция, которая будет за этим наблюдать, то выглядит она примерно так:
const imgSize = (image) => {
console.log(image.target.files.size)
}
Для меня это точно не лучше всего.
Я конечно потыкалаcь в Js , поизучала сколько хватило времени и сил. И даже страшно сказать, написала несколько страниц с его использованием! Сайт по изучению английского: https://sergi-i.github.io/RS-English/index.html - здесь я с помощью js сделала, чтобы текст менял цвет и появлялся последовательно.
Но искать вес изображения таким заумным способом мне точно неохота.
Поэтому я использовала научный тык: открыла сайт в браузере Chrome, нажала на ноутбуке волшебную клавишу F12 и открылась консоль с кодом страницы моего кстати сайта про Алушту, рекомендую https://alusta.pro/:
Кому нужно, пользуйтесь:
Нужно кликнуть мышкой по квадратику в левой верхней части меню консоли и тогда при наведении мыши на элемент страницы его свойства будут отображаться и подсвечиваться в коде:
Итак, кликнули по квадратику и сразу же тыкаем мышкой по изображению на странице и нам высветится светло-коричневым строка кода изображения:
Далее наводим мышку на эту строку и ура! появляется всплывающее окно с нужной нам информацией!:
В этом волшебном всплывающем окне находится не только сведения о размере изображения File size (смотри скрин ниже), но также размер картинки в пикселях и некоторые другие полезные сведения:
Дорогой читатель!
Если моя статья помогла и облегчила твою работу - напиши об этом комментарий. А если у тебя есть другой способ как узнать размер изображения без скачивания - тоже напиши.
Ну и просто напиши, если есть о чем. Комментарии иногда бывают интереснее самой статьи.