dolboed: (zalupoj)
[personal profile] dolboed
Периодически меня спрашивают про разные иллюстрации к постам в ЖЖ: что это за картинка, откуда она, кто автор.

Отвечаю авансом и задним числом. Во-первых, если навести курсор на любую картинку в этом ЖЖ, то там, как правило, всплывёт текстовое описание. Можете проверить на картинке выше. Небольшая проблема с этим описанием состоит в том, что оно 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
Проверьте себя, попробуйте найти адрес картинки на странице из примера выше.

Date: 2016-02-03 08:23 pm (UTC)
From: [identity profile] katin-andrey.livejournal.com
Вратарь новый пропускает Тульской шайбы области - совпадение? Не думаю!

Date: 2016-02-04 05:51 am (UTC)
From: [identity profile] 0-logik.livejournal.com
Охранника "ведут во власть"
Чтоб задь у Власти не тряслась
Edited Date: 2016-02-04 06:41 am (UTC)

Date: 2016-02-03 08:26 pm (UTC)
From: [identity profile] sergbalkov.livejournal.com
Ура, вот есть же в инете #замечательныеинтернетдеятели !)

ЗЫ, просто ради любопытства, а пытался ли кто из прочитавших данную "инструкцию по применению",
самостоятельно ну хотя бы погуглить)

Date: 2016-02-04 09:30 am (UTC)
From: [identity profile] kapitansneg.livejournal.com
images.google.com - ищет порой лучше, но не 100% совпадение.

Date: 2016-02-03 08:26 pm (UTC)
From: [identity profile] snevolin.livejournal.com
>искомый код вызова картинки должен выглядеть как IMG SRC

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

Date: 2016-02-03 08:44 pm (UTC)
From: [identity profile] igorbasic.livejournal.com
в инстаграмме сейчас вообще фиг ссылку найдешь

Date: 2016-02-03 09:55 pm (UTC)
From: [identity profile] yadren-fei.livejournal.com
Есть сервисы которые довольно ловко инстограмовые фото выгрызать умеют.

Date: 2016-02-03 09:57 pm (UTC)
From: [identity profile] igorbasic.livejournal.com
это да, но на самом сайте стало геморно

Date: 2016-02-03 10:01 pm (UTC)
From: [identity profile] yadren-fei.livejournal.com
А смысл ковырять в коде страницы, когда ткнуть ссылку и прокопипастить ей источник - быстрее выходит. Зачем оно надо - за самостоятельность бороться, когда аутсорс шустрее.

Date: 2016-02-04 12:09 am (UTC)
From: [identity profile] 01petr.livejournal.com
можно в плагине adblock нажать ctrl-shift-v и найти ссылку на картинку в списке ресурсов
даже превью работает

Date: 2016-02-04 08:50 am (UTC)
From: [identity profile] richek-shu.livejournal.com
проще запринтскинить

Date: 2016-02-04 02:47 pm (UTC)
From: [identity profile] snevolin.livejournal.com
В файрфоксе всё просто: правой кнопкой по странице, в меню выбираете "Информация о странице", затем на вкладке "Мультимедиа" видите список картинок на этой странице.

Date: 2016-02-03 08:37 pm (UTC)
From: [identity profile] rumata.livejournal.com
TinEye ни во что так и не вызрел, да и не вызреет уже. Сколько можно подавать надежды, пока другие шайбы пропускают.

Date: 2016-02-03 08:42 pm (UTC)
From: [identity profile] ueban-borodatij.livejournal.com
Спасибо, очень познавательно. В последние года страшно сильно возрос спрос на европейскую средневековую живопись, европейские аукционные дома не справляются со спросом. Такие картины улетают с реальным подьемом эстимейта начиная от 100% .

(офтопик) Антон, а что вы думаете про отставку украинского министра экономического развития и торговли Айвараса Абромавичуса?

Date: 2016-02-04 06:07 am (UTC)
From: [identity profile] dolboeb.livejournal.com
А что я должен думать про Абромавичуса?
Совершенно неизбежный конфликт интересов на постсоветском пространстве.
Позвали специалиста реформировать экономику, но такая реформа противоречит интересам солидных дядь.

Ещё Ли Куан Ю говорил, что самое сложное было — сажать своих друзей.

Date: 2016-02-04 09:13 am (UTC)
From: [identity profile] Олег Быков (from livejournal.com)
Абромавичус, наверное, неплохой министр (не худший министр), но перед отчетом правительства в раде, скорее всего, просто решил соскочить, чтобы не иметь негативного шлейфа после отчета. В Украине любят обиженных!

Date: 2016-02-03 08:45 pm (UTC)
From: [identity profile] mdv92.livejournal.com
А это всё-таки не Караваджо! Ну, исправьте уже!

Date: 2016-02-03 09:06 pm (UTC)
From: [identity profile] starostenko.livejournal.com
0 Results
что я делаю не так?

Date: 2016-02-03 09:18 pm (UTC)
From: [identity profile] aasasd.livejournal.com
Чтобы не сливать картинку на диск и не ставить расширения, достаточно скопировать через буфер ее адрес, для чего есть пункт в том же самом контекстом меню картинки.
Edited Date: 2016-02-03 09:19 pm (UTC)

Date: 2016-02-03 09:48 pm (UTC)
From: [identity profile] oumnique.livejournal.com
Вместо TinEye уже пару лет можно искать по изображению в гугле.
Принцип тот же - нужно просто указать урл картинки исходника или загрузить ее с компа.

Date: 2016-02-03 10:47 pm (UTC)
From: [identity profile] serge-yakovlev.livejournal.com
Плагин Google Search by Image (https://addons.mozilla.org/ru/firefox/addon/google-search-by-image/) для Firefox добавляет в контекстное меню картинки Google-поиск, аналогично выше предложенному TinEye-поиску.

Date: 2016-02-04 12:13 am (UTC)
From: [identity profile] 01petr.livejournal.com
в посте написано " TinEye позволяет их сортировать и по размеру, и по дате публикации — удобно, если важно идентифицировать первоисточник."
Гугл такой возможности не дает.

Date: 2016-02-03 10:41 pm (UTC)
From: [identity profile] serge-yakovlev.livejournal.com
Поиск адреса картинки в Firefox для не желающих ковыряться в исходном коде страниц, которые могут быть ещё и сгенерированы на стороне клиента:

Правый клик мыши на пустом месте страницы / Информация о странице / Вкладка «Мультимедиа» / Выбрать нужный адрес картинки из списка.

Date: 2016-02-03 10:44 pm (UTC)
From: [identity profile] bioplant.livejournal.com
Вы на вопрос не ответили. С какой целью медуза прячет заимствованную ими чужую картинку под тремя слоями своего кода?

Date: 2016-02-04 12:11 am (UTC)
From: [identity profile] 01petr.livejournal.com
судя по скриншоту - чтобы натянуть заголовок поверх нее

Date: 2016-02-04 12:11 am (UTC)
From: [identity profile] bioplant.livejournal.com
спасибо

Date: 2016-02-04 12:11 am (UTC)
From: [identity profile] hirurg-thegreat.livejournal.com
Чтобы не украли, либо по делу.

Date: 2016-02-04 12:36 am (UTC)
From: [identity profile] huzhepidarasa.livejournal.com
Поправочка-с: не «в соответствии со стандартами W3C», а «по причине невнимательного чтения, сознательного игнорирования и/или непонимания стандартов».

Стандарт ясно говорит: For user agents that cannot display images, forms, or applets, this attribute specifies alternate text. Откуда взялась идея, что этот текст должен быть виден одновременно с картинкой, я не могу себе представить.

Date: 2016-02-04 12:50 am (UTC)
From: [identity profile] zack-broflovski.livejournal.com
Антон, меня уже много лет удивляет безграмотность многих якобы веб дизайнеров, типа Темы Лебедева, который застыл на уровне полуграмотного юзера двадцатилетней давности :-)
Тема до сих пор, вместе со своей студией не знает что такое Responsive Design и делает весьма убогие сайты на уровне школьного кружка дизайнеров из Дома Пионэров города героя Мухостранска :-)

Давайте полюбуемся вот этой фразой вашей: ".."

Во первых "alt" - это не контейнер, а атрибут тэга "img". А контейнер, это часть лэйаута (layout) html page. Напрмер с помощью тэга division можно создать контейнер лэйаута, в том числе и со свойствами быть "responsive", о которых не догадывается целая студия Лебедева :-)

Во вторых, рассказывать про такой примитив, описаный выше, вам как родоначальнику русского, да и мировго, а возможно и Вселенского Интернета смешно :-)))

Date: 2016-02-04 03:41 am (UTC)
From: [identity profile] lesha31.livejournal.com
Вот так вот блеснет какой-нибудь блоггер знанием, а его в каментах натычут носом в то, что он на самом деле нифига не знает :)

Date: 2016-02-04 04:03 am (UTC)
From: [identity profile] zack-broflovski.livejournal.com
Кто-то должен сказать Антону, хотя и горькую, но правду :-)
Иначе - культ личности, деградация и попадание в алкогольную зависмость...

Date: 2016-02-04 09:00 am (UTC)
From: [identity profile] gamar.livejournal.com
"Тема до сих пор, вместе со своей студией не знает что такое Responsive Design и делает весьма убогие сайты на уровне школьного кружка дизайнеров из Дома Пионэров города героя Мухостранска :-)"

Спец по дизайну?

Date: 2016-02-04 01:13 am (UTC)
From: [identity profile] justas11.livejournal.com
Я для этих целей пользуюсь плагином "Who stole my pictures" ("Кто украл мои картинки" в русском варианте).
Ищет (в Гугле, Яндексе и Тинайе одновременно) похожие изображения.

Date: 2016-02-04 03:28 am (UTC)
From: [identity profile] teneteatr.livejournal.com
А как из инстаграма выковыривать? Когда смотришь исходник страницы – иногда картинка хранится в нормально виде "адрес/имя.джпг", а иногда в каком-то хрен знает каком.

Date: 2016-02-04 03:37 am (UTC)
From: [identity profile] volinad.livejournal.com
Я обычно использую этот же набор для фактчекинга. Выкладывал даже инструкцию в фб про это https://www.facebook.com/volinad/media_set?set=a.10151305067522101.1073741830.586472100&type=3
Для сложных случаев я делаю скриншоты фрагмента картинки (там где возможен монтаж) и уже по нему нахожу источник.

Но этой статьей ты вот на что обратил мое внимание. Судя по всему Медуза запретила роботам себя индексировать и все три описанные выше способа эту картинку https://meduza.io/image/attachments/images/000/021/772/large/U3kH6smqCwEJSPJb39_upA.jpg не находят.

Получается, что даже высоко нагруженный сайт (я не про Медузу сейчас) может пиздить любые картинки и оставаться при этом в тени.

Date: 2016-02-04 04:58 am (UTC)
From: [identity profile] konstspb.livejournal.com
Получается, толковый вебмастер, поддерживающий сайт, должен теперь навтыкать TITLE вместо/рядом с ALT?

Date: 2016-02-04 09:11 am (UTC)
From: [identity profile] serge-yakovlev.livejournal.com
Толковый вебмастер ставит описание картинки рядом (например, снизу).

Date: 2016-02-04 09:44 am (UTC)
From: [identity profile] mtyukanov.livejournal.com
Рядом, у них разные функции. title -- тултип, быстрая помощь, подсказка. К иконкам или кратким однословным пунктам меню они практически обязательны.

alt -- и есть "альтернатива" -- если картинки не показываются или юзер слабовидящий, и ему это будет читать вслух читалка.

Date: 2016-02-04 05:37 am (UTC)
From: [identity profile] ateregulov.livejournal.com
не всегда картинка в IMG SRC, хорошие картинки чаще прячутся в стилях, например на инстаграме, тогда надо в ресурсах смотреть

Date: 2016-02-04 07:02 am (UTC)
From: [identity profile] 185800.livejournal.com
Во-вторых, внутри Хрома есть контекстное меню (по нажатию правой кнопки мыши, или долгому нажатию единственной, если мышь однокнопочная), и там есть опция Search Google for this image.
Свежайший Chrome под Windows. Указанной опции нет.

Date: 2016-02-04 08:27 am (UTC)
From: [identity profile] rbelkin.livejournal.com
спасибо

Date: 2016-02-04 08:49 am (UTC)
From: [identity profile] richek-shu.livejournal.com
Чтобы не копаться в html коде проще нажать принтскрин, при установленном дропбоксе или яндексдиске скриншот обрабатывается (режется) за секунду и далее скармливается любому имиджсерчеру. В разы быстрее (если картинка запрятана).

Date: 2016-02-04 09:13 am (UTC)
From: [identity profile] valerytim.livejournal.com
познавательно)))

Date: 2016-02-04 11:27 am (UTC)
From: [identity profile] phoneix freedom (from livejournal.com)
в firefox все работает. просто у вас браузер не очень универсальный.

Profile

dolboed: (Default)
Anton Nossik

April 2017

S M T W T F S
       1
23 45678
9 10 11 12 13 14 15
16 17 18 19 202122
23 24 25 26 27 2829
30      

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Mar. 18th, 2026 04:23 am
Powered by Dreamwidth Studios