В этой статье мы разберем, как сделать скриншот всей страницы сайта. Скриншот страницы сайта целиком может понадобиться в различных целях. В первую очередь такой снимок нужен как реклама, чтобы показать возможному рекламодателю все места для размещения рекламы воочию, то есть наглядно. В статье я расскажу про способ, который поможет вам сделать скриншот страницы сайта онлайн, без установки программ или расширений.
Как сделать скриншот страницы сайта целиком. Простой скриншот страницы можно сделать при помощи нажатия клавиши PrtScr на клавиатуре. Но это будет снимок лишь видимой части экрана. Чтобы таким способом сделать снимок страницы целиком, нужно потратить много времени на склейку многих снимков, что в свою очередь неудобно и трудновыполнимо.
Скриншот страницы сайта онлайн.Я рекомендую воспользоваться бесплатным сервисом s-shot.ru
. Чтобы сделать скриншот всей страницы сайта данным способом, не нужно устанавливать сторонние программы на компьютер или расширения в браузер. Достаточно перейти на сайт s-shot.ru
, вставить адрес страницы в специальное поле, поставить галочку напротив надписи «полноразмерный» и нажать «создать»:
В течении нескольких минут сервис создаст качественный снимок всей страницы целиком. Время создания скриншота зависит от размера страницы, в некоторых случаях процесс может затянуться до пяти минут.
Дополнительные настройки сервиса:
Если вам нужно сделать скриншот определенной высоты, уберите галочку напротив надписи «полноразмерный», в поле «высота» укажите необходимое значение в пикселях (по умолчанию высота 768 пикселей) и нажмите «создать».
Вот такой скриншот всей страницы, сделанный при помощи сервиса , размешен в статье «» (цены размещения баннеров указаны при помощи фотошопа). Для просмотра страницы сайта наведите на картинку ниже правой кнопкой мышки, нажмите «Открыть ссылку в новой вкладке» и увеличьте :Согласитесь, такой скриншот поможет рекламодателю быстрее определиться с местом размещения и стоимостью рекламы. Подобные фишки делают заказ рекламы на нашем сайте более вероятным, что в свою очередь облегчает процесс заработка.
Всех снова рад видеть на своем блоге друзья. Макс Метелев на рабочем месте и сегодняшняя статья будет простой, понятно и интересной.
Мы разберем как сделать полный скриншот вашего веб сайта целиком и параллельно разберем сервисы, программы и инструменты для создания скриншотов ваших сайтов.
Как обычно, все по делу и без воды. Готовы к освоению урока? Тогда, поехали.
Как сделать скриншот сайта целиком онлайн?
Внизу будет поле, где вас попросят ввести адрес сайта. Давайте введем произвольный адрес, к примеру, возьмем сайт студии Артемия Лебедева — http : //www.artlebedev.ru/
Также вы можете выбрать, в каком расширении вы хотите видеть скриншот сайта целиком – например, в jpeg, png и т.д.
И потом нажимаете на кнопку «Сделать снимок сайта» (Capture Web Page)
После этого вы получаете уже готовый скриншот сайта в виде превью. Вот как на этом примере:
Вы можете его сразу же просмотреть или скачать к себе на компьютер. Так он выглядит целиком:
Соответственно эта картинка масштабируема и при нажатии мышкой она увеличится на всю ширину и высоту.
Как сделать скриншот сайта с помощью сервисов?
Раньше я делал скриншоты сайта стандартным образом через команду на компьютере Alt+PrtSc. Получалось так, что только видимая часть экрана попадала в запись. Потом я узнал много других полезных сервисов и инструментов, которые позволяют сделать снимок сайта с экрана целиком. Давайте расскажу про них.
Pearl Crescent Page Saver – сохраняет изображения или веб страницы сайта целиком или частично в форматах jpeg или png. Есть возможность масштабирования изображения до меньшего изображения к большому.
IESNAPSHOTTER 1.01 – расширение для браузера Internet Explorer. Тут на любителя. Оно платное, на официально сайте вроде есть демка. Можно поюзать ее бесплатно.
LightShot – искренне рекомендую использовать его! Все свои статьи я делаю с его помощью. Очень мощная программа для создания скриншотов страниц сайта. Целиком скрин не делает, зато есть богатый функционал по редактированию таких снимков – можно проводить различные стрелочки, выделять области разным цветом, вставлять текст (его можно увеличивать прокручивая мышкой) и много других особенностей.
Есть как встроенное расширение для Google Chrome, так и десктопный вариант. У меня стоят оба варианта. Тот, который на компе вообще идеален. Просто нажимаете на клавиатуре кнопку PrtSc и пользуетесь всеми его возможностями.
Устанавливаемые программы на ПК
Webshot – программа, позволяющая делать скриншоты полностью или в виде превью. Ее основным преимуществом является работа с командной строкой, которая позволяет автоматизировать процесс снятия копий сайта с экрана.
FastStone Capture – мощная утилита для создания скриншотов сайтов целиком с плавающей панелью управления. Можно делать разные по форме снимки.
Paparazzi! – небольшое приложение для операционной системы Mac OS X с функциями делания снимков с экрана.
Инструменты создания скриншотов онлайн
– простой онлайн инструмент по такому же типу, как я описывал в самом начале статьи. Просто вставляете ссылку и нажимаете на Thumb It. Неудобство в том, что оставляет свой копирайт на снимке.
На этом у меня все. Я думаю, что список получился хороший. У вас есть, что выбрать. Если будете спрашивать какой лучше, то тут отвечу – только методом проб и тестирования. Еще раз повторюсь, что лично я пользуюсь LightShot для хрома. Им я просто нереально доволен.
В отличие от создания снимка экрана скриншот сайта сделать средствами операционной системы нельзя. Точнее можно, но достаточно проблематично и долго. Основная сложность здесь заключается в том, что размер страницы любого сайта по вертикали чаще всего превышает разрешающую способность экрана монитора и чтобы получить снимок всей страницы потребуется ручное «склеивание» отдельных скриншотов экрана в одном из графических редакторов.
Но можно поступить проще и воспользоваться одной из программ или сервисов по созданию скриншотов страницы сайта, краткий обзор которых будет произведен далее.
- Программа WebShot
.
Представляет собой небольшую утилиту, которая устанавливается на компьютер под управлением одной из операционных систем Windows. После установки запустите программу и введите адрес страницы в поле Source Url
, скриншот которой вам необходимо получить, и нажмите кнопку добавления страницы в список заданий. В поле Target Path
укажите путь сохранения готового скриншота или оставьте все как есть. Нажмите кнопку Start и дождитесь окончания процесса, о чем будет свидетельствовать появление надписи Complete
. Некоторые стили на веб-страницах WebShot обрабатывает некорректно и в этих местах на скриншоте допускает соотвествующие искажения.
- Плагин Abduction!
для браузера Mozilla Firefox. Установить его вы можете по данной ссылке . После установки и перезапуска браузера откройте страницу, скриншот которой вы хотите создать. В любом пустом месте страницы сделайте щелчок левой кнопкой мыши. В открывшемся контекстном меню вы увидите новый появившийся пункт Сохранить страницу как изображение
. Выберите его.
Страница станет станет залита голубым полупрозрачным фоном, а вверху появится дополнительная панель, на которой нажмите кнопку Сохранить выбранное . Укажите место для сохранения скриншота и нажмите кнопку Сохранить .
- Плагин Awesome Screenshot
для браузера Google Chrome. Установить данное дополнение вы можете по данной ссылке . После установки дополнения откройте веб страницу, которую нужно сохранить. После того, как она будет загружена, нажмите значок плагина в виде линзы фотоаппарата, который появится правее адресной строки браузера и в появившемся меню выберите пункт Capture Entire Page
.
Созданный скриншот откроется в новой вкладке браузера. С помощью встроенного редактора можно при необходимости сразу же перед сохранением добавить на него поясняющие надписи, стрелки-указатели, обозначить определенные участки и т.д. Если в этом нет необходимости, то нажмите кнопку Done .
После этого остается только нажать кнопку Save и сохранить скриншот в выбранном месте.
- Онлайн-сервисы.
Очень удобен для создания скриншотов страниц сайтов сервис . В отличие от большинства аналогичных сервисов, упоминания о которых можно найти в интернете, сайт s-shot.ru полностью русскоязычный. Чтобы с его помощью создать скриншот введите адрес страницы сайта, в группе настроек для установки размера выберите полноразмерный
вариант и нажмите кнопку создать
. После создания скриншота он будет отображен на экране и предоставлена ссылка с адресом его изображения.
Как сделать скриншот страницы — вопрос настолько простой, насколько только может быть простое нажатие одной клавиши на компьютере!
Поскольку я замыслил создать серию статей о том, как работать с картинками в блоге, возникла необходимость написать несколько материалов об основах работы с изображениями. Речь пойдет о самом элементарном действии: создании скриншота страницы. Кстати, фото снизу — скриншот веб-страницы, творчески обработанный.
Полезная азбука:
Screenshot — от англ. «выстрел», «снимок».
Делаем скриншот страницы программой Paint
Понадобится: руки и программа Paint. Может вы не знаете, но она у вас уже есть, если пользуетесь Windows, она по умолчанию входит в пакет стандартных программ. Я с ней работал еще в древних версиях винды.
Создание скриншота в программе Paint.
В процессе создания сайта мы рано или поздно сталкиваемся с необходимостью научиться делать снимки с экрана компьютера, что бывает нужно для самых разных задач — от творческих до общения с техподдержкой.
Что такое скриншот?
Скриншот — это снимок экрана компьютера , вернее того, что на нем изображено. Причем снимок делается в самом компьютере. Можно сделать скриншот веб-страницы, любой фотографии, программы и даже текста. Вот пример скриншота текста в Ворде:
Я знаю, как создать скриншот страницы несколькими способами, но обычно пользуюсь одним. Я не дизайнер и владею фотошопом на бытовом уровне, поскольку всю жизнь работал с текстами и моей главной программой был Word. Но скриншот, бывало, требовался время от времени. И делал я его в очень простой программе PAINT, которая есть в любом Windows. Чем мне нравится эта программа:
- В ней можно скриншот обрезать.
- Изменить размер в пикселях или процентах.
- Нарисовать что-нибудь: стрелку, выделить элемент овалом и т. п..
- Повернуть слева на право изображение.
- Сделать какую нибудь надпись.
- Стереть то, что не надо и залить любым цветом.
Написав на скриншоте текст получится такой маленький самодельный баннер или открыточка (если вас интересует, как сделать баннер, открывающийся в новом окне, на эту тему есть отдельная статья ««). Скриншот с текстом выглядит так:
Если хотите научиться превращать картинку в активную ссылку на любую страницу вашего блога или стороннего ресурса, пригодится статья, . Что тоже может оказаться полезным для блоггера.
Мы научимся сегодня делать не только простой скриншот, но и в качестве бонуса — с текстом, что не раз пригодится в будущем, особенно если у вас свой блог.
Инструкция «Как работать в программе Paint»
- Чтобы создать скриншот, нужно открыть ту страницу, которую хотите «сфотографировать», и нажать на одну-единственную кнопку клавиатуры . Расположена она обычно в самом верхнем ряду и называется Prt Sc (принт скрин) . Все, кадр снят.
- 2. Открыть программу Paint. Для этого идем в меню ПУСК — ВСЕ ПРОГРАММЫ — СТАНДАРТНЫЕ — PAINT — ОТКРЫТЬ. Программа загрузится, и откроется главное окно:
- 3. Вставить скриншот в программу. В пункте 1 мы его сохранили — он в буфере, теперь его нужно перенести в любую программу, чтобы сохранить как изображение. Для этого нужно просто нажать на значок ВСТАВИТЬ в верхнем левом углу (на картинке выделено красным кружочком).
- 4. Сохранить. Если вам нужен снимок весь целиком (скриншот экрана компьютера), то на этом этапе можно сохранить изображение. Нажмите на значок дискеты в верхнем левом углу (выделено синим кружочком). Появится новое окно:
В самом верхнем поле задайте путь , куда сохраняете файл.
В поле ИМЯ ФАЙЛА введите название скриншота . Желательно латиницей, по-английски — особенно если сохраняете фото или скриншот для блога. Вообще лучше сразу привыкать все файлы сохранять на латинице — так корректнее. Например, при восстановлении блога из бекапа изображения, названные кириллицей, обычно слетают. Потом приходится вручную возвращать назад каждое. Я пренебрегал правилом до первого бекапа…
В поле ТИП ФАЙЛА выберите расширение . Я обычно выбираю JPEG — он меньше весит. В конце нажмите СОХРАНИТЬ. И всё, скриншот готов!
Как обрезать скриншот
Если вам нужна часть экрана, то скриншот, перед тем как сохранить, нужно обрезать. Возвращаемся в пункт 3: вставили скриншот в программу.
Переходим на вкладку ВИД — УМЕНЬШИТЬ.
Возвращаемся на вкладку ГЛАВНАЯ и щелкаем мышью на кнопку ОБРЕЗАТЬ. Курсор станет в виде прицела.
Удерживая левую кнопку мыши, выделите нужный фрагмент экрана — область выделится пунктиром.
По выделенному фрагменту щелкните правой мышкой. Нажмите КОПИРОВАТЬ.
Теперь скопированный фрагмент нужно вставить в чистый документ и сохранить его. На нижнем рисунке это зона, выделенная красным овалом : щелкаем по маленькой белой стрелочке, в выпадающем окне выбираем СОЗДАТЬ. Открывается чистый лист. Нажимаем на ВСТАВИТЬ. Фрагмент появляется в окне. Нажимаем СОХРАНИТЬ (иконка дискеты) и сохраняем, как в пункте 4.
Как поставить надпись или текст на скриншот
И обещанный бонус. Если нужно сделать на скришоте какую-нибудь надпись, перед тем как сохранить, войдите в меню текстового редактора (на рисунке выше это буква А, выделенная синим кружком ). Затем щелкните мышью по той области экрана, где хотите создать надпись, и, удерживая левую кнопку мыши, выделите нужную зону. Появится пунктирный прямоугольник, в котором можно написать текст.
В красном овале : выбирается шрифт и его размер.
Зеленый овал : выбирается цвет шрифта.
Синий овал : прозрачный или непрозрачный фон под текстом.
Когда надпись будет готова, щелкните по любому места экрана мышкой, чтобы выйти из редактора. И сохраните изображение, как уже описывалось выше. Ваша открытка готова!
Теперь вы знаете не только, как сделать скриншот страницы, но и знаете, как работать с программой Paint. Она легкая, понятная и всегда под рукой. Когда приноровитесь, будете делать скриншоты за пару минут.
Каждый обладатель компьютера — будь то ПК или ноутбук — периодически сталкивается с необходимостью сделать на сайте скриншот. У вас может возникнуть такая нужда либо во время рутинного серфинга страниц в интернете, либо во время прочтения статьи, либо если захочется скинуть кому-то интересную переписку. Если раньше вам не доводилось делать снимок экрана и вы не знаете как, то в этой статье я расскажу как сделать скриншот страницы в интернете.
Скриншот (от англ. screenshot — снимок экрана) либо коротко скрин — это картинка (фотография), точно отображающая что видит пользователь на мониторе. Например, если вы его сделаете сейчас, то получите снимок этой статьи.
Какие есть способы решить вашу проблему? В зависимости от ваших потребностей, можно выбрать тот или иной вариант:
- проще всего воспользоваться функционалом своей операционной системы. Если вы редко сталкиваетесь с необходимостью сделать снимок экрана, этот способ вам подойдет — он является самым простым и не требует дополнительных затрат времени на скачивание приложений или дополнений для браузера.
- также несложно воспользоваться услугами сайтов, которые могут за вас создать скан страницы в интернете и вам останется только скачать картинку на свой компьютер. Безусловным минусом этого метода является то, что снимок может быть получен исключительно со страницы в интернете, а, к примеру, рабочий стол снять этим методом нельзя.
- скачать программу на компьютер, либо же скачать дополнение для браузера, которое позволит делать множество снимков в удобном для вас виде. Если вам необходимо часто делать фото экрана, лучше всего будет использовать эту возможность и установить удобный для вас софт
Самый простой способ
Конечно, самое простое — это воспользоваться клавиатурой. Если вы не знаете о принтскрине, то вероятно, что этот способ вам понравится, ведь он очень простой и не требует установки дополнительного ПО. То бишь, ниже мы рассмотрим способы, включающие скачку дополнительных аддонов для браузера и даже целых программ для скана рабочего окна, но если вам требуется быстрый способ, — проще всего использовать PrintScreen.
PrintScreen (также PrtScr или Print Scrn) — это кнопка на клавиатуре, позволяющая делать скриншот экрана монитора и записать его в буфер обмена.
Как сделать принтскрин ? Для разных операционных систем разная последовательность действий.
Для владельцев компьютера с ОС Windows
- на клавиатуре найдите клавишу Print Screen (она может называться PrtScr или PrintScrn в зависимости от модели и чаще находится в правом верхнем углу)
- нажмите ее — принтскрин страницы будет сохранен в буфер обмена (часть оперативной памяти компьютера)
- теперь, чтобы пользоваться изображением — сохранить его или передать кому-либо — нужно использовать любой редактор изображений. По умолчанию в ОС Windows установлен редактор Paint , так что я опишу последовательность действий для него. После нажатия клавиши PrintScreen , откройте Paint (Кнопка «Пуск» — «Все программы» — «Стандартные» — «Paint»)
- в рабочем окне программы используйте последовательность кнопок «Правка» — «Вставить» (либо просто нажмите комбинацию клавиш «Ctrl+V» на вашей клавиатуре)
- полученное изображение можно форматировать, используя функционал программы, либо же просто сохранить, используя последовательность кнопок «Файл» — «Сохранить как», и выберите место куда сохранить файл (также для сохранения можно использовать комбинацию клавиш «Ctrl+S»).
Для пользователей Mac
- воспользуйтесь сочетанием клавиш «Cmd+Shift+3»
- если у вас установлены настройки системы по умолчанию, снимок будет сохранен в формате PNG на рабочем столе компьютера
Для Android-телефонов
- на телефонах, конечно, кнопки PrintScreen нет, но снять экран не составит труда. Начиная с версии Android 4.0, нужно одновременно нажать и удерживать кнопку выключения (Power) и изменения громкости (Volume). Изображение будет сохранено в соответствующую папку.
С помощью дополнительного ПО
Как сделать фото экрана с помощью вспомогательного софта
Если вас не устраивает перспектива сделать скрин через клавиатуру, можно воспользоваться дополнительным софтом либо аддонами для вашего браузера. Благо, в наше время есть много программ с подобным функционалом, и можно выбрать лучшие из них.
- Snagit от Techsmith — одна из лучших программ для захвата изображения монитора. Удобная и простая, есть версия для Windows и для Mac. Недостаток ее в том, что она не бесплатная (есть trial-версия на 15 дней, так что пользуйтесь себе в удовольствие. Можете приобрести после окончания тестового периода, если функционал вас устроит).
- FastStone Capture — еще одна хорошая программа, один из продуктов компании FastStone, у которых есть много софта для редактирования изображений. Только Windows. Кстати, FastStone Image Viewer (графический редактор) имеет широкий функционал, который включает в себя и захват экрана.
- Paparazzi! — простое бесплатное приложение для MacOS. Неплохая альтернатива Snagit, если не хотите тратить деньги.
Используем функционал других сайтов
Также несложный способ, не требующий установки дополнительного ПО на компьютер. Если требуется получить изображение сайта, можно сделать скриншот сайта онлайн с помощью функционала другого сайта, благо, таких сайтов сейчас очень много. На любом из них необходимо указать url-адрес сайта, скрин которого вы хотите. Рассмотрим самые лучшие из онлайн-сервисов:
- snapito.com — хороший простой сервис. Можно указать нужную ширину и высоту изображения.
- web-capture.net — можно выбрать расширение для output-файла.
- IMGonline.com.ua — можно выбрать много пунктов как ширина/высота, зум, отключить картинки/javascript.
- ScreenPage.ru — вышлет вам на почту.
Резюме
Вот такие способы как создать скриншот страницы мы рассмотрели. Можно выбрать тот, что подойдет именно вам, а это зависит от конкретно ваших потребностей: как часто вам нужно делать скрины, готовы ли вы скачивать дополнительное ПО на свой компьютер, готовы ли платить за это ПО. Конечно, я рассмотрел не все способы, так что если у вас есть что сказать — пишите в комментариях.
Заключение
Надеюсь наши советы помогли вам. Попробуйте выполнить универсальный алгоритм, описанный выше. До встречи на страницах сайта!
Видео-инструкция
