Как сделать скриншот страницы в виде изображения на экране смартфона

Cкриншот страницы в виде cмартфонаЗдравствуйте уважаемые посетители и постоянные читатели блога Spectr-rv.ru. Из этой статьи вы узнаете, как сделать скриншот веб-страницы в виде изображения на экране смартфона, при этом сам телефон (рамка в форме телефона) также будет виден на картинке.

Такой вид скриншотов может быть полезен, например, владельцам сайтов, посвященных мобильным устройствам, да и обычного блоггера может заинтересовать возможность создания подобных изображений, ведь скриншот в виде смартфона выглядит довольно красиво.

Скриншот, о котором пойдет речь, проще всего сделать в браузере Google Chrome. С этой целью воспользуемся средством, предназначенным для проверки адаптивности дизайна сайтов.

Адаптивный дизайн сайта – это свойство сайта правильно отображаться на любых устройствах, включая мобильные (смартфон, планшет), то есть, дизайн сайта должен меняться в зависимости от размера экрана используемого устройства.

Упомянутое выше, встроенное средство Google Chrome, применяется разработчиками  сайтов для просмотра создаваемого веб-ресурса на различных устройствах. Мы же рассмотрим его, только как инструмент для создания красивых скриншотов. А теперь, приступим непосредственно к делу.

Этапы создания скриншота

  1. Откройте в Google Chrome страницу, скриншот которой вы хотите сделать, и щелкните на кнопке «Настройка и управление …». Выберите пункты «Дополнительные инструменты» -- > «Инструменты разработчика».Cкриншот страницы в виде cмартфона
  2. Нажмите кнопку «Toggle device toolbar» в верхней строке открывшегося окна инструментов разработчика, а затем щелкните по кнопке «Responsive» в верхней части левой панели.Cкриншот страницы в виде cмартфона
  3. Выберите подходящий по внешнему виду смартфон в списке «Responsive», после чего вы увидите содержимое страницы как бы на экране выбранного телефона. (Для расширения списка, можно выбрать пункт «Edit» и отметить галочкой нужное устройство в дополнительном перечне).Cкриншот страницы в виде cмартфона
  4. Нажмите кнопку с тремя точками в верхнем правом углу левой панели и выберите в меню пункт «Capture screenshot». Все. Готовый скриншот вы найдете в папке «Загрузки». Его можно отправить по почте, а также опубликовать на сайте или на своей странице в социальной сети.

Cкриншот страницы в виде cмартфонаВот на этом мы и закончим. Надеюсь, некоторым из вас, уважаемые читатели, статья понравилась. Вы узнали о существовании встроенного средства Google Chrome для проверки возможности отображения сайта на мобильных устройствах и разобрались, как с помощью данного инструмента сделать красивый скриншот страницы в виде изображения на экране смартфона.

При появлении вопросов, прошу обращаться в комментариях.

С уважением, Владимир (Spectr-rv.ru).

Поделитесь своим мнением

Подписка на обновления

Хотите получать новые статьи на почту? Введите свой e-mail адрес:

© 2018 Полезные советы, программы и сервисы интернета  Войти