Как найти http картинки

Каждая страница в интернете имеет свой адрес. Его называют URL. Он показан в адресной строке браузера (подробнее о том, что такое адресная строка браузера и где она находится).

Это делает возможным внутри одной страницы отображать содержимое другой страницы. Например:

Большинство изображений, которые человек видит на сайтах, тоже являются содержимым другой страницы. Вот, в частности, адрес смайлика в формате .gif:

http://photos1.blogger.com/x/blogger2/6533/16720282190093/320/140728/plain.gif

А вот способы добавления картинки на сайт, которые можно выделить, если посмотреть код страницы:

HTML: тег <img>
<img src=”http://photos1.blogger.com/x/blogger2/6533/16720282190093/320/140728/plain.gif” alt=”смайлик” height=”30″ width=”30″>
CSS: свойства background-image и border-image
<style> #raz { display: inline-block; height: 32px; width: 32px; background-image: url(http://photos1.blogger.com/x/blogger2/6533/16720282190093/320/140728/plain.gif); } </style> <span id=”raz”></span>
CSS: псевдоэлементы :before и :after
<style> #raz1:before { content: url(http://photos1.blogger.com/x/blogger2/6533/16720282190093/320/140728/plain.gif); } </style> <span id=”raz1″></span>
HTML: тег векторной графики <svg> (без URL)
<svg viewBox=”0 0 32 32″ height=”32px” width=”32px”><path fill=”#888″ d=”M0 4v26h32v-26h-32zM30 28h-28v-22h28v22zM22 11c0-1.657 1.343-3 3-3s3 1.343 3 3c0 1.657-1.343 3-3 3-1.657 0-3-1.343-3-3zM28 26h-24l6-16 8 10 4-3z”></path></svg>
CSS: без URL
<style> #raz2 { width: 15px; height: 15px; border: 5px solid #ccffcc; border-top-color: rgb(0,255,0); border-radius: 100%; animation: loading2 linear .7s infinite; } @keyframes loading2 { 100% {transform: rotate(360deg);} } </style> <div id=”raz2″></div>

Как узнать адрес картинки и скопировать его

Скопировать адрес изображения можно несколькими способами:

1. Навести курсор на фото, нажать на правую клавишу мышки, в появившемся контекстном меню будет предложено скопировать URL, щёлкнуть по необходимому пункту.

   

2. Навести курсор на фото, нажать на правую клавишу мышки, в появившемся контекстном меню будет предложено изучить характеристики фотографии, щёлкнуть по необходимому пункту (на Рис.1 cм. пункт «Информация об изображении»; в Internet Explorer см. пункт «Свойства»), в открывшемся окне выделить адрес рисунка,
   • нажать на правую клавишу мышки, в появившемся контекстном меню щёлкнуть по пункту «Копировать».
   • нажать комбинацию клавиш клавиатуры Ctrl+C.

   

3. Навести курсор на фото, нажать на правую клавишу мышки, в появившемся контекстном меню будет предложено перейти на страницу картинки, щёлкнуть по необходимому пункту (на Рис.1 cм. пункт «Открыть изображение»). Откроется страница, содержимым которой будет лишь одно изображение. В полный рост, если ранее оно было уменьшено с помощью атрибутов height и width или с помощью CSS. Выделить адрес открывшейся страницы в адресной строке браузера,
   • нажать на правую клавишу мышки, в появившемся контекстном меню выбрать пункт «Копировать».
   • нажать комбинацию клавиш клавиатуры Ctrl+C.

   

4. На сенсорных устройствах (смартфон, планшет) долго без движения держать палец над фото, в появившемся контекстном меню будет предложено перейти на страницу картинки, щёлкнуть по необходимому пункту (он может называться «Просмотр картинки»). Откроется страница, содержимым которой будет лишь одно изображение. В полный рост, если ранее оно было уменьшено с помощью атрибутов height и width или с помощью с помощью CSS. Затем долго жать на адрес в адресной строке браузера. После того, как появятся ползунки и весь URL будет выделен (в случае необходимости, ползунки можно раздвинуть на необходимое расстояние), щёлкнуть в появившейся панели кнопку «Копировать».
5. Навести курсор на фото, нажать на правую клавишу мышки, в появившемся контекстном меню будет предложено перейти на страницу фонового изображения, щёлкнуть по необходимому пункту. Откроется страница, содержимым которой будет лишь одно изображение. В полный рост, если ранее оно было уменьшено с помощью с помощью CSS. Выделить адрес открывшейся страницы в адресной строке браузера (см. Рис.3),
   • нажать на правую клавишу мышки, в появившемся контекстном меню выбрать пункт «Копировать».
   • нажать комбинацию клавиш клавиатуры Ctrl+C.

   

6. Из исходного кода страницы сайта.

Как сохранить изображение

Навести курсор на фото, нажать на правую клавишу мышки, в появившемся контекстном меню будет предложено сохранить картинку, щёлкнуть по необходимому пункту (на Рис.1 cм. пункт «Сохранить изображение как…»), в открывшемся окне выбрать папку на компьютере, куда будет сохранён рисунок.

Если фотография является фоновой картинкой, то нужно предварительно перейти на страницу картинки (см. Рис.3).

Возможно будет интересно: «Как сохранить изображение экрана монитора (сделать скриншот)»

Как добавить картинку на веб-страницу

Сначала изображение нужно загрузить с компьютера на хостинг сайта, в социальную сеть (ВКонтакте, Google+ и т.п.), Яндекс.Диск или Гугл.Диск, чтобы у рисунка появился свой адрес в интернете.

Если есть визуальный редактор, то очерёдность действий обычно следующая:

1. установить курсор мышки в то место, где должна будет появиться фотография,
2. нажать на иконку, похожую на или на ,
3. выбрать файл с компьютера,
4. если есть возможность, заполнить альтернативный текст (он же описание изображения).

Итог: картинка будет вставлена на страницу сайта, а самое главное — загружена на сервер веб-проекта. У неё теперь будет свой адрес в интернете. И теперь можно на вкладке «HTML» поправить предоставленный визуальным редактором код, так как часто визуальный редактор добавляет ненужные теги, да и возможности HTML и CSS несравнимо большие.

Если URL уже есть, но другого малоизвестного сайта, то всё же такую фотографию лучше сохранить на компьютер, а потом загрузить на сервер сайта, если данное действие разрешено владельцем фото, дабы не нарушить авторские права, так как

• на некоторых сайтах может быть запрещено использование адреса изображений на других ресурсах (подробнее про запрет хотлинкинга [wikipedia.org]).
• сайты недолговечны и спустя время с удалением веб-проекта, исчезнет и картинка на вашем сайте, оставив вместо себя в лучшем случае только альтернативный текст.

Если нет визуального редактора, то очерёдность действий обычно следующая:

1. создать папку image,
2. создать в папке image файл .htaccess, содержимым которого будет

   Options -Indexes
   
   <Files .htaccess>
    order allow,deny
    deny from all
   </Files>

3. загрузить в папку image изображение, которое именуется, допустим, plain.gif (в дальнейшим все картинки также загружать в эту папку),
4. на HTML-странице использовать URL вида http://сайт.ru/image/plain.gif, например,

   <!DOCTYPE html>
   <meta charset="utf-8">
   <img src="http://сайт.ru/image/plain.gif" alt="смайлик" height="30" width="30">
   

Что собой представляет картинка в сети Интернет? Как узнать URL картинки? Простой и удобный букмарклет IMGs для отображения списка картинок и их URL адресов на текущей веб-странице.

Что такое картинка?

Для начала давайте определимся с терминологией. URL – это единый указатель местонахождения ресурса и его файлов в сети Интернет, а картинка – это файл, хранящий изображение в одном из графических форматов. Таким образом, URL картинки – это указатель местоположения графического файла в сети Интернет на том или ином ресурсе.

Большая часть информации сети Интернет представлена в HTML-формате. HTML – это стандартный язык разметки документов, интерпретируемых браузрами и отображаемыми в удобочитаемом для пользователя виде.

Для вставки картинки в HTML-документ используется тег , с указанием URL картинки в атрибуте src (от англ. source – источник). Подробней о нём читайте тут, а я приведу лишь пример HTML-кода для вставки картинки:

Обратите внимание, что помимо атрибутаsrc, здесь имеется и атрибут alt, содержащий альтернативный текст, который описывает содержание картинки и выводится в том случае, когда браузер не может отобразить картинку.

Интерпретация браузерам, приведённого выше, примера кода для вставки картинки в HTML-документ будет иметь вид:

Как узнать URL картинки?

Чтобы узнать URL картинки в HTML-документе, выполните следующие действия:

1. Наведите курсор на картинку и кликните правую кнопку мыши.
2. В открывшемся контекстном меню кликните пункт «Копировать URL картинки» (он может называться и иначе, но суть от этого не меняется).
3. Теперь URL картинки находится в памяти Вашего компьютера. Чтобы его вставить в текстовое поле, используйте комбинацию клавиш Ctrl+V.

Также Вы можете использовать пункт контекстного меню «Открыть картинку в новой вкладке» и посмотреть URL в адресной строке браузера.

Более продвинутые пользователи могут посмотреть исходный код HTML-документа. Для этого следует использовать комбинацию клавиш Ctrl+U или пункт контекстного меню «Просмотреть код элемента».

Букмарклет IMGs – URL картинок на веб-странице

Гораздо более удобным способом узнать URL картинки является использование простого букмарклета, который я назвал IMGs. Букмарклет – это JavaScript закладка в вашем браузере, а IMGs – это букмарклет, который отображает список имеющихся в HTML-документе картинок с их URL адресами во всплывающем окне.

Для того чтобы установить букмарклет IMGs выполните следующие действия:

1. Отобразите панель закладок в браузере. В Google Chrome для этого можно использовать комбинацию клавиш Ctrl+Shif+B. В других браузерах используйте меню.
2. Переместите на панель закладок следующую ссылку – img{max-height:100px}input{width:100%}»);var%20imgs=document.getElementsByTagName(«IMG»);if(imgs.length>0){[].forEach.call(imgs,function(e){if(e.src)win.document.write(«

   «)})}»>IMGs. Просто наведите на неё курсор, нажмите левую кнопку и, удерживая её, перетащите ссылку на панель закладок.
3. Теперь зайдите на любую веб-страницу и кликните закладку IMGs. В открывшемся окне Вы увидите список, состоящий из миниатюр, присутствующих на веб-странице, картинок и поля с их URL адресами, которые можно скопировать и использовать так, как Вам нужно.

Букмарклет gIMGs – URL картинок в выдаче Google

В отличии от классического варианта, здесь понадобилось разбраться с URL адресами ссылок каждого результата поиска, в которой содержится URL картинки и её источника. Именно поэтому во всплывающем окне отображается уже два поля, а сама миниатюра кликкабельна.

Для того чтобы установить букмарклет gIMGs выполните следующие действия:

1. Отобразите панель закладок в браузере. В Google Chrome для этого можно использовать комбинацию клавиш Ctrl+Shif+B. В других браузерах используйте меню.Переместите на панель закладок следующую ссылку – img{max-height:100px}input{width:100%}»);if(rg_el.length>0){[].forEach.call(rg_el,function(e){var%20t=e.getElementsByClassName(«rg_l»);if(t.length>0){var%20n=t[0].href.match(new%20RegExp(«imgurl=([^&]*)»))[1],r=t[0].href.match(new%20RegExp(«imgrefurl=([^&]*)»))[1];win.document.write(«

<inpnp>gIMGs, Просто наведите на неё курсор, нажмите левую кнопку и, удерживая её, перетащите ссылку на панель закладок. Теперь произведите поиск в Google поиске по картинкам и кликните закладку gIMGs. В открывшемся окне Вы увидите список, состоящий из миниатюр со ссылкой на источники поля с URL адресами картинок и их источников. </inpnp>

</ol>

На этом у меня всё. Спасибо за внимание. Удачи!

Короткая ссылка: http://goo.gl/zDH5gv

Перенесите файлы сюдаВыбрать файлыПо ссылкамВсе картинки сеанса<label>Уменьшить картинки до</label>pxСоздать новый альбомНазваниеПапка альбома (необязательно)PIN-код (необязательно)ОтменаОтменаСоздать альбомСоздать альбомАльбом Ошибка загрузки альбомов Размер превьюpx<label>Автоповорот</label><label>Сжатие в браузере</label><label>Визуализация</label>Одинаковая надпись на картинкахИмя файла —> текст перед картинкойПронумеровать картинкиУдалить нумерацию картинокОчистить текст перед картинкамиПовернуть все картинкиЗагрузить на сервер<label>ПОКАЗЫВАТЬ ЭТИ КАРТИНКИ ВСЕМ</label>Отмена 0″> 0″>Показать предыдущие изображенияОригинал:Результат:Показано сейчас:Показать больше изображенийПерейти к старой версии (меню «Редактор картинок»)Перейти к Flash-мультизагрузкеОтменить загрузкуОшибка при загрузке файлаПовторить попыткуПропустить файлОтменить загрузкуЗавершение текущей операции…Удаление загруженных изображений… (Ошибка) Копировать коды в буфер обменаУдалить загруженные изображения…Выберите подходящий вариант ссылок<label>Ссылки HTTPS</label>

Введите ссылки на изображения в Интернете (URL)

ОтменаOK

Введите текст надписи на всех картинках

ОтменаOKОтменаOKАдмин-Топ ВидеоЭти видеоклипы выбраны администратором Радикал-Фото. Администратор ресурса помещает сюда видео пользователей, которые, на его субъективный взгляд, заслуживают всеобщего внимания. Источником видео служат галереи проекта.

Cервис позволяет легко и быстро публиковать ваши картинки и видео на страницах любого интернет-форума, блога, чата, доске объявлений (необходимая подготовка выполняется автоматически). Вам нужно только выбрать контент на диске, нажать кнопку ЗАГРУЗИТЬ и затем скопировать готовую ссылку в свое сообщение. Кроме того данный хостинг обладает множеством преимуществ: — Не требует регистрации — Срок хранения неограничен* — Максимальный объем загружаемого файла картинки до 40Мб — Загрузка видео без ограничений — Возможность загрузки изображений с помощью:    — программы Радикал-Фото ShellExtension    — новой Мобильной версии РАДИКАЛ – ФОТО — Сервис полностью бесплатен *если к картинке или видео не было обращения больше года, то данный контент считается потеряным и удаляется.

Статистика:  всего 905 458 из них за сутки 39  |  всего 759 320 898 из них за сутки 121 619

Контакты  |  Правила<text>  |  Обращение к пользователям  |  Вызов Деда Мороза и Снегурочки</text>Radikal.ru 2005-2019

Всем доброго времени суток. Каждому из нас приходится рано или поздно сталкиваться с вопросом:как и где узнать URL адрес ссылки на картинку. А задачка то оказывается легко решается. Сейчас расскажу. Заходите на сайт radikal по ссылке: radikal.ru Обратите внимание, сервис бесплатный и без регистрации. Смотрите на скриншоте, как пользоваться.Теперь нам надо «выбрать файл». Выбираете с компьютера нужную картинку, увидите её отображение внизу, и нажимаете «загрузить». После загрузки изображения Вас перекинет на страницу с адресами картинки. Здесь девять или десять адресов изображения, которые можно скопировать и вставить на форуме, в виде текста и.т.д. Адрес ссылки на картинку-самый первый.  Копируете обычным способом. Правой кнопкой мыши-выделить все-копировать, и вставить куда Вам надо. Как видите ничего сложного, а у нас с Вами одной проблемой стало меньше. Всего доброго ! Рекомендую почитать статьи:  

• Простые способы узнать адрес ссылки изображений; 
• Как при наведении мыши получить эффект изображения круглой или овальной формы; 
• Изображения качающиеся, повороты и другие эффекты;

Рекомендуемый контент: ⟵ Следующее Предыдущее ⟶ Главная страница Используемые источники:

• http://chuvyr.ru/2015/01/howto-get-image-url.html
• https://radikal.ru/
• https://www.bdblogov.ru/2013/08/url.html

Знаете ли Вы, что найти конкретную картинку в интернете – очень и очень просто!? Поиск картинки в интернете занимает менее секунды, не требует регистрации, вычислительных мощностей вашего компьютера и т.д. Парадоксально, но многие  пользователи интернета даже и не догадываются о существовании таких алгоритмов и возможностей, а между тем, они встроены в популярные поисковые системы или используются на специализированных веб-сервисах. В одно время на одном из форумов его участник предлагал желающим поучаствовать в игре: он заимствовал из интернета какую-нибудь случайную картинку, закрашивал на ней какой-нибудь предмет и предлагал участникам отгадать, что же спряталось за черным квадратом? Я был поражен числом участников и предлагаемыми вариантами ответов: ведь узнать, что скрывается за черным квадратом используя визуальный поиск по картинкам, о котором сегодня и пойдет речь – дело 1 секунды!

Поиск по картинкам: области применения

Для чего же еще может быть полезным механизм поиска по картинкам? Вот лишь некоторые существенные моменты, пользу из которых могут извлечь рядовые пользователи интернета и вебмастера:

• для идентификации изображения (предмета, человека, объекта на фотографии);
• степень уникальности фотографии (ее распространение в интернете);
• поиск аналогов изображения, их каталогизация и т.д.

Поиск по картинкам также решает довольно сложные задачи:

• Медицинская диагностика заболеваний
• Предотвращение преступлений и беспорядков
• Военно-оружейное применение
• Вопросы контроля за распространением интеллектуальной собственности и т.д.

Самое интересное, что механизмы поиска по картинкам доступны всем желающим пользователям интернета, но многие так и не знают, как и где этим пользоваться на практике.

Поиск изображений: как это работает?

Поисковые системы и сервисы, предоставляющие так называемый “поиск изображений по содержанию” (от англ. Content-based image retrieval (CBIR)) базируются по сути на одном и том же алгоритме поиска: анализируя содержание изображения, например, цвет представленных на нём объектов, их форму, текстуру, композицию сцены, а при отсутствии возможности прочитать сцену прибегая к помощи примитивных метаданных: ключевые слова и метки указанные применимо к изображениям. Эта технология развивается с начала 1990-х годов и по сути, не смотря на все свои модификации, так и не была заменена какой-либо новой разработкой поиска изображений. Предполагается, что на смену этому алгоритму идентификации изображений придет поиск на основе пиксельного содержания, но пока такие разработки существуют лишь теоретически. Тем не менее, существующие механизмы поиска изображений и предлагаемые пользователям поисковыми системами вполне могут решать многие пользовательские задачи. Кто и где предоставляет такие механизмы и как это работает на практике – рассмотрим ниже.

Где можно искать по картинкам?

Существуют специализированные сервисы поиска по картинкам. Как правило, для поискового запроса им нужно указать урл требуемой картинки для поиска аналогов в интернете и в поисковой выдаче клиент получает перечень сайтов, где встречается искомая картинка (или картинка очень на нее похожая). Вот лишь некоторые сервисы, заслуженно получившие признание (некоторые из них все же морально устарели и могут выдавать парадоксальные ответы):

http://www.tineye.com http://iqdb.org http://karmadecay.com/ http://saucenao.com http://3d.iqdb.org Надо сказать, что эти сервисы поддерживают POST запрос, поэтому к ним можно обращаться напрямую, подставив урл проверяемой картинки:

http://www.tineye.com/search?url=https://seo-zona.ru/logo.png http://iqdb.org/?url=https://seo-zona.ru/logo.png http://karmadecay.com/https://seo-zona.ru/logo.png http://saucenao.com/search.php?db=999&url=https://seo-zona.ru/logo.png http://3d.iqdb.org/?url=https://seo-zona.ru/logo.png Естественно, популярность и востребованность таких сервисов постепенно пришла в упадок с того момента как поиск предложил Google и Яндекс (Яндекс, при этом, запустил функцию визуального поиска по картинкам лишь в сентябре 2013 года, в то время как Google экспериментировал с этим по крайней мере уже несколько лет в рамках проекта Google Similar Images). В строчке ввода поискового запроса в разделе “Картинки“, мы увидим значок фотоаппарата, недвусмысленно подразумевающий как раз поиск по картинкам. Вот как это выглядит в интерфейсе популярных в России поисковиков:

Как видим, нам предлагают: либо ввести урл с искомой картинкой, либо загрузить свою картинку непосредственно с компьютера. Грузим для теста фотографию Владимира Ильича и получаем приблизительно следующую картину:

Собственно, наблюдаем список сайтов, которые опубликовали ту же картинку или немножко модифицированную, а это уже открывает невиданные перспективы для применения такого поиска на практике для вебмастеров. Вот лишь некоторые примеры, которые использую на практике:

• проверка уникальности картинки с забаненных сайтов для ее новой уникализации
• проверка сканированных изображений на уникальность для последующей публикации
• поиск аналогов на фотографиях для идентификации объектов, поиск схожих предметов и т.д. (для каталогизации, для иллюстраций, для сопоставления и т.д.)

Поиск по картинкам: удобство в браузерах

В последней версии Google Chrome при клике правой кнопкой мыши на изображении откроется меню, в котором появился пункт «найти это изображение в Google» (опция работает в ОС Windows, Mac и Linux). Добавить быстрый поиск по изображениям можно и в контекстное меню Оперы, для этого достаточно установить расширение Similar image search. Теперь поиск по картинкам стал действительно доступнее:

 И напоследок: домашнее задание

Чтобы почувствовать все технологичные возможности механизма поиска по изображениям (в частности, механизм “поиска изображений по содержанию” подразумевает поиск не только целого изображения, но и фрагментов в изображении), предлагаю вам сделать самостоятельно небольшой и несложный эксперимент: проверить на уникальность изображение – превью к этой публикации (маленькое изображение в самом начале статьи). Скажу, что это компиляция – рисунок получен путем наложения двух разных картинок. Искать похожие изображения рекомендуется как в Google, так и Яндексе. Сравните результаты поиска и сделаете для себя полезные выводы.