вытащить картинку с сайта через код элемента
Как вытащить картинку с сайта
Всем нам нужны картинки. Яркие. Нетривиальные. И чтоб разрешение побольше. Только что делать если они не хотят сохраняться по-хорошему?
Но обо всем по порядку:
1. Как сохранить картинку «по-хорошему»
Допустим, вам нужны картинки забавных носков. Вы их можете найти либо в поиске по картинкам, либо сразу на каком-то сайте. В обоих случаях «по-хорошему» — это когда при клике по картинке правой кнопкой мыши во всплывающем меню есть вариант «Сохранить изображение как…»
2. Как сохранить картинку «по-плохому»
Бывает так, что во всплывающем окне НЕТ такого варианта.
Что ж. Это еще не повод сдаваться. Нам поможет код страницы.
Внимание!
Это НЕ сложно.
Если же кажется сложным — пока сохраните этот лонг в закладки. Чтобы иметь его под рукой в тот момент, когда необходимость скачать картинку-недотрогу будет актуальной.
У вас всё получится, уверяю.
Чтобы попасть в код, нужно кликнуть в любом месте сайта правой кнопкой мыши, а во всплывающем меню выбрать вариант «Исследовать элемент…»
После чего на половину окна браузера откроется лист с кракозябрами — тот самый код страницы. Среди всего этого безобразия вам нужно найти ссылку, которая будет заканчиваться на «.jpg». Это и есть наша картинка (или какая-то другая с этой страницы сайта — чтоб понять, какая именно, следите за тем, что подсвечивается голубым на сайте при наведении курсора на ссылку в коде).
Кликайте правой кнопкой мыши по адресу нужной картинки и во всплывающем меню выбирайте «Copy link address».
Вставляйте эту ссылку в адресную строку — и копируйте загрузившуюся фотографию обычным способом, «по-хорошему».
3. Как сохранить картинку «по еще более плохому»
Бывает так, что вы уже добрались до кода страницы, нашли нужный вам элемент, кликнули по нему правой кнопкой мыши… но «Copy link address» среди вариантов нет.
Это неприятно, конечно, (потому что увеличивает количество нужных телодвижений), но вовсе не смертельно (потому что скачать все равно можно).
Кликайте правой кнопкой мыши по адресу нужной картинки и во всплывающем меню выбирайте «Copy» — «Copy element».
После этого вставляйте скопированный текст в удобное вам место (гуглдок, вордовский документ, обычный блокнот) и находите участок, который начинается с «»https://» и заканчивается «.jpg»».
Это и есть нужная нам ссылка. Выделяйте фрагмент, находящийся внутри кавычек (сами кавычки выделять не нужно). И вставляйте в адресную строку браузера. Теперь загрузившуюся фотографию можно сохранить обычным способом «по-хорошему».
4. Как сохранить картинку «по жести»
Это все, конечно, замечательно. Если по клику правой кнопкой мыши на сайте появляется хоть какое-нибудь всплывающее меню! Потому что иногда бывают суперзасекреченные сайты, где не всплывает вообще ничего((
Но разве нас это остановит?
Помните, что было написано во всплывающем меню возле нужного нам варианта?
Эти горячие клавиши будут работать на странице, даже если всплывающие окна заблокированы. Нажимайте Ctrl+Shift+I — и «сим-сим, откройся» — появится окно с кодом. Дальнейшие действия будут аналогичны описанным в п2 или п3.
5. Как быстро найти адрес ссылки в коде
Можно, конечно, искать глазками. Но это долго.
Можно воспользоваться автоматическим поиском по странице (ctrl+f — и «.jpg» в поисковую строку). Но если вы хотите взять картинку с обычной страницы (типа блога, где картинки перемежаются текстом, а не интернет-магазина, где картинки расположены каруселью, а текст находится отдельно от них), то чтобы не перепроверять все изображения, которых может быть на странице много, и не искать их среди ветвистого древа кода, можно немного упростить себе задачу:
Вверху страницы кода найдите строчку, начинающуюся с
Вставьте скопированный текст в удобное вам место (гуглдок, вордовский документ, обычный блокнот).
В поиск по странице (Ctrl+F) введите текст, который написан на сайте непосредственно перед картинкой, а затем найдите участок, который начинается с «»https://» и заканчивается «.jpg»».
Выделяйте фрагмент, находящийся внутри кавычек (сами кавычки выделять не нужно). И вставляйте в адресную строку браузера. Теперь загрузившуюся фотографию можно сохранить обычным способом «по-хорошему».
6. А насколько это все хорошо?
Тут есть небольшая моральная дилемма: правильно ли вытаскивать изображения, которые кто-то зачем-то потрудился спрятать? Не нарушаем ли мы этим авторские права? Не наживаемся ли на чужом труде?
Лично мое мнение: если вы являетесь прямым конкурентом источнику данных картинок, то так делать не стоит. Это — нечестная игра. Кража.
А если ваши интересы ни коим образом не пересекаются, если эта картинка для вас — всего лишь иллюстрация идеи (возможно даже абстрактная, не связанная во имя пробивания баннерной слепоты с вашим продуктом), то конфликта в этом нет. Берите.
Чтобы спать спокойно, можете еще и ссылочку на источник изображений поставить. Тогда вообще никаких сомнений в праведности ваших действий нет. Копируйте на здоровье.
Если эта информация была вам полезна, не поленитесь сказать доброе слово в комментариях. Автору будет приятно.
А если вам известны иные способы выхода из подобной ситуации
или другие лайфхаки для smm-щиков — милости просим в предложку!
Как сохранить картинку с сайта, если она не сохраняется — 5 способов
В статье разберем вопрос, как сохранить картинку с сайта, если она не сохраняется. Будут показаны на практике 5 способов сохранения картинок. Вы сможете выбрать из них лучшие варианты.
Зачем нужно сохранять картинки с сайтов
Здравствуйте, друзья! Картинки с сайтов сохраняют по разным причинам. Допустим, вам нужно ее скачать к себе на компьютер, чтобы обработать в графическом редакторе. Возможно, появилась необходимость размещения картинок в социальных сетях, в интернет-магазине, на своем сайте. Иногда картинки отправляют в прикрепленном файле по e-mail.
Как скачать картинку с сайта, если она не сохраняется через контекстное меню? Если вы столкнулись с такой проблемой, ниже будут показаны пути ее решения. На практике мы проверим 5 рабочих способов по сохранению картинок с сайтов.
Пробуем сохранять через правую кнопку мыши
Есть известный способ сохранения картинки с сайтов – компьютерной мышью. Заходим на сайт в Интернете, на котором опубликованы изображения. Далее выбираем картинку, наводим на нее курсор мыши, щелкаем правой клавишей по картинке и вызываем контекстное меню (Скрин 1).
После нажатия правой кнопкой мыши, появится кнопка «Сохранить изображение как» (Скрин 2).
В зависимости от вашего браузера, эта функция называется по-разному.
Далее в проводнике Windows выбираете место для сохранения картинки – например, на рабочий стол. После чего кликните кнопку «Сохранить», и картинка с сайта будет сохранена на компьютер.
Как сохранить картинку с сайта, если она не сохраняется
В некоторых случаях картинки с сайта не сохраняются – например, в Инстаграме (нет кнопки «Сохранить как») или на тех сайтах, которые защищают картинки авторским правом.
Как сохранить картинку с сайта, если она не сохраняется? Воспользуйтесь проверенными способами:
Далее проверим перечисленные варианты.
Сохраняем картинку с помощью скриншота
Если картинка с сайта не сохраняется, вы можете сделать скрин картинки. Качество изображения после скриншота будет низкое, зато сохраните картинку.
На моем блоге есть статьи о создании скриншота – например, программой Joxy, как делать скрины на компьютере.
Создаются скриншоты достаточно быстро. Включаете программу, которая делает скрины. Далее нажимаете на клавиатуре PrintScrin и обводите область картинки, которую надо сохранить. Выбираете в меню программы кнопку сохранения и скачиваете изображение на компьютер.
Используем исходный код страницы, находим текст со ссылкой на картинку
Картинку можно сохранить на компьютер через код страницы сайта. Для этого выбираем страницу на сайте с картинками, нажимаем в произвольном месте правой кнопкой мыши, выбираем «Просмотреть код страницы». Можете вызвать код страницы горячими клавишами CTRL+U (Скрин 3).
В открытом коде найдите ссылку на картинку и откройте ее в новой вкладке браузера. Можно использовать слово для поиска картинки, которое с ней связано (Скрин 4).
Вверху картинки появится кнопка «Сохранить». Кликните на нее, чтобы она загрузилась на компьютер.
Как сохранить все картинки со страницы сайта, сохранить страницу полностью
Практически любой браузер может полностью сохранять страницу сайта. Если так, то можно сохранить на компьютер все картинки отдельной страницы. Чтобы это сделать, открываем любой сайт в Интернете и жмем по произвольному месту сайта правой кнопкой мыши (Скрин 5).
Далее выбираете из меню функцию «Сохранить страницу как». В другом окне выбираете папку для сохранения страницы и нажимаете «Сохранить».
Когда страница загрузится на компьютер, нажмите по ней кнопкой мыши, чтобы она открылась в отдельном окне браузера. Она откроется с вашего компьютера. Все картинки можно сохранить на компьютер, если использовать перечисленные выше варианты.
Используем инструменты браузера
Для сохранения картинок с сайта используют инструменты браузеров. Открываете сайт с картинками в любом браузере и нажимаете на клавиатуре F12, чтобы вызвать панель разработчика (Скрин 6).
В ней находите разделы Application, далее – Flames. Из последнего раздела нажимаете по категориям top, images – здесь и будут находится картинки. Кликните левой кнопкой мыши по картинке и нажмите «Save» или «Сохранить» (Скрин 7).
Если картинка на сайте не защищенная, она сохранится на компьютер. В ином случае изображение загрузится в формате не jpg, а, например, web.
Заключение
Итак, мы рассмотрели, как сохранить картинку с сайта, если она не сохраняется. Выбирайте те варианты, которые вам удобны. Многие из них работают и помогут вам сохранить картинку с сайта.
Как скачать картинку с сайта?
Каждый из нас сохранял картинки из интернета на компьютере или смартфоне. В одних ситуациях для этого достаточно вызвать контекстное меню графического файла и сохранить его, в других – контекстное меню на сайте отключено, в попытке защитить контент от копирования. И третий случай – требуется скачать десятки или даже сотни фотографий с различных веб-страниц, причем минимизировав количество кликов. В этой статье мы рассмотрим различные способы скачивания картинок с веб-сайтов.
Причины загружать картинки из всемирной паутины на свой компьютер у каждого пользователя свои:
Как скачать фото с помощью контекстного меню
Простейший способ скачать картинку с интернета на свой компьютер или смартфон.
В зависимости от используемого браузера, название этого пункта может различаться.
Как скачать фото из интернета если отсутствует контекстное меню: делаем скриншот
Самый простой способ извлечь защищенную от копирования картинку из веб-страницы – сделать ее скриншот. Такой способ подойдет, если не требуется высокое качество изображения. Скорее всего, его и обрезать придется вручную, однако некоторые специализированные приложения способны делать достаточно качественные указанных объектов. Например, в браузере Firefox есть встроенная функция для создания скриншотов.
В браузере Google Chrome подобная функция подобная функция может быть реализована с помощью установки специализированных дополнений (их можно найти в магазине расширений для используемого браузера).
Как скопировать картинку если отсутствует контекстное меню: ищем ссылку в исходном коде страницы
Владельцы сайтов защищают свой контент весьма разнообразными способами. Одни – наложением водяных знаков, другие – отключением контекстного меню на сайте или отображением уменьшенной версии изображения (когда отображается миниатюра размером, например, 800×600 px, при оригинале 1920×1018 px). Во втором и третьем случаях графические файлы защищены от копирования только для начинающих пользователей.
После этого откроется новая вкладка с исходным кодом страницы. Пугаться этого не следует. Нужная ссылка идет после найденного фрагмента текста. Она имеет вид
Как сохранить фото с веб-страницы и сделать это быстро
Рассматриваемый ниже метод подходит для тех случаев, когда качество миниатюр – уменьшенных копий картинок – является вполне удовлетворительным. Например, вместо исходного формата Full HD фото отображаются в разрешении 480p.
В нем находятся все фотографии с веб-страницы, но в небольшом разрешении.
Как скопировать фото с помощью инструментов веб-разработчика
Если не удалось извлечь изображение рассмотренными выше способами, попробуйте еще один – инструменты веб-разработчика, интегрированные в любой современный веб-браузер.
Или же вызовите инструменты разработчика через основное меню браузера.
Дальше придется немного разобраться в исходном коде. Единой инструкции для этого этапа нет, так как сайты не делаются по одному шаблону.
Как быстро скачать фото из Instagram
В Instagram сохранять фотографии средствами, встроенными в сервис, нельзя – в контекстном меню снимка отсутствует соответствующая команда, и описанный выше способ не подойдет. Фотоснимки, размещенные на страницах этой социальной сети динамические, но и это не преграда. Сохранить их на ПК и просматривать офлайн все-таки можно.
Еще один способ – дополнение Savefromnet, которое доступно для любого современного браузера.
После этого вы попадете в магазин расширений для своего браузера.
Существует еще несколько приемов для скачивания картинок с отдельных веб-страниц, целых сайтов, а также сообществ, действующих в социальных сетях. Каждый из них – отдельная тема, так как имеет целый ряд тонкостей и применяется только в отдельных (достаточно редких) ситуациях.
Пожалуйста, оставьте свои отзывы по текущей теме материала. За комментарии, подписки, лайки, отклики, дизлайки огромное вам спасибо!
Мне нужно сохранить несколько картинок с одного «необычного» сайта: на нем, при клике правой кнопкой мышки, не появляется стандартное меню (т.е. нельзя обычным образом сохранить фото).
Есть ли какие-нибудь простые и (главное!) быстрые варианты сохранения?
Ну смотря что понимать под «быстрыми», да и от конкретного человека зависит (каждый из нас даже текст на клавиатуре набирает с разной скоростью 👌).
Ниже приведу несколько способов решения задачи (выбор, как всегда, за вами. ).
Способы сохранить картинку
👉 Вариант 1
При сохранении всей веб-страницы (сочетание кнопок Ctrl+S в браузере) — в подавляющем большинстве случаев будут загружены к вам на диск и все изображения, что на ней отображаются!
Сохраняем веб-страницу на HDD
Обратите внимание, что рядом с html-файлом странички будет и одноименный каталог. Если вы его откроете — в нём должны быть сохранены все картинки, что были на веб-странице.
Рекомендую отсортировать их по размеру и оставить только то, что «нужно».
Картинки с сохраненной веб-страницы
👉 Вариант 2
А вообще, мне больше всего импонирует вариант с созданием скриншота. Т.е. вы просто делаете скриншот того, что у вас отображается на мониторе! Этот способ универсальный и подходит, как для сайтов, так и для игр, фильмов и т.д. и т.п.
Чтобы сделать скрин : нажмите клавишу Print Screen, затем откройте Paint или Word и вставьте картинку, нажав на Ctrl+V. Дальше ее можно подредактировать (например, подрезав края), и сохранить на жесткий диск. Быстро?!
Кнопка Print Screen на типовой клавиатуре
👉 Вариант 3
Запомните какой-нибудь текст или описание рядом с нужной фотографией/изображением. После, откройте код страницы — сочетание кнопок Ctrl+U (работает в большинстве браузеров).
Открываем код страницы
👉 Вариант 4
Для тех, кому нужны все фотографии с сайта (да и весь другой материал: тексты, сноски, подписи и пр.) — можно посоветовать воспользоваться спец. 👉 программами для скачивания сайтов. Они загрузят весь ресурс целиком, а значит там будет всё, что вам было нужно. 👌
Также можно попробовать сохранить 👉 страничку в PDF-формат. С ним в последствии можно работать, как в MS Word, так и его аналогах.
Как сохранить картинку или фотку
При использовании компьютера в повседневной жизни часто возникает ситуация, когда мы хотим сохранить фотографию или картинку из Интернета себе на компьютер. Но как это сделать?!
Картинка в Интернете может быть сохранена в любом из случаев, даже когда содержимое сайта защищено от копирования или заблокирована правая кнопка мыши. В этом уроке Вы узнаете и научитесь сохранять любые картинки и фотографии из Интернета.
: сохранить фотку или картинку с сайта, скопировав ее себе на компьютер.
: любой Интернет браузер
Это основные трудности, с которыми Вы можете столкнуться при сохранении картинки или фотографии из Интернета.
В этом уроке, для примера, будет использован интернет-браузер Google Chrome. В других браузерах принцип может быть похожим.
Обычное копирование картинки с сайта
К примеру, у нас есть сайт, на странице которого мы хотим скопировать картинку себе на компьютер:
Для того, чтобы сохранить её себе на компьютер, кликаем по картинке правой кнопкой мыши. После этого появится всплывающее окно. После этого кликаем левой кнопкой мыши по пункту «Сохранить картинку как. »:
После нажатия на кнопку «Сохранить картинку как. » откроется диалоговое окно, в котором необходимо выбрать путь (папку) куда мы хотим сохранить нашу картинку или фотографию с сайта. После того, как Вы выбрали место для сохранения, в этом же окне, кликаем левой кнопкой мыши по кнопке «Сохранить».
Теперь картинка или фотография сохранена на Ваш компьютер. На этом способ «Обычное копирование картинки с сайта» завершен, далее рассмотрим более сложные ситуации.
Сохранение картинки, на которой нет пункта «Сохранить картинку как. »
Данный вариант работает также и для картинок или фотографий на сайте, которые нельзя сохранить стандартным способом «Сохранить картинку как. ». Причиной этого может быть: запрет с помощью скрипта на сохранение или копирование материала, на странице сайта наша картинка сверстана как слой (
Допустим мы хотим сохранить картинку с сайта, но при нажатии правой кнопки мыши, во всплывающем меню, нет возможности сохранить эту картинку:
В рассматриваемом примере картинка размещена как фоновый рисунок слоя. Чтобы сохранить эту картинку кликаем правой кнопкой мыши по нужной картинке и во всплывающем меню выбираем элемент «Просмотр кода элемента»:
После нажатия по этому пункту появится дополнительное окно в котором программа сразу выделит необходимый нам элемент:
Справа, в этом окне, находится дополнительный раздел с вкладками «Style, Computed. », в нем мы можем увидеть ссылку на картинку или фотографию:
Далее кликаем по этой ссылке правой кнопкой мыши и выбираем пункт «Open link in new tab»:
После этого программа откроет новую вкладку (окно) с требуемой картинкой:
Теперь все что нам остается, это сохранить эту картинку или фотографию себе на компьютер. Для этого повторим действия, описанные в разделе «Обычное копирование картинки с сайта».
На этом этапе раздел «Сохранение картинки, на которой нет пункта «Сохранить картинку как. »» завершен, теперь мы умеем сохранять картинки или фотографии на сайтах, где нет кнопки для сохранения. Далее мы рассмотрим более сложный и редкий вариант: сохранение картинки или фотографии со страницы, на которой отключена правая кнопка мыши.
Сохранение фото при защите страницы от копирования
Предположим у нас есть картинка или фотография, которую мы хотим сохранить на свой компьютер:
По уже наработанной процедуре мы кликаем по ней правой кнопкой мыши с целью сохранить ее, но в результате у нас не появляется всплывающее меню с основными операциями копирования, печати и прочих полезных действий. Существует способ 100% копирования картинок или фотографий с таких страниц сайта.
Как и было описано выше, для этого урока используется браузер Google Chrome и все примеры будут приводиться исходя из особенностей именно этого браузера. В других современных браузерах есть примерно похожие возможности. В этом уроке Вы поймете логику решения этой задачи, даже если у Вас другой браузер.
Для начала копирования картинки с защищенной страницы нажмём клавишу на клавиатуре «F12». После нажатия на эту клавишу нам откроется дополнительное окно, именуемое как «Инструменты разработчика»:
Далее в этом инструменте находим вкладку «Network» и кликаем по ней левой кнопкой мыши, содержимое вкладки изменится:
После этого, чтобы было проще найти нужную нам картинку, кликаем по иконке с изображение воронки («Filter»), после этого нам станет доступным строка для сортировки элементов на странице:
Теперь нам необходимо девой кнопкой мыши кликнуть по кнопке «Images», чтобы в поле ниже отображались только картинки и фотографии:
Наш фильтр готов для того, чтобы найти и сохранить на компьютер нужную нам картинку. После этого необходимо обновить страницу сайта (клавиша «F5» на клавиатуре). После того как страница обновилась, в поле «Network» появятся данные о загружаемых картинках:
В этом списке, полистав его вверх и вниз колесиком мыши, мы найдем нашу картинку в уменьшенном варианте:
Теперь все что нам остается, это открыть эту картинку в новом окне, чтобы сохранить её себе на компьютер. Для этого нажимаем правую кнопку мыши на имени этой картинки (имя картинки показано справа от миниатюры) и во всплывающем меню выбираем «Open link in new tab»:
После нажатия на эту кнопку нам откроется новое окно с картинкой, которую мы хотели сохранить:
Далее осталось только выполнить обычные действия по сохранению этой картинки, которые мы описали выше в разделе «Обычное копирование картинки с сайта».
Теперь сохранить картинку или фотографию с сайта не составит для Вас особого труда. С этого момента Вы знаете как минимум три способа решения этой задачи, которая встречается в повседневном использовании компьютера.
Также не забывайте, что не следует злоупотреблять копированием картинок или фотографий с сайтов, так как у каждого рисунка или фотографии может быть автор и они обладают авторскими правами.
На этом урок «Как сохранить картинку или фотку» завершён, рекомендуем для дальнейшего изучения другие интересные уроки из разделов «JPG файлы», «Google Chrome»
Если вам понравился данный урок расскажите о нём своим друзьям в социальных сетях, чтобы они тоже смогли узнать и научиться. Для того, чтобы поделиться с друзьями воспользуйтесь ссылками социальных сетей ⇩