Вміст МаркетингВідео з маркетингу та продажівмаркетингові інструменти

Як зробити знімок екрана веб-сайту з конкретними розмірами за допомогою Google Chrome

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

Один із клієнтів, з яким ми працюємо, розробляє хостингові інтранет-рішення, які можна розмістити всередині компанії. Інтрамережі неймовірно корисні для компаній, щоб повідомляти новини компанії, поширювати маркетингову інформацію, надавати інформацію про переваги тощо.

Ми допомогли цьому клієнту перенести його рішення для інтранету з веб-сайту материнської компанії. Це був масштабний проект, який включав усе: від створення нових соціальних профілів до оновлення Marketo, а потім демонтажу деяких власних розробок, які вони зробили для об’єднання своїх сайтів.

Одним із важливих кроків було забезпечення того, щоб ми мали чудові знімки продукту інтранет-сайтів їхніх клієнтів на їхньому новому веб-сайті. Ми хотіли, щоб кожен знімок екрана мав однакову ширину та висоту на всьому сайті. Це може бути важко… якщо ви не використовуєте Google Chrome.

Знімки екрана клієнта з Google Chrome

Можливо, ви цього не усвідомлюєте, але ви можете зробити ідеальні знімки екрана за допомогою вбудованого набору надійних інструментів розробника Google Chrome. Цікаво, що, незважаючи на дивовижну гнучкість, ця функція не дуже відома. Ця функція також дозволяє робити знімки адаптивного сайту для певних розмірів і розмірів екрана.

Ось короткий відеопосібник про те, як зробити ідеальний знімок екрана веб-сторінки певного розміру за допомогою Google Chrome:

Кроки, щоб зробити знімок екрана за допомогою Google Chrome

Інструменти розробника Google Chrome можуть попередньо переглядати сайт за допомогою панелі інструментів пристрою. Інструмент створено для того, щоб розробники могли бачити, як сайт виглядає в різних розмірах вікна перегляду на різних пристроях... але це також ідеальний спосіб отримати знімок екрана веб-сторінки ідеального розміру.

У цьому випадку ми хочемо, щоб кожен із ключових клієнтів клієнта в різних галузях, які створили чудові інтранет-сайти, зробив знімок екрана, щоб ми могли відобразити їх усіх у портфоліо на їхньому веб-сайті. Ми хочемо, щоб сторінки мали рівно 1200 пікселів у ширину на 800 пікселів у висоту. Для цього:

  1. У крайній правій навігаційній кнопці (3 вертикальні крапки) виберіть Меню налаштування та управління.
Меню інструментів розробника з Google Chrome
  1. Select Інші інструменти> Інструменти розробника
Інструменти розробника з Google Chrome
  1. Переключити Панель інструментів пристрою висвітлити параметри та розміри пристрою.
Переключити панель інструментів пристрою за допомогою Google Chrome
  1. Встановіть для першої опції значення Чуйний, потім встановіть розміри на 1200 x 800 і натисніть Enter. Тепер сторінка відображатиметься з такими розмірами.
Адаптивна панель інструментів Google Chrome
  1. Праворуч на панелі інструментів пристрою натисніть кнопку навігації (3 вертикальні крапки) і виберіть Знімок екрану.
Зробіть знімок екрана за допомогою Google Chrome
  1. Google Chrome зробить ідеальний знімок екрана та додасть його до вашого Завантаження папку, куди ви можете вкласти та надіслати його електронним листом. Обов’язково не вибирайте повнорозмірні знімки екрана, оскільки вони займуть всю довжину сторінки та ігноруватимуть обмеження висоти.

Комбінації клавіш Google Chrome для знімків екрана

Якщо ви володієте комбінаціями клавіш, ви можете зробити знімок екрана на всю сторінку за допомогою цих комбінацій клавіш. Мені не подобається цей підхід, оскільки я не можу встановити максимальну висоту вікна перегляду… але він стане в нагоді, якщо вам колись знадобиться знімок екрана цілої сторінки.

Комбінації клавіш (Mac)

1. Alt + Command + I 
2. Command + Shift + P

Комбінації клавіш (Win / Linux)

1. Ctrl + Shift + I 
2. Ctrl + Shift + P

Douglas Karr

Douglas Karr є CMO компанії OpenINSIGHTS і засновник Martech Zone. Дуглас допоміг десяткам успішних стартапів MarTech, допоміг у належній перевірці понад 5 мільярдів доларів у придбання та інвестиції Martech, і продовжує допомагати компаніям у впровадженні та автоматизації їхніх продажів і маркетингових стратегій. Дуглас — міжнародно визнаний експерт і спікер з цифрової трансформації та MarTech. Дуглас також є опублікованим автором посібника для чайників і книги про лідерство в бізнесі.

Статті по темі

Догори кнопки
близько

Виявлено блокування реклами

Martech Zone може надати вам цей вміст безкоштовно, оскільки ми монетизуємо наш сайт за рахунок доходів від реклами, партнерських посилань і спонсорства. Ми будемо вдячні, якщо ви видалите блокувальник реклами під час перегляду нашого сайту.