Home / Блоговедение / Как сделать скриншот страницы или сайта?

Как сделать скриншот страницы или сайта?

Привет, друзья! Казалось бы, что проще чем сделать скриншот на компьютере? Но оказывается, многие не знают что такое скриншот, или делают его не совсем правильным и удобным способом. В этой статье речь пойдет о том, как сделать скриншот на компьютере.

скриншот страницы

Способов создания скриншотов масса. Для этой цели можно воспользоваться родной клавиатурой или при помощи сторонних программ.

Скриншот – это изображение экрана монитора в виде картинке, которое показывает в точности то, что видит пользователь на экране своего компьютера или телефона.

Как я уже заметил выше, способов создания скриншотов немало. Прочтя статью до конца, вы узнаете:

Как сделать скриншот страницы
Как сделать скриншот всего сайта
Где можно сделать скриншот онлайн

Как сделать скриншот страницы

Самый простой способ создания скриншота страницы на компьютере, использующего OS Windows, это клавиша Print Screen. Нужно просто нажать эту клавишу, при этом снимок сохранится в буфере обмена, затем вставить скриншот в Paint или обычный Word документ.

Вышеописанный способ работает со всеми версиями Windows. Для Mac OS X работают другие горячие клавиши клавиши, посмотреть их можно в настройках в директории System Preferences –> Keyboard & Mouse –> Keyboard Shortcuts.

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

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

Я пользуюсь программой для создания скриншотов LightShot. В ней присутствуют все вышеописанные возможности – снимок выделенной области, быстрое редактирование изображения, возможность делится изображением в популярных соц. сетях, в том числе и ВКонтакте. Единственный минус, который на мой взгляд присутствует в данной программе, это невозможность создания скриншота всего сайта. То есть можно сфотографировать только то, что видно на экране монитора без прокрутки ползунка, чего мне часто не хватает.

Как сделать скриншот всего сайта

Иногда может потребоваться сделать скриншот всего сайта, а не видимой части страницы. Например, я разместил такой скриншот на странице «Реклама», где показываю расположение мест под рекламные баннеры, которые можно купить.

Сделать такой скриншот помогут различные онлайн сервисы и программы. Вот несколько онлайн сервисов, где можно сделать скриншот всей web страницы:

Web Screenshots — быстрый сервис создания скриншотов онлайн. Достаточно ввести адрес страницы сайта:

Возможно вас заинтересует:  Как прикрепить почту для домена с помощью Яндекс.

screen

А затем загрузить созданный скриншот на компьютер.

загрузить скриншот

Еще один неплохой сервис — screenpage.ru. Есть возможность выбрать размер будущего скриншота из стандартных размеров экрана. Работает довольно быстро, и самое главное, что при установке в настройках маленького размера, сервис не просто уменьшает изображение до указанного, а именно фотографирует сайт так, как он виден обычному пользователю.

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

Где можно сделать скриншот онлайн

Если вы так же как и я, регулярно делаете скриншоты, то я бы рекомендовал установить какую-нибудь программу создания скриншотов, чтобы экономить время. Если же частые скриншоты вам ни к чему, вполне хватит стандартной клавиши Print Screen или различных онлайн сервисов. Сделать скриншот онлайн можно здесь:

www.s-shot.ru — в считанные секунды создает скрин видимой части монитора. Позволяет выбрать размер и формат изображения.

ssmaker.ru — аналогичный сервис. Доступен формат выбора размера окна браузера и форма изображения PNG или JPEG.

browsershots.org — данный сервис предназначен для проверки кроссбраузерности сайта, при этом создает скриншоты в разных браузерах и разных операционных системах. Более детально я писал об этом сервисе здесь.

 

Об авторе: Андрей Назыров

Приветствую Вас на своем блоге! Здесь Вы найдете всю необходимую информацию по созданию своего блога (сайта), его SEO оптимизации и последующего заработка.

37 комментариев

  1. Я как раз пользуюсь данной программой. Даже сменил снегит на нее.

    Ответить
    • Мне она понравилась тем, что мало весит и все основные функции присутствуют.

      Ответить
      • А мне тем, что скрин можно ссылкой кому нибудь скинуть и сохранить в картинке, например для блога.

  2. Мне тоже приходится часто делать скриншоты, легче показать чем объяснять на пальцах. Вначале делал скриншоты стандартным способом, при помощи кнопки Print Screen, но это действительно не очень удобно. Потом стал делать при помощи сервиса от браузера Яндекс, удобнее чем предыдущий, но все равно не то.
    Замечал, когда с кем-то обмениваешься опытом и кидаешься скриншотами, то человек делает это намного быстрее. Спасибо Андрей, попробую предложенную тобой прогу.

    Ответить
  3. Я пользуюсю другой программкой, а до этого пользовалась стандартно… без всяких скаченных программ. А года два назад, я и не знала, что такое скриншот и информации про это было очень мало. Хорошо, что сейчас уже есть.

    Ответить
  4. Елена Прекрасная:

    Недавно познакомилась с LightShot очень удобно тоже!

    Андрей, принимай награду у меня на блоге! 😉

    Ответить
  5. Да, прога Скрин капча действительно хороша, я именно ею я пользуюсь.

    Ответить
  6. Интересное описание. Я тоже пользовался до недавнего времени программой Lightshot, и меня все устраивало. Пока мне не посоветовали программу FastStone Capture. В ней можно не только делать скриншоты экрана, выделенной области. А так же можно сделать скриншот прокрутки всего блога, сайта или текста. А редактор этой проги просто супер. И самое главное, в ней можно сделанный скриншот сохранить не только на компьютере, но и отправить к себе на сервер, что делает вставку изображений в статью детской забавой. Вот как то так.

    Ответить
  7. А я совсем недавно познакомился с программой Joxi.
    Крутая прога. В ней есть все!!!
    И редактирование и сохраняет ссылку на скрин на сервере и самое главное, у нее есть расширение для браузеров. И тогда вообще не надо скачивать ее на комп. Мне нравится!

    Ответить
    • Расширение для браузеров, это отлично. А для каких браузеров есть расширения?

      Ответить
      • Честно сказать, я не интересовался другими браузерами, кроме Хрома. Я пользуюсь только им, но это не проблема проверить

      • Просто после твоего комментария зашел на официальный сайт программы, а там написано, что есть возможность установить расширение для браузера Хром и ничего про другие браузеры, вот я и спросил 🙂

  8. Гордей:

    Прикольно. А я привык делать скриншот исключительно через программу XnView. В основном, для того чтобы скопировать карту. Хорошее качество в png. формате

    Ответить
  9. Баяс:

    Привет, Андрей. Я фанат «Snagit», и не безосновательно. Сначала хотел все упомянутые в комментариях программы разобрать на предмет их несостоятельности ( вернее обнажить их минусы ), но немного подумав пришел к выводу, что, во-первых, это некорректно ( цитата из твоей статьи: » Таких программ немало, у каждого есть свои любимые» ), во-вторых, это бесполезно ( переубедить человека поменять точку зрения так же сложно, как уговорить его прыгнуть с высокой скалы ).

    Что касается «Snagit»: все скриншоты получаются
    — идеального качества ( если такое понятие как идеал все еще существует );
    — есть все опции, присущие всем нормальным скриншотам;
    — можно сделать скриншот с точночтью до миллиметра;
    — про прокрутку, видео и т.д. я вообще молчу;
    — при снятии скриншота вас сразу же перебрасывают в редактор, что очень удобно;
    — а редактор по функциональности не уступает фотошопу ( а где-то даже превосходит, особенно с учетом того, что фотошоп для новичков все же как китайская грамота );
    — а вообще функциональные возможности Снагит имеют более 100 параметров ( даже я не все их изучил, да и не было особой необходимости ).

    Мораль: ребята, переходите на Снагит, не пожалеете ( на всякий случай озвучу — у этой программы нет партнерской программы, поэтому все, что я сказал, не имеет под собой корыстной заинтересованности ). Желаю удачи!

    Ответить
    • Привет, Баяс! Спасибо за комментарий! Ты меня почти убедил, что Snagit лучшая программа для создания скриншотов. Все таки попробую ею воспользоваться, исключительно за качество скриншотов. В LightShot этого к сожалению нет.

      Ответить
  10. Баяс:

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

    Ответить
    • Скачать можно практически все бесплатно, если знать где искать 😉 За ссылку спасибо, попробую скачать программу.

      Ответить
  11. Привет, Андрей! Про лайтшот знал, а вот как сделать скрин сайта всё хотел узнать, но как-то без надобности было. Попробовал, прикольно получилось. Спасибо за сервис)

    Ответить
  12. Александр Каратаев:

    Если говорить чисто о снятии скриншотов, то я использую FastStone Image Viewer — там есть такая возможность. Но с того момента, как установил на компьютер Яндекс Диск, забыл об этой проге. Дело в том, что ЯД предоставляет свой скриншотер, который очень удобен, в том числе и для редактирования — стрелки, выделения, текст и прочее.
    К тому-же скриншоты сразу сохраняются на ЯД, что тоже очень удобно…

    Ответить
    • Помню, приходило уведомление, что в Яндекс Диске появилась возможность редактировать фотографии. А вот про скриншотер не знал. Нужно будет протестировать его.

      Ответить
  13. Мне приходилось часто делать скриншоты, вырезать мелкие кусочки из них (кнопки и др.). Пользовалась обычным printScreen, потом вставляла в Word, потом вырезала эти кусочки. Хотя прекрасно знала о существовании удобных программ. Вот до чего лень человеческая доводит — что умеешь, тем и пользуешься, тяжело сделать шаг в сторону и упростить себе жизнь. Сейчас для скриншотов специально запускаю программу OneNote, там есть опция «снимок экрана». Понимаю, что это тоже далеко не верх удобства, но делать мелкие вырезки уже намного легче.

    Ответить
  14. Давно пользуюсь и очень нравится программа для создания скриншотов Gyazo. Простая и функциональная.

    Ответить
    • Александр Каратаев:

      Ну нет… Gyazo напрягает тем, что изображения сохраняются где-то там у них на сервере… И ты можешь поделиться только ссылкой. Никакого практически контроля. Удобнее, когда всё-же на компьютере это происходит…

      Ответить
  15. Серж:

    Чем мне нравится Линукс, так это широчайшей гибкостью. И создание скриншотов не исключение. Там стандартная клавиша Print Screen позволяет и сохранить изображение в буфер, и сразу в файл. Никаких лишних движений) Может и в Windows такое когда-то по-умолчанию появится)

    Ответить
    • Александр Каратаев:

      А что, разве в Windows клавиши PrintScreen, Alt+PrintScreen, Shift+PrintScreen, Ctrl+PrintScreen уже отменили? 🙂

      Ответить
  16. У меня ноутбук «Тошиба» и у него почему то нет кнопки «Скрин….». Так что по началу сделать скрин не получалось. Потом познакомился с графическим редактором Шагит и у него оказалась функция для скринов. Удобная программа. Так же в Яндекс браузере появилось приложение, которое делает скриншоты.

    Ответить
  17. Пользуюсь стандартным методом создания скриншотов, но за сервис screenpage благодарю: буду его использовать.

    Ответить
  18. Елена:

    Подскажите, а будет ли отображаться на скриншоте прокрутка экрана или простой скриншот сайта с помощью этих программ?

    Ответить
    • Эти программы просто делают скриншот видимой части и всей страницы сайта. Ползунка прокрутки не будет, но можно просто встроить необходимую страницу во фрейме и вы получите прокрутку экрана.

      Ответить
  19. Виктор:

    Ещё один сервис нашёл, где можно сделать скрин сайта онлайн:
    http://jh5.ru/service.html

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *