Як зробити знімок екрана веб-сайту з конкретними розмірами за допомогою Google Chrome
Якщо ви агентство чи компанія з портфоліо сайтів або сторінок, якими ви хочете поділитися в Інтернеті, ви, ймовірно, пройшли через біль, намагаючись зробити однакові знімки екрана кожного сайту.
Один із клієнтів, з яким ми працюємо, розробляє хостингові інтранет-рішення, які можна розмістити всередині компанії. Інтрамережі неймовірно корисні для компаній, щоб повідомляти новини компанії, поширювати маркетингову інформацію, надавати інформацію про переваги тощо.
Ми допомогли цьому клієнту перенести його рішення для інтранету з веб-сайту материнської компанії. Це був масштабний проект, який включав усе: від створення нових соціальних профілів до оновлення Marketo, а потім демонтажу деяких власних розробок, які вони зробили для об’єднання своїх сайтів.
Одним із важливих кроків було забезпечення того, щоб ми мали чудові знімки продукту інтранет-сайтів їхніх клієнтів на їхньому новому веб-сайті. Ми хотіли, щоб кожен знімок екрана мав однакову ширину та висоту на всьому сайті. Це може бути важко… якщо ви не використовуєте Google Chrome.
Знімки екрана клієнта з Google Chrome
Можливо, ви цього не усвідомлюєте, але ви можете зробити ідеальні знімки екрана за допомогою вбудованого набору надійних інструментів розробника Google Chrome. Цікаво, що, незважаючи на дивовижну гнучкість, ця функція не дуже відома. Ця функція також дозволяє робити знімки адаптивного сайту для певних розмірів і розмірів екрана.
Ось короткий відеопосібник про те, як зробити ідеальний знімок екрана веб-сторінки певного розміру за допомогою Google Chrome:
Кроки, щоб зробити знімок екрана за допомогою Google Chrome
Інструменти розробника Google Chrome можуть попередньо переглядати сайт за допомогою панелі інструментів пристрою. Інструмент створено для того, щоб розробники могли бачити, як сайт виглядає в різних розмірах вікна перегляду на різних пристроях... але це також ідеальний спосіб отримати знімок екрана веб-сторінки ідеального розміру.
У цьому випадку ми хочемо, щоб кожен із ключових клієнтів клієнта в різних галузях, які створили чудові інтранет-сайти, зробив знімок екрана, щоб ми могли відобразити їх усіх у портфоліо на їхньому веб-сайті. Ми хочемо, щоб сторінки мали рівно 1200 пікселів у ширину на 800 пікселів у висоту. Для цього:
- У крайній правій навігаційній кнопці (3 вертикальні крапки) виберіть Меню налаштування та управління.
- Select Інші інструменти> Інструменти розробника
- Переключити Панель інструментів пристрою висвітлити параметри та розміри пристрою.
- Встановіть для першої опції значення Чуйний, потім встановіть розміри на 1200 x 800 і натисніть Enter. Тепер сторінка відображатиметься з такими розмірами.
- Праворуч на панелі інструментів пристрою натисніть кнопку навігації (3 вертикальні крапки) і виберіть Знімок екрану.
- Google Chrome зробить ідеальний знімок екрана та додасть його до вашого Завантаження папку, куди ви можете вкласти та надіслати його електронним листом. Обов’язково не вибирайте повнорозмірні знімки екрана, оскільки вони займуть всю довжину сторінки та ігноруватимуть обмеження висоти.
Комбінації клавіш Google Chrome для знімків екрана
Якщо ви володієте комбінаціями клавіш, ви можете зробити знімок екрана на всю сторінку за допомогою цих комбінацій клавіш. Мені не подобається цей підхід, оскільки я не можу встановити максимальну висоту вікна перегляду… але він стане в нагоді, якщо вам колись знадобиться знімок екрана цілої сторінки.
Комбінації клавіш (Mac)
1. Alt + Command + I
2. Command + Shift + P
Комбінації клавіш (Win / Linux)
1. Ctrl + Shift + I
2. Ctrl + Shift + P