Marketinški alatiContent marketingVideozapisi o marketingu i prodaji

Kako napraviti snimku zaslona web stranice s određenim dimenzijama pomoću Google Chromea

Ako ste agencija ili tvrtka s portfeljem web-mjesta ili stranica koje želite dijeliti na mreži, vjerojatno ste prošli kroz muku pokušavajući snimiti jednoobrazne snimke zaslona svake web-lokacije.

Jedan od klijenata s kojima radimo gradi hostirana intranetska rješenja koja se mogu interno hostirati unutar granica tvrtke. Intraneti su nevjerojatno korisni za tvrtke u komuniciranju vijesti o tvrtki, distribuciji marketinških informacija, pružanju informacija o pogodnostima itd.

Pomogli smo ovom klijentu da migrira svoj proizvod Intranet rješenja s web stranice svoje matične tvrtke. Bio je to opsežan projekt koji je uključivao sve, od izgradnje novih profila na društvenim mrežama, ažuriranja Marketa i zatim rastavljanja dijela prilagođenog razvoja koji su radili kako bi kombinirali svoje stranice.

Jedan od ključnih koraka bilo je osigurati da imamo izvrsne snimke proizvoda intranetskih stranica njihovih kupaca istaknute na njihovoj novoj web stranici. Željeli smo osigurati da svaka snimka zaslona bude dosljedno iste širine i visine na cijelom web mjestu. Ovo može biti teško… osim ako ne koristite Google Chrome.

Snimke zaslona klijenta s Google Chromeom

Možda niste svjesni toga, ali možete snimiti savršene snimke zaslona s ugrađenim skupom robusnih razvojnih alata Google Chromea. Zanimljivo, unatoč nevjerojatnoj fleksibilnosti, to nije baš dobro poznata značajka. Značajka vam također omogućuje snimanje snimaka vaše responzivne stranice za određene dimenzije i veličine zaslona.

Evo kratkog video vodiča o tome kako napraviti savršenu snimku zaslona web stranice određene veličine pomoću Google Chromea:

Koraci za snimanje zaslona s Google Chromeom

Alati za razvojne programere preglednika Google Chrome mogu pregledati web mjesto pomoću alatne trake uređaja. Alat je napravljen tako da programeri mogu vidjeti kako web mjesto izgleda u različitim veličinama okvira za prikaz na različitim uređajima... ali to je također savršen način za dobivanje snimke zaslona web stranice savršene veličine.

U ovom slučaju, želimo da svaki od klijentovih ključnih klijenata u različitim industrijama koji su izgradili prekrasne intranetske stranice napravi snimku zaslona kako bismo ih sve mogli prikazati unutar portfelja na njihovoj web stranici. Želimo da stranice budu točno 1200px široke i 800px visoke. Da biste to postigli:

  1. U krajnjem desnom navigacijskom gumbu (3 okomite točke) odaberite Izbornik za prilagodbu i kontrolu.
Izbornik alata za programere s Google Chromeom
  1. odabrati Više alata> Alati za programere
Alati za programere s Google Chromeom
  1. Uključi Alatna traka uređaja za prikaz opcija i dimenzija uređaja.
Uključi / isključi alatnu traku uređaja s Google Chromeom
  1. Postavite prvu opciju na Osjetljiv, zatim postavite dimenzije na 1200 x 800 i pritisnite enter. Stranica će se sada prikazati s tim dimenzijama.
Alatna traka prilagodljivog uređaja Google Chrome
  1. Na desnoj strani Alatne trake uređaja kliknite navigacijski gumb (3 okomite točke) i odaberite Snimka zaslona snimanja.
Snimite snimku zaslona pomoću Google Chromea
  1. Google Chrome snimit će savršenu snimku zaslona i staviti je na vaš preuzimanja mapu u koju je možete priložiti i poslati e-poštom. Pazite da ne odaberete snimke zaslona u punoj veličini jer će to zauzeti cijelu duljinu stranice i zanemariti ograničenje visine.

Tipkovni prečaci Google Chromea za snimke zaslona

Ako ste majstor tipkovničkih prečaca, ovim prečacima možete napraviti snimku zaslona cijele stranice. Ne sviđa mi se ovaj pristup jer ne mogu postaviti maksimalnu visinu okvira za prikaz… ali dobro dođe ako vam ikada zatreba snimka zaslona cijele stranice.

Tipkovnički prečaci (Mac)

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

Tipkovnički prečaci (Win / Linux)

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

Douglas Karr

Douglas Karr je osnivač Martech Zone i priznati stručnjak za digitalnu transformaciju. Douglas je pomogao pri pokretanju nekoliko uspješnih MarTech startupa, pomogao je u due diligenceu od preko 5 milijardi USD u Martechovim akvizicijama i ulaganjima, te nastavlja s pokretanjem vlastitih platformi i usluga. Suosnivač je Highbridge, konzultantska tvrtka za digitalnu transformaciju. Douglas je također objavljeni autor Dummie's guide i knjige o poslovnom vodstvu.

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.

Vezani članci