Как скринить в браузере
Image viewer dialog window
Loading image, please wait.
Как сделать скриншот всей страницы в браузере?
Сделать скриншот экрана очень просто с помощью доступных по умолчанию команд клавиатуры. Но, если вы хотите сделать скриншот всей страницы в браузере, а не только видимой области экрана, то вам понадобятся специальные инструменты и несколько дополнительных кликов.
Существуют как минимум 4 способа сделать скриншот веб-страницы целиком:
Уменьшите масштаб страницы и используйте клавиши по умолчанию
Этот быстрый способ подойдет только в том случае, если страница только немного выходит за видимую область экрана. Уменьшите масштаб страницы до тех пор, пока она полностью не уместится на экране, а затем сделайте скриншот с помощью команд по умолчанию:
Программы для снятия скриншотов
Вы можете установить одну из специальных программ для снятия скриншотов на свой компьютер. Например, я пробовала Snagit от Techsmith (и для Windows, и для Mac), FastStone Capture (программа доступна только для Windows) и Paparazzi (только для Mac). При выборе следует обратить внимание, что некоторые из этих программ не бесплатны. Поделитесь ссылками в комментариях, если вы знаете другие подобные приложения.
Онлайн-инструменты для снятия скриншотов
Расширения для браузера
Это мой любимый способ делать скриншоты страниц. Не нужно переключаться в другую вкладку или запускать отдельное приложение – меньше кликов!
Для браузера Opera доступно несколько таких расширений, например:
После установки одного из этих расширений вы можете сделать скриншот всей страницы, просто нажав на соответствующую иконку справа от адресной строки.
А какой способ используете вы, чтобы сделать скриншот страницы целиком?
Как сделать полноразмерный скриншот веб-страницы в Google Chrome
В данной статье показаны действия, с помощью которых можно сделать полноразмерный скриншот всей веб-страницы в браузере Google Chrome без использования расширений.
Google Chrome имеет скрытую функцию, спрятанную внутри инструментов разработчика, которая позволяет делать полноразмерные скриншоты любой веб-страницы. Эта функция захватывает всю страницу, подобно скриншоту с прокруткой, без использования стороннего расширения.
С помощью Дополнительных инструментов браузера
Затем в открывшемся окне выберите команду Screenshot Capture full size screenshot
Изображение должно сохраняться автоматически, но если вам будет предложено сохранить снимок экрана, выберите папку для сохранения на вашем компьютере и нажмите кнопку Сохранить.
После сохранения скриншота его можно открыть с помощью редактора изображений, добавить аннотации или обрезать до нужного вам размера.
Используя расширение из интернет-магазина Chrome
Нажмите кнопку Установить → в открывшемся окне подтвердите установку.
По завершении в отдельном окне будет открыт скриншот и предложено сохранить изображение в формате PDF, PNG или удалить его.
После сохранения, используйте любые другие редакторы изображений для работы со скриншотом.
Как сделать скрин всей страницы сайта с прокруткой
Здравствуйте, друзья! Сегодня я расскажу и покажу вам как сделать скриншот всего сайта с прокруткой. Точней, как сделать скриншот страницы с прокруткой. Обычно такая необходимость возникает при обращении в техническую поддержку каких-либо сервисов. Поскольку я занимаюсь заработком в Интернете, то сервисов с которыми я так или иначе работаю, очень много.
И вот пару дней назад в одном из подобных сервисов у меня возникли кое-какие проблемы. Техническая поддержка запросила скрин всей страницы. И я с удивлением понял, что не умею делать такие скриншоты. Я не могу назвать себя продвинутым пользователем компьютера, я далеко не хакер. Но всё-таки компьютером пользуюсь достаточно уверенно. А тут раз… И вот такое.
Я, понятное дело, полез в операционную систему Windows 10. И, опять же, с удивлением обнаружил, что в ней нет инструментов, для того чтобы сделать скриншот страницы с прокруткой, то-есть, скриншот целой страницы. Пришлось искать другие способы. И я, конечно, их нашёл. Это способы для браузеров Firefox и Google Chrome. Кроме этого покажу как сделать скриншот с прокруткой всей страницы онлайн. Это универсальный способ подходящий для всех операционных систем и браузеров. Ниже я перечислю все эти способы.
Как сделать скриншот всего сайта с прокруткой в Firefox
Если вы работаете в браузере Firefox, то сделать скрин всей страницы сайта особого труда не составит. В этом браузере данная функция уже встроена. Справедливости ради замечу, что данный способ срабатывает не всегда. В случае, если он у вас не сработает, воспользуйтесь универсальным способом.
На странице, скриншот которой вам нужно сделать, обратите внимание на правую часть адресной строки. Там вы увидите три точки. Кликните по ним левой кнопкой мыши. Либо просто кликните правой кнопкой в любом месте нужной вам страницы.
В выпавшем меню выберите пункт «Сделать скриншот». Также кликните по нему левой кнопкой.
Дальше в открывшемся окне выберите пункт «Сохранить всю страницу».
При этом откроется ещё одно окно с образцом сохранённой страницы сайта. Нажмите кнопку «Загрузить». Файл после этого загрузится в папку «Загрузки».
Как сделать скриншот всей страницы в Google Chrome
Для того, чтобы сделать скрин всей страницы сайта с прокруткой в браузере Google Chrome, придётся установить одно из двух расширений предназначенных именно для этих целей. Первое расширение называется GoFullPage. Второе расширение называется FireShot.
Мне больше нравится второе расширение. Но это просто из-за того, что оно на русском языке. А так оба расширения максимально просты и понятны. Я думаю, что установить их и начать с ними работу у вас особого труда также не составит.
Тем не менее, несмотря на то, что я сам почти всегда работаю именно в Google Chrome и очень люблю этот браузер, я себе ни одно из этих расширений устанавливать не стал. Не потому, что они меня не устраивают, а просто потому что у меня в Chrome установлено уже достаточное количество различных расширений для тех или иных целей. Я воспользовался третьим, универсальным, способом.
Универсальный способ
Повторюсь, данный способ хорош тем, что с его помощью можно сделать скрин всей страницы сайта с прокруткой в любом браузере. Неважно в каком, Опера, Яндекс.Браузер или какой-либо ещё. Потому что этот способ связан с использованием одного очень хорошего онлайн-сервиса.
Работать в сервисе очень просто. Вы вводите в строку адрес сайта, ставите галочку напротив пункта «Полноразмерный» и нажимаете кнопку «Создать».
Буквально через пару секунд скриншот будет готов. Если страница сайта очень длинная, то время создания скриншота может быть больше. Образец скриншота вы увидите в окне ниже. Для его сохранения просто кликните по нему правой кнопкой мыши и выберите пункт «Сохранить как». Находится этот замечательный сервис вот здесь.
Заключение
Друзья! Я показал вам несколько способов того, как сделать скриншот всего сайта с прокруткой. Можете выбрать любой понравившийся способ. Я же предпочитаю пользоваться именно третьим способом. Ну, это, как говориться, моё мнение. Я никого ни к чему не принуждаю.
Если вам часто приходится работать с различного рода изображениями, то приглашаю вас в рубрику «Создание и обработка изображений«. Возможно, что вы сможете найти в этой рубрике что-то интересное и нужное именно для вас.
Ну, а если вы, как и я, хотите зарабатывать деньги в Интернете, то о том, как это сделать, написано вот здесь. Читайте и начинайте зарабатывать.
А у меня на этом всё. Всем удачи и до встречи!
Как сделать скриншот на компьютере, если нужна картинка определенного размера
Создать картинку нужного разрешения, выделить самое важное, наложить фильтры и поставить подпись – все это можно сделать и без использования сторонних программ. Но про них тоже расскажем.
Бесплатный встроенный инструмент Windows
Сперва разберем те инструменты, которые есть в Windows, а потом – некоторые утилиты сторонних разработчиков.
Скриншот всей области экрана
Чтобы сделать скриншот всей области экрана, вам не нужно устанавливать дополнительное ПО. Просто используйте сочетание горячих клавиш Windows+Print Screen (она же PrtScr):
Преимущество этого способа в том, что сделанный снимок сразу же сохраняется на жесткий диск. Очень ускоряет работу со всеми скриншотами. Минус – нельзя выбрать область экрана.
Сохраненный скриншот ищите в папке с документами. В зависимости от используемой версии Windows, такая папка может называться по-разному. Чаще всего – «Снимки экрана»:
Вот скриншот, который мы открыли в графическом редакторе и обрезали до необходимого размера вручную:
Чтобы сделать скриншот только активного окна, используйте сочетание клавиш Print Screen+Alt. Затем откройте любой графический редактор и вставьте снимок при помощи сочетания горячих клавиш Ctrl+V. Сохраните.
Скриншот заданной области экрана
Для этого можно воспользоваться встроенным инструментом Snip and Sketch («Ножницы»). Он есть во всех последних версиях Windows (7 и более поздние).
Подготовьте область экрана, которую необходимо сфотографировать. Нажмите сочетание горячих клавиш Windows+Shift+S. Инструмент предложит выбрать область экрана для захвата:
Snip and Sketch позволяет захватить экран, используя 4 вида форм: прямоугольный фрагмент, произвольной фрагмент, оконный и полноэкранный фрагмент:
Чаще всего вам будет нужен обычный прямоугольник. Выбираем его, нажимаем правую кнопку, и необходимая нам область экрана копируется в буфер обмена:
Теперь его можно копировать в любой графический редактор и сохранять на жесткий диск.
Бесплатный встроенный инструмент macOS
Чтобы создать скрин на macOs, зажмите комбинацию клавиш Shift + Command + 5. Откроется небольшое меню. Здесь можно настроить скриншот:
Есть дополнительные параметры: место сохранения, таймер (чтобы скрин сделался с задержкой), отображение курсора и так далее.
Чтобы сделать скрин определенного размера, выберите пункт «Снимок выбранной области». Удерживайте любой из ползунков левой кнопкой мыши и растягивайте изображение. чтобы увеличить или уменьшить будущий скрин. Рядом с курсором будет отображаться разрешение скрина – под нужный размер его можно подогнать вручную.
Кстати, когда скрин будет готов, во встроенном фоторедакторе можно выделить нужную область картинки.
Возможны три варианта выделений: с затемнением ненужной области, с обводкой цветом или с увеличением заданной области.
Для этого зайдите в редактор изображений и выберите графическую фигуру:
Lightshot
Lightshot – удобная бесплатная утилита для захвата экрана, которая работает на всех версиях Windows и macOS.
Чтобы сделать скриншот области экрана, устанавливаем и запускаем Lightshot.
Подготавливаем экран и нажимаем Print Screen. Утилита предложит указать область экрана для захвата:
Выделяем необходимую область экрана, зажимая правую кнопку мыши. Приложение автоматически показывает, какое разрешение получится у скрина (левый верхний угол выделения). Чтобы изменить разрешение, увеличьте или уменьшите область выделения:
Если вы сделали некорректный скриншот, нажмите клавишу Escape.
Чтобы сохранить изображение, кликните по иконке:
Все скриншоты Lightshot по умолчанию сохраняет на рабочий стол.
SnagIt
Утилита для захвата скриншотов рабочего стола для Windows и macOS, но с кучей дополнительных возможностей. Программа платная: вечная лицензия обойдется вам в 50 долл. За эти деньги SnagIt научился:
Благодаря SnagIt вы можете скринить веб-страницы целиком, даже если они занимают несколько экранов и требуют прокрутки.
Чтобы сделать скриншот, скачайте и установите SnagIt. Подготовьте область экрана, которую нужно сфотографировать, и нажмите клавишу Print Screen. Откроется вспомогательное окно программы:
Все настройки разнесены по 3-м разделам: режим All-in-one, параметры для скриншотов (Image) и параметры для видео (Video). Так как нам нужно сделать статический скриншот – выбираем Image.
В разделе Image доступно 3 режима: ручной выбор участка, окно целиком, полный экран целиком.
Если нужно сделать скриншот заданного размера, в строке Selection, выбираем значение Region:
Обратите внимание: SnagIt позволяет захватить не только изображение экрана, но и текст отдельно.
Установленная горячая клавиша для скриншота будет отображаться фразу под кнопкой Capture:
Кликаем по кнопке Capture или нажимаем клавишу Print Screen. Выбираем область для захвата изображения. Удобно, что сразу отображается предварительное разрешение скриншота. Делаем скриншот. Находим его по следующему пути: %LOCALAPPDATA%\TechSmith\Snagit\DataStore
Monosnap (расширение для Google Chrome)
Monosnap – популярный инструмент для захвата экрана. Кроме расширения для браузера есть и stand-alone-версия, которая работает не только на Windows, но и на macOS.
В Monosnap доступны только спартанские возможности: можно сделать скриншот полного экрана или его отдельной области. Также есть поддержка меток + можно перенести файлы в облако.
Рассмотрим, как сделать скриншот необходимого размера в Monosnap подробнее.
Скачиваем расширение в Google Chrome. Запускаем. Сразу обратите внимание на иконку в расширениях:
Кликаем по ней правой кнопкой и выбираем пункт «Снимок области страницы»:
Чтобы ускорить работу при захвате выбранной области экрана, воспользуйтесь сочетанием горячих клавиш Shift+Alt+5.
Откроется новое окно, где нужно будет выбрать область экрана для захвата:
Выбираем корректную область и отпускаем клавишу. Откроется новое окно, где нужно нажать «Сохранить» в верхней части экрана:
Обратите внимание на неплохой графический редактор, который есть в Monosnap. Он позволит сразу отредактировать скриншот. Например, удалить с него какие-либо элементы, заблюрить участок изображения, нарисовать линии и другие фигуры.
Monosnap – полностью бесплатный инструмент.
Как подогнать картинку под нужный размер в Photoshop
Сделать скриншот заданного размера несложно, а времени экономит много: не нужно потом заходить в графический редактор и изменять картинку там.
Если вы все же предпочитаете делать снимок всего экрана, а потом кадрировать его, готовьтесь расчехлять «Фотошоп» и изменять размер картинки там. Вот как это можно сделать.
Как изменить размер фото в «Фотошоп»
Запускаем Photoshop и открываем необходимый скриншот. В разделе «Изображения» выбираем пункт «Размер изображения»:
Размер изображения можно выводить в любых удобных единицах, например, в пикселях:
Как видим, можно подогнать текущее изображение под готовые форматы печати (если вы планируете распечатать скриншот в дальнейшем):
Или вручную задать ширину / высоту / разрешение:
Если вам нужно изображение конкретного размера, внимательно подгоняйте под него свою картинку. Если пропорции вашего скрина не соответствуют заданным, картинка исказится.
Как подогнать изображение под заданные пропорции в «Фотошоп»
Выбираем инструмент «Рамка» на панели инструментов Photoshop слева:
Теперь уточняем пропорции. Указываем те, которым должен соответствовать новый вариант скриншота:
Подтверждаем выбранный вариант, нажатием Enter. Сохраняем измененный скриншот как обычно – через функцию «Сохранить как»:
При необходимости уточните формат, качество экспортируемого изображения и другие параметры.
Как подогнать скриншот под необходимый размер
Сперва создайте новый проект:
Укажите необходимый размер изображения:
Нажмите «Ок». Откроется новое рабочее поле заданного размера:
Чтобы подогнать под него уже существующий скриншот, в разделе «Файл» выбираем функцию «Поместить встроенные» или нажимаем Ctrl+V, если только что сделали скрин:
Откроется окно выбора файла. Находим скриншот:
Теперь подгоняем его под наш шаблон, задержав курсор мыши:
Если изображение меньше или больше рабочей области, зажмите курсором одну из четырех угловых точек и растяните картинку. Имейте в виду: лучше не растягивать картинку вверх, вниз или в стороны, чтобы не исказить скрин.
Как сделать скриншот страницы в интернете
В процессе работы с браузером мы посещаем большое количество интернет-ресурсов, информация на некоторых может быть нам полезна. В том случае, если вы хотите сохранить страницу для офлайн-просмотра, то самое простое, что вы можете сделать – это сделать скриншот страницы. Более подробнее о способах создания скриншотов в интернете и пойдет речь.
Скриншот – снимок с экрана. Часто подобная процедура выполняется для фиксирования результата, наглядного объяснения другим компьютерным пользователям, каким образом выполняется так или иная задача, а также для быстрого сохранения интересующей информации. Если вам потребовалось сделать скриншот страницы в интернете, то ниже пойдет речь о нескольких способах, которые позволят осуществить данную задачу.
Как сделать скриншот страницы в интернете?
Способ 1: использование PrintScreen + Paint
Способ создания скриншота любого действия, происходящего на экране вашего компьютера. Чтобы воспользоваться данным способом, вам потребуется открыть на экране ту область веб-страницы, которую требуется зафиксировать, а затем нажать клавишу PrintScreen, которая, как правило, находится в верхней правой области клавиатуры вашего компьютера (ноутбука).
Нажатие данной клавиши означает, что изображение, снятое с экрана компьютера, было помещено в буфер обмена, а значит, вам лишь остается его оттуда вытащить. Для этого запустите на компьютере стандартную программу Paint (ее можно найти через поиск Windows), а затем сразу нажмите сочетание клавиш Ctrl+V, что позволит вставить ваш снимок с экрана из буфера обмена. Далее изображение может быть как сразу сохранено на компьютер, так и обрезано до нужного масштаба.
Способ 2: моментальное сохранение скриншотов
Данный способ удобен тем, что позволяет за секунду создать скриншот, который будет автоматически сохранен в стандартную папку «Изображения». Чтобы воспользоваться данным методом, вам достаточно нажать на компьютере сочетание клавиш Win+PrintScreen, после чего экран монитора «моргнет», что означает, что скриншот уже находится в указанной папке.
Стоит отметить, что данный способ работает в ОС Windows, начиная с восьмой версии.
Способ 3: инструмент «Ножницы»
Еще один стандартный способ создать скриншот, позволяя зафиксировать лишь необходимую информацию с экрана компьютера.
Найти инструмент «Ножницы» вы сможете через поиск Windows. Когда на экране отобразится данная программа, вам потребуется щелкнуть по кнопке «Создать», после чего на экране вам потребуется выделить ту область, которую вы хотите зафиксировать на скриншоте.
Когда скриншот будет создан, на экране отобразится простенький редактор, в котором можно внести небольшие коррективы в ваш снимок с экрана, после чего его можно будет завершить его сохранение.
Способ 4: использование программы Ashampoo Snap
Сегодня на просторах интернета можно найти массу полезных программ-скриншотеров, которые имеют в своем арсенале массу возможностей для детальной настройки захвата экрана, а также широкий набор инструментов для последующего редактирования созданного скриншота.
Почему именно данная программа? В ней имеется функция захвата скриншотов именно с веб-страниц в интернете. Но стоит отметить, что программа не является бесплатной, но с учетом ее возможностей это не станет серьезным минусом.
Установив программу Ashampoo Snap на компьютер, в верхнем правом углу экрана компьютера появится небольшая синяя полоса, наведение курсора мыши на которую отобразит небольшое меню программы, в котором представлены сразу две функции для захвата снимка с экрана:
Способ 5: сохранение страницы в PDF
Данный способ нельзя отнести к созданию скриншотов, но учитывая, что в нашей статье рассматриваются способы создания именно снимков текущей веб-страницы, то о нем стоит рассказать.
Каждый браузер, используемый на вашем компьютере, позволяет сохранить открытую веб-страницу в файл PDF, что обычно необходимо для печати. В том случае, если вам необходимо сохранить полностью всю веб-страницу без установки дополнительных программ, то стоит обратить внимание именно на этот метод.
Рассмотрим использование данного способа на примере браузера Google Chrome. Для этого перейдите в веб-обозревателе на страницу, которая будет впоследствии сохранена, а затем щелкните по кнопке меню браузера и пройдите к пункту «Печать».
На экране отобразится меню настройки печати, в левой области которого около пункта «Принтер» вам потребуется щелкнуть по кнопке «Изменить».
На экране отобразится список доступных принтеров, среди которых понадобится выбрать «Microsoft Print to PDF».
Щелкните по кнопке «Печать». Сразу после этого на экране появится проводник Windows, в котором вам лишь остается указать папку назначения и, при необходимости, изменить наименование файла. По аналогии подобная процедура может выполняться и в других браузерах.
И напоследок. Безусловно, это не все способы, позволяющие создавать скриншоты веб-страниц. Если у вас есть на примете куда более удобные решения для выполнения данной задачи, поделитесь ими в комментариях.