вытащить картинку с сайта через код элемента
Как вытащить картинку с сайта
Всем нам нужны картинки. Яркие. Нетривиальные. И чтоб разрешение побольше. Только что делать если они не хотят сохраняться по-хорошему?
Но обо всем по порядку:
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.
Заключение
Итак, мы рассмотрели, как сохранить картинку с сайта, если она не сохраняется. Выбирайте те варианты, которые вам удобны. Многие из них работают и помогут вам сохранить картинку с сайта.
Мне нужно сохранить несколько картинок с одного «необычного» сайта: на нем, при клике правой кнопкой мышки, не появляется стандартное меню (т.е. нельзя обычным образом сохранить фото).
Есть ли какие-нибудь простые и (главное!) быстрые варианты сохранения?
Ну смотря что понимать под «быстрыми», да и от конкретного человека зависит (каждый из нас даже текст на клавиатуре набирает с разной скоростью 👌).
Ниже приведу несколько способов решения задачи (выбор, как всегда, за вами. ).
Способы сохранить картинку
👉 Вариант 1
При сохранении всей веб-страницы (сочетание кнопок Ctrl+S в браузере) — в подавляющем большинстве случаев будут загружены к вам на диск и все изображения, что на ней отображаются!
Сохраняем веб-страницу на HDD
Обратите внимание, что рядом с html-файлом странички будет и одноименный каталог. Если вы его откроете — в нём должны быть сохранены все картинки, что были на веб-странице.
Рекомендую отсортировать их по размеру и оставить только то, что «нужно».
Картинки с сохраненной веб-страницы
👉 Вариант 2
А вообще, мне больше всего импонирует вариант с созданием скриншота. Т.е. вы просто делаете скриншот того, что у вас отображается на мониторе! Этот способ универсальный и подходит, как для сайтов, так и для игр, фильмов и т.д. и т.п.
Чтобы сделать скрин : нажмите клавишу Print Screen, затем откройте Paint или Word и вставьте картинку, нажав на Ctrl+V. Дальше ее можно подредактировать (например, подрезав края), и сохранить на жесткий диск. Быстро?!
Кнопка Print Screen на типовой клавиатуре
👉 Вариант 3
Запомните какой-нибудь текст или описание рядом с нужной фотографией/изображением. После, откройте код страницы — сочетание кнопок Ctrl+U (работает в большинстве браузеров).
Открываем код страницы
👉 Вариант 4
Для тех, кому нужны все фотографии с сайта (да и весь другой материал: тексты, сноски, подписи и пр.) — можно посоветовать воспользоваться спец. 👉 программами для скачивания сайтов. Они загрузят весь ресурс целиком, а значит там будет всё, что вам было нужно. 👌
Также можно попробовать сохранить 👉 страничку в PDF-формат. С ним в последствии можно работать, как в MS Word, так и его аналогах.
Как скачать картинку с сайта?
Каждый из нас сохранял картинки из интернета на компьютере или смартфоне. В одних ситуациях для этого достаточно вызвать контекстное меню графического файла и сохранить его, в других – контекстное меню на сайте отключено, в попытке защитить контент от копирования. И третий случай – требуется скачать десятки или даже сотни фотографий с различных веб-страниц, причем минимизировав количество кликов. В этой статье мы рассмотрим различные способы скачивания картинок с веб-сайтов.
Причины загружать картинки из всемирной паутины на свой компьютер у каждого пользователя свои:
Как скачать фото с помощью контекстного меню
Простейший способ скачать картинку с интернета на свой компьютер или смартфон.
В зависимости от используемого браузера, название этого пункта может различаться.
Как скачать фото из интернета если отсутствует контекстное меню: делаем скриншот
Самый простой способ извлечь защищенную от копирования картинку из веб-страницы – сделать ее скриншот. Такой способ подойдет, если не требуется высокое качество изображения. Скорее всего, его и обрезать придется вручную, однако некоторые специализированные приложения способны делать достаточно качественные указанных объектов. Например, в браузере Firefox есть встроенная функция для создания скриншотов.
В браузере Google Chrome подобная функция подобная функция может быть реализована с помощью установки специализированных дополнений (их можно найти в магазине расширений для используемого браузера).
Как скопировать картинку если отсутствует контекстное меню: ищем ссылку в исходном коде страницы
Владельцы сайтов защищают свой контент весьма разнообразными способами. Одни – наложением водяных знаков, другие – отключением контекстного меню на сайте или отображением уменьшенной версии изображения (когда отображается миниатюра размером, например, 800×600 px, при оригинале 1920×1018 px). Во втором и третьем случаях графические файлы защищены от копирования только для начинающих пользователей.
После этого откроется новая вкладка с исходным кодом страницы. Пугаться этого не следует. Нужная ссылка идет после найденного фрагмента текста. Она имеет вид
Как сохранить фото с веб-страницы и сделать это быстро
Рассматриваемый ниже метод подходит для тех случаев, когда качество миниатюр – уменьшенных копий картинок – является вполне удовлетворительным. Например, вместо исходного формата Full HD фото отображаются в разрешении 480p.
В нем находятся все фотографии с веб-страницы, но в небольшом разрешении.
Как скопировать фото с помощью инструментов веб-разработчика
Если не удалось извлечь изображение рассмотренными выше способами, попробуйте еще один – инструменты веб-разработчика, интегрированные в любой современный веб-браузер.
Или же вызовите инструменты разработчика через основное меню браузера.
Дальше придется немного разобраться в исходном коде. Единой инструкции для этого этапа нет, так как сайты не делаются по одному шаблону.
Как быстро скачать фото из Instagram
В Instagram сохранять фотографии средствами, встроенными в сервис, нельзя – в контекстном меню снимка отсутствует соответствующая команда, и описанный выше способ не подойдет. Фотоснимки, размещенные на страницах этой социальной сети динамические, но и это не преграда. Сохранить их на ПК и просматривать офлайн все-таки можно.
Еще один способ – дополнение Savefromnet, которое доступно для любого современного браузера.
После этого вы попадете в магазин расширений для своего браузера.
Существует еще несколько приемов для скачивания картинок с отдельных веб-страниц, целых сайтов, а также сообществ, действующих в социальных сетях. Каждый из них – отдельная тема, так как имеет целый ряд тонкостей и применяется только в отдельных (достаточно редких) ситуациях.
Пожалуйста, оставьте свои отзывы по текущей теме материала. За комментарии, подписки, лайки, отклики, дизлайки огромное вам спасибо!
Рабочие способы извлечь изображения с веб-страницы
Потребовалось сохранить фото или картинку с сайта, но сделать это обычным способом не получается? Действительно, некоторые интернет-ресурсы защищают свои страницы от копирования контента. Однако рано отказываться от задуманного. Есть несколько вариантов обойти запрет. В статье мы расскажем, как вытащить картинку с сайта быстро и просто.
Как вытащить изображения с помощью программы
Наиболее простой и понятный способ получить желаемые изображения, которые не скачиваются – воспользоваться специальной программой PDF Commander. Вам нужно будет выполнить всего четыре несложных действия:
Шаг 1. Сначала сохраните веб-страницу с изображением как PDF-файл. Если работаете в браузере Google Chrome, вам нужно перейти к настройкам и управлению (три вертикальные точки в правом верхнем углу). В выпадающем списке кликните «Печать». Когда появится новое окно, найдите строку выбора принтера. Из доступных вариантов нужно указать сохранение в PDF.
Сохраните страницу как PDF
В других браузерах данный шаг также выполняется через опции печати страницы.
Шаг 2. Полученный файл нужно открыть в программе PDF Commander. Если она у вас ещё не установлена, то скачайте дистрибутив и инсталлируйте её на компьютер.
Шаг 3. В стартовом меню программы нажмите кнопку «Открыть PDF». Из папки компьютера выберите файл со скачанной веб-страницей.
Откройте сохраненный файл в программе
Шаг 4. Когда документ появится в рабочем поле редактора, кликните «Файл» –> «Инструменты»
–> «Извлечь изображения». Программа предложит выбрать путь сохранения. Желательно создать новую папку, чтобы потом вы могли легко найти нужную иллюстрацию.
Извлеките картинки из файла
Вот и всё! Данный метод особенно удобен тем, что вы можете разом скачать все картинки с сайта, то есть не придётся извлекать каждую отдельно.
Как извлечь изображения с помощью кода страницы
Данный способ не требует установки дополнительного софта, но является несколько более запутанным и больше подойдёт в том случае, если нужна только одна картинка.
Шаг 1. Кликните правой кнопкой мыши и выберите пункт «Просмотр кода страницы».
Кликните правой кнопкой мыши по странице
Шаг 2. Появится лист со строками кода. Поиском найдите там ссылки формата JPG или PNG.
Так выглядит код страницы
Шаг 3. Теперь найденные ссылки нужно скопировать и поочередно вставить в строку браузера, чтобы найти нужную вам картинку. Когда вы обнаружите искомое изображение, сохраните его на компьютере. В Яндекс.Браузере это делается с помощью кнопки под картинкой, а в Google Chrome – через «Настройки и управление».
Выбранную ссылку вставьте откройте в браузере
Данный способ занимает достаточно много времени, особенно, если на странице много иллюстраций, а нужна только одна. К тому же не все сайты позволяют просматривать код.
Как сохранить изображения с помощью консоли разработчика
Этот метод несколько похож на предыдущий:
Шаг 1. Чтобы перейти в консоль разработчика, на странице с картинкой кликните Ctrl+Shift+i. Справа откроется специальная панель. Также получить туда доступ можно другим способом: нажмите правую кнопку мыши и выберите «Посмотреть код».
Нажмите «Посмотреть код»
Шаг 2. В верхней части панели вы увидите значок », на который нужно кликнуть. Появится список, в котором следует выбрать вкладку «Network».
Перейдите к вкладке Network
Шаг 3. В шапке появится список элементов страницы, вам нужен IMG (изображения). Выбрав этот пункт, обновите текущую страницу и получите полный список всех картинок. Теперь можно открывать их двойным кликом и сохранять нужные.
Выберите нужную из списка картинок
Сохранение картинки через консоль разработчика – это вполне эффективный, но при этом достаточно сложный способ. Скорее всего подойдёт он далеко не всем.
Заключение
Итак, вы можете выбрать любой из трёх предложенных способов. Два последних позволяют обойтись без стороннего софта, но сложны в исполнении и занимают много времени. Программа для скачивания картинок с сайта PDF Commander, в свою очередь, дает возможность получить изображения легко и быстро. Все картинки со страницы окажутся в одной папке. Более того, данное ПО также предлагает практичные инструменты для создания, чтения, редактирования и защиты PDF файлов. Скачайте программу и попробуйте сами!