Просмотр свойств изображения в браузере Google Chrome


Просмотр свойств (размеров, ссылки) изображения в браузере Google Chrome. Установка расширения Image Size InfoВсем хорош браузер Google Chrome – и быстрый, и ловкий – но нет в нем привычной мне функции просмотра, например, размеров изображений на странице.

Браузер Google Chrome я с удовольствием использую для работы в Интернете, но как просмотрщик страниц пока незаменимым оказывается Opera. Хотя, в этом браузере мне удобно вести дневник на Лиру, например. А после того, как разработчики исправили некоторые недостатки (стало возможным, например, осуществлять платежи WebMoney), Opera снова стал у меня на компьютере браузером по умолчанию.

Но Хром – чудесная вещь. И тем более, было обидно, что нельзя нажать правой кнопкой мыши и увидеть просто так или в свойствах картинки ее размеры, ссылку на нее и так далее.

Однако, так как Google Chrome, вслед за Mozilla Firefox, активно начал развивать и пополнять с помощью сторонних разработчиков свои расширения, то, конечно же, это много удобных плагинов для просмотра свойств изображений на странице.

Кстати.. Небольшой экскурс в историю. Пока не было плагинов, в Chrome я смотрел размеры через инструменты разработчика (исходный код элемента) - см. пост "Как скачать видео в браузере Google Chrome".

Если нажать на странице Ctrl+J или нажать правой кнопкой на картинке и выбрать "Просмотр кода элемента", то внизу (или справа – как настроено) откроется исходный код с выделенным участком нужного элемента. Вернее, указанного элемента.

Просмотр свойств (размеров, ссылки) изображения в браузере Google Chrome. Установка расширения Image Size Info

И вот, при наведении на ссылку на "исследуемое" изображение появляется его превью (см. выше) и актуальные размеры картинки. То же самое можно в этом случае видеть, если подвести курсор к картинке на странице (см. ниже).

Просмотр свойств (размеров, ссылки) изображения в браузере Google Chrome. Установка расширения Image Size Info

То ли дело, например, в браузере Opera: нажал правой кнопкой мыши, выбрал в меню "Свойства"…

Просмотр свойств изображения в Opera

…и смотри размеры, тип файла (расширение), размеры файла, его адрес. Если указано и не удалено, то можно увидеть и подробную EXIF-информацию фотографии.

Просмотр свойств изображения в Opera

В браузере Google Chrome без расширений всего этого нет – опции меню очень ограничены (сохранить, копировать картинку и еще пара пунктов).

Меню браузера Google Chrome

Как просмотреть размеры и другие свойства изображений в браузере Google Chrome

Существует в настоящий момент множество изображений для просмотра свойств картинки на странице для браузера Google Chrome. Есть и на русском языке – их легко найти на сайте расширений Chrome.

Но мне понравилось простое расширение Image Size Info, которым с удовольствием пользуюсь и сейчас.

Ссылки:

  • страница расширения Image Size Info на сайте авторов – igorware.com
  • страница расширения Image Size Info в Магазине Chrome – chrome.google.com

Страница расширения на сайте авторов выглядит в настоящий момент примерно так:

страница расширения Image Size Info на сайте авторов

Если перейти по второй ссылке в Магазин Google Chrome, то на всплывающем окне расширения Image Size Info вверху справа нужно нажать кнопку "Установить". Обратите внимания, что для установки расширений сейчас нужно быть авторизированным в каком-то своем аккаунте Google!

страница расширения Image Size Info в Магазине Chrome

Далее нажимаем кнопку "Добавить" для подтверждения установки нового расширения.

нажимаем кнопку "Добавить" для подтверждения установки нового расширения

В правом верхнем углу браузера появится всплывающее уведомление о том, что расширение Image Size Info установлено с предложением управлять расширениями, при необходимости, на вкладке "Расширения" меню "Инструменты".

всплывающее уведомление

А на всплывающем окошке расширения в Магазине Google, если всё сделано правильно, "Установить" должно поменяться на зелёную кнопку "Добавлено в Chrome".

Добавлено в Chrome

В мню "Инструменты", вкладка "Расширения", появится информация о новом расширении Image Size Info. Настраивать его не нужно. Есть только возможность временно расширение выключить или удалить ("галочка" справа или значок корзины).

информация о новом расширении Image Size Info

Теперь, после установки расширения Image Size Info, при нажатии на картинке правой кнопкой мыши мы увидим новый пункт контекстного меню – "View Image Info" ("Просмотр информации об изображении").

Просмотр информации об изображении

Если выбрать этот пункт, то откроется небольшое окошко с информацией:

  • ссылка на картинку
  • разрешение картинки
  • видимое разрешение (на странице)
  • размер файла

откроется небольшое окошко с информацией

К сожалению, в этом расширении не указано расширение (формат) файла, но его можно увидеть в конце адреса картинки. Или установить другое расширение, которое вам понравится больше – такие есть. А как устанавливать, вы уже знаете.

Подписывайте на обновления блога в Twitter, на Email, через RSS! И будьте осторожнее с едой!

И будьте осторожнее с едой!

Похожие публикации

Поделитесь своими мыслями с помощью ВКонтакте или Facebook!



Оставить комментарий


Примечание - Вы можете использовать эти HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>