Как найти картинку в Интернете
Feb. 3rd, 2016 11:13 pmПериодически меня спрашивают про разные иллюстрации к постам в ЖЖ: что это за картинка, откуда она, кто автор.

Отвечаю авансом и задним числом. Во-первых, если навести курсор на любую картинку в этом ЖЖ, то там, как правило, всплывёт текстовое описание. Можете проверить на картинке выше. Небольшая проблема с этим описанием состоит в том, что оно 15 лет заключалось в атрибут ALT, в соответствии со стандартами W3C, а потом пришли очередные варвары и написали браузеры, которые его содержание не показывают (например, Chrome, и все его сборки-пересборки). С какого-то момента я стал использовать атрибут TITLE, который они поддерживают, но задним числом за 14 лет я ничего исправлять не стал, так что описания в старых записях не видны пользователям новых браузеров.

Во-вторых, внутри Хрома есть контекстное меню (по нажатию правой кнопки мыши, или долгому нажатию единственной, если мышь однокнопочная), и там есть опция Search Google for this image. Если поиском по умолчанию в браузере задан не Гугл, то и искать предложат не в нём. А, например, в Яндексе:

Если же вы регулярно задаётесь вопросом о происхождении тех или иных картинок в Интернете, есть такой чрезвычайно полезный сервис TinEye, специально созданный для ответа на этот вопрос. Там, по последнему счёту, проиндексировано 13,9 млрд картинок к этому дню. TinEye позволяет их сортировать и по размеру, и по дате публикации — удобно, если важно идентифицировать первоисточник.

Исходный способ взаимодействия с TinEye — довольно муторный: нужно сначала сохранить интересующую вас картинку с веба к себе на диск, потом залить её на сервер TinEye, и там её будут сличать с базой известных им изображений. Но в этом давно уже нет необходимости: можно просто подключить к браузеру расширение (есть версии для Firefox, Chrome, Safari, IE и Opera), и опция поискать картинку в их базе добавится всё к тому же контекстному меню правой кнопки:

К сожалению, на многих сайтах ни одна из этих методик не работает, потому что картинка там запрятана специальным образом под несколькими слоями кода (как правило — чтоб не украли, но иногда и по делу, как на скриншоте ниже). Тогда контекстное меню при наведении мыши будет относиться не к картинке, а к слою, который наложен поверх неё. В этом случае имеет смысл через то же меню залезть в исходный код страницы (либо через View Source, либо через Inspect Element) и найти там строчку вызова картинки по адресу:

Для этого, конечно, нужно представлять себе кое-какие азы HTML — например, догадываться, что искомый код вызова картинки должен выглядеть как IMG SRC. Например, полноразмерная картинка со скриншота в Медузе найдётся в исходном HTML-коде по адресу:
https://meduza.io/image/attachments/images/000/021/772/large/U3kH6smqCwEJSPJb39_upA.jpg
Проверьте себя, попробуйте найти адрес картинки на странице из примера выше.

Отвечаю авансом и задним числом. Во-первых, если навести курсор на любую картинку в этом ЖЖ, то там, как правило, всплывёт текстовое описание. Можете проверить на картинке выше. Небольшая проблема с этим описанием состоит в том, что оно 15 лет заключалось в атрибут ALT, в соответствии со стандартами W3C, а потом пришли очередные варвары и написали браузеры, которые его содержание не показывают (например, Chrome, и все его сборки-пересборки). С какого-то момента я стал использовать атрибут TITLE, который они поддерживают, но задним числом за 14 лет я ничего исправлять не стал, так что описания в старых записях не видны пользователям новых браузеров.

Во-вторых, внутри Хрома есть контекстное меню (по нажатию правой кнопки мыши, или долгому нажатию единственной, если мышь однокнопочная), и там есть опция Search Google for this image. Если поиском по умолчанию в браузере задан не Гугл, то и искать предложат не в нём. А, например, в Яндексе:

Если же вы регулярно задаётесь вопросом о происхождении тех или иных картинок в Интернете, есть такой чрезвычайно полезный сервис TinEye, специально созданный для ответа на этот вопрос. Там, по последнему счёту, проиндексировано 13,9 млрд картинок к этому дню. TinEye позволяет их сортировать и по размеру, и по дате публикации — удобно, если важно идентифицировать первоисточник.

Исходный способ взаимодействия с TinEye — довольно муторный: нужно сначала сохранить интересующую вас картинку с веба к себе на диск, потом залить её на сервер TinEye, и там её будут сличать с базой известных им изображений. Но в этом давно уже нет необходимости: можно просто подключить к браузеру расширение (есть версии для Firefox, Chrome, Safari, IE и Opera), и опция поискать картинку в их базе добавится всё к тому же контекстному меню правой кнопки:

К сожалению, на многих сайтах ни одна из этих методик не работает, потому что картинка там запрятана специальным образом под несколькими слоями кода (как правило — чтоб не украли, но иногда и по делу, как на скриншоте ниже). Тогда контекстное меню при наведении мыши будет относиться не к картинке, а к слою, который наложен поверх неё. В этом случае имеет смысл через то же меню залезть в исходный код страницы (либо через View Source, либо через Inspect Element) и найти там строчку вызова картинки по адресу:

Для этого, конечно, нужно представлять себе кое-какие азы HTML — например, догадываться, что искомый код вызова картинки должен выглядеть как IMG SRC. Например, полноразмерная картинка со скриншота в Медузе найдётся в исходном HTML-коде по адресу:
https://meduza.io/image/attachments/images/000/021/772/large/U3kH6smqCwEJSPJb39_upA.jpg
Проверьте себя, попробуйте найти адрес картинки на странице из примера выше.
no subject
Date: 2016-02-03 08:23 pm (UTC)no subject
Date: 2016-02-04 05:51 am (UTC)Чтоб задь у Власти не тряслась
no subject
Date: 2016-02-03 08:26 pm (UTC)ЗЫ, просто ради любопытства, а пытался ли кто из прочитавших данную "инструкцию по применению",
самостоятельно ну хотя бы погуглить)
no subject
Date: 2016-02-04 09:30 am (UTC)no subject
Date: 2016-02-03 08:26 pm (UTC)Или в CSS прописан. Тогда лучше использовать всевозможные инструменты разработчика (как встроенные, так и внешние плагины типа firebug).
no subject
Date: 2016-02-03 08:44 pm (UTC)no subject
Date: 2016-02-03 09:55 pm (UTC)no subject
Date: 2016-02-03 09:57 pm (UTC)no subject
Date: 2016-02-03 10:01 pm (UTC)no subject
Date: 2016-02-04 12:09 am (UTC)даже превью работает
no subject
Date: 2016-02-04 08:50 am (UTC)no subject
Date: 2016-02-04 02:47 pm (UTC)no subject
Date: 2016-02-03 08:37 pm (UTC)no subject
Date: 2016-02-03 08:42 pm (UTC)(офтопик) Антон, а что вы думаете про отставку украинского министра экономического развития и торговли Айвараса Абромавичуса?
no subject
Date: 2016-02-04 06:07 am (UTC)Совершенно неизбежный конфликт интересов на постсоветском пространстве.
Позвали специалиста реформировать экономику, но такая реформа противоречит интересам солидных дядь.
Ещё Ли Куан Ю говорил, что самое сложное было — сажать своих друзей.
no subject
Date: 2016-02-04 09:13 am (UTC)no subject
Date: 2016-02-03 08:45 pm (UTC)no subject
Date: 2016-02-03 09:06 pm (UTC)что я делаю не так?
no subject
Date: 2016-02-03 09:18 pm (UTC)no subject
Date: 2016-02-03 09:48 pm (UTC)Принцип тот же - нужно просто указать урл картинки исходника или загрузить ее с компа.
no subject
Date: 2016-02-03 10:47 pm (UTC)no subject
Date: 2016-02-04 12:13 am (UTC)Гугл такой возможности не дает.
no subject
Date: 2016-02-03 10:41 pm (UTC)Правый клик мыши на пустом месте страницы / Информация о странице / Вкладка «Мультимедиа» / Выбрать нужный адрес картинки из списка.
no subject
Date: 2016-02-03 10:44 pm (UTC)no subject
Date: 2016-02-04 12:11 am (UTC)no subject
Date: 2016-02-04 12:11 am (UTC)no subject
Date: 2016-02-04 12:11 am (UTC)no subject
Date: 2016-02-04 12:36 am (UTC)Стандарт ясно говорит: For user agents that cannot display images, forms, or applets, this attribute specifies alternate text. Откуда взялась идея, что этот текст должен быть виден одновременно с картинкой, я не могу себе представить.
no subject
Date: 2016-02-04 12:50 am (UTC)Тема до сих пор, вместе со своей студией не знает что такое Responsive Design и делает весьма убогие сайты на уровне школьного кружка дизайнеров из Дома Пионэров города героя Мухостранска :-)
Давайте полюбуемся вот этой фразой вашей: ".."
Во первых "alt" - это не контейнер, а атрибут тэга "img". А контейнер, это часть лэйаута (layout) html page. Напрмер с помощью тэга division можно создать контейнер лэйаута, в том числе и со свойствами быть "responsive", о которых не догадывается целая студия Лебедева :-)
Во вторых, рассказывать про такой примитив, описаный выше, вам как родоначальнику русского, да и мировго, а возможно и Вселенского Интернета смешно :-)))
no subject
Date: 2016-02-04 03:41 am (UTC)no subject
Date: 2016-02-04 04:03 am (UTC)Иначе - культ личности, деградация и попадание в алкогольную зависмость...
no subject
Date: 2016-02-04 09:00 am (UTC)Спец по дизайну?
no subject
Date: 2016-02-04 01:13 am (UTC)Ищет (в Гугле, Яндексе и Тинайе одновременно) похожие изображения.
no subject
Date: 2016-02-04 03:28 am (UTC)no subject
Date: 2016-02-04 03:37 am (UTC)Для сложных случаев я делаю скриншоты фрагмента картинки (там где возможен монтаж) и уже по нему нахожу источник.
Но этой статьей ты вот на что обратил мое внимание. Судя по всему Медуза запретила роботам себя индексировать и все три описанные выше способа эту картинку https://meduza.io/image/attachments/images/000/021/772/large/U3kH6smqCwEJSPJb39_upA.jpg не находят.
Получается, что даже высоко нагруженный сайт (я не про Медузу сейчас) может пиздить любые картинки и оставаться при этом в тени.
no subject
Date: 2016-02-04 04:58 am (UTC)no subject
Date: 2016-02-04 09:11 am (UTC)no subject
Date: 2016-02-04 09:44 am (UTC)alt -- и есть "альтернатива" -- если картинки не показываются или юзер слабовидящий, и ему это будет читать вслух читалка.
no subject
Date: 2016-02-04 05:37 am (UTC)no subject
Date: 2016-02-04 07:02 am (UTC)Свежайший Chrome под Windows. Указанной опции нет.
no subject
Date: 2016-02-04 08:27 am (UTC)no subject
Date: 2016-02-04 08:49 am (UTC)no subject
Date: 2016-02-04 09:13 am (UTC)no subject
Date: 2016-02-04 11:27 am (UTC)