Есть много способов как это сделать, но на ютубе и в интернете в целом, известных всего 3. Человек существо любопытное, и я думаю всем будет интересно будет узнать о всех существующих на данный момент.
Способ №1
Способ достаточно сложный, но если разобраться то проблем с ним особо не возникает.
Этап 1: Вход в консоль разработчика (Google DevTools)
Для входа есть 2 способа:
1)С использованием мыши
Жмем правую кнопку по странице, и выбираем: "посмотреть код".
2)Горячие клавиши
Браузер нам подсказывает сочетание клавиш "Ctrl + Shift + l", но оно не у всех работает, поэтому нажимаем "F12".
Должно выйти такое окошечко:
Этап 2: Поиск нашего изображения в DOM Инстаграма
Для этого, жмем иконочку курсора в левом верхнем углу, наводим на изображение и кликаем левой кнопкой мыши.
Мы увидим вот такой такую картинку
В развертке будет вот такая картинка, классы я отметил жирным шрифтом, а нужный атрибут я дополнительно подчеркнул, копируем аналогично в консоле и вставляем в адресную строку, и сохраняем изображение привычным образом (правой кнопкой по картинки -> Сохранить изображение).
<div class="eLAPa kPFhm">
<div class="KL4Bh" style="padding-bottom: 100%;">
<img alt="На данном изображении может находиться: 1 человек, текст" class="FFVAD" decoding="auto" sizes="598px" srcset="https://scontent-arn2-2.cdninstagram.com/vp/d9a62564b3f609dcf52cbb2d63ea2593/5CB4AE73/t51.2885-15/sh0.08/e35/s640x640/47116543_2237185369679461_2918076358517326791_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com 640w,https://scontent-arn2-2.cdninstagram.com/vp/215a420c07b453a0df224084daebd560/5CD1BEB7/t51.2885-15/sh0.08/e35/s750x750/47116543_2237185369679461_2918076358517326791_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com 750w,https://scontent-arn2-2.cdninstagram.com/vp/16b2eb87893b89e32a29338cbaaab894/5CBCA7C9/t51.2885-15/e35/47116543_2237185369679461_2918076358517326791_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com 1080w" src="https://scontent-arn2-2.cdninstagram.com/vp/16b2eb87893b89e32a29338cbaaab894/5CBCA7C9/t51.2885-15/e35/47116543_2237185369679461_2918076358517326791_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com"></div>
<div class="_9AhH0"></div>
</div>
Вот так в 2 этапа мы смогли сохранить наше фото.
Возможно этот способ сложный для многих, но за-то мы можем его использовать на любой странице сайта без перехода на страницу публикации, обновления страницы и т.д.
Способ №2
Этап 1: Вход на страницу публикации
Ищем иконку "...", и кликаем по ней левой кнопкой мыши вылезет модальное окно, жмем "перейти к публикации"
Этап 2: Вход в консоль разработчика (Google DevTools)
Входить туда мы уже научились, теперь познакомимся с его инструментом "NetWork", для входа нажимаем левой кнопкой мыши на вкладку "NetWork", далее выбираем фильтр "img". Обновляем страницу
Мы видим 5 появившихся строчек. Эти 5 строчек и есть изображения, нам нужно только одно. Как правило инстаграм хранит на серверах наши изображения в формате jpeg т.к. он самый экономичный по байтам. Смотрим в графу "Type", замечаем 2 файла с типом jpeg на 1ой и 4 ой строчке, наше изображение на 4 ой.
Как я определил? Очень просто чем больше размер фото, тем оно больше. Я посмотрел на графу "Size" и сравнил размеры.
Что бы сохранить изображение кликаем по нему левой кнопкой мыши, вылезет миниатюра фото, жмем по ней правой кнопкой мыши, выбираем "Save.." браузер откроет вкладку с изображением, сохраняем привычным образом.
Способ №3. Самый простой способ
Прибегнем к готовому сервису.
Для того что бы воспользоваться им нам нужно:
1) Url записи
Что в принципе выполнимо. Жмем иконку "..." -> Поделится -> скопировать ссылку
Или переходим к записи и копируем url из адресной строки.
В самом сервисе, в поле вводим наш url, жмем скачать
Способ №4
Входим в консоль разработчика (Google DevTools)
Входить туда мы уже научились, теперь познакомимся с его инструментом "Sources", для входа нажимаем левой кнопкой мыши на вкладку " Sources ", появится список папок(доменов) ищем scontent-arn2-2.cdninstagram.com в нем подпапка vp, там лежит наша картинка
Во вкладке sources находятся все картинки в кэше, абсолютно все, поэтому если вы успели прилично полазать в инстаграме прежде чем скачивать фото этим способом, можно обнаружить кучу фоток.
Поэтому:
Почистите кэш перед тем как скачивать фото этим способом.
Способ №5
Входим в консоль разработчика (Google DevTools)
Заходим во вкладку "Console", пишем туда:
$('.FFVAD').src
В консоле появится ссылка, переходим по ней и скачиваем картинку
Если Вам лень писать можете посмотреть видео