Sisältö MarkkinointiMarkkinointi- ja myyntivideotMarkkinointityökalut

Kuinka ottaa verkkosivuston näyttökuva tietyillä mitoilla Google Chromen avulla

Jos edustat toimistoa tai yritystä, jolla on useita sivustoja tai sivuja, jotka haluat jakaa verkossa, olet todennäköisesti käynyt läpi tuskan yrittäessäsi kaapata yhtenäisiä kuvakaappauksia jokaisesta sivustosta.

Yksi asiakkaistamme, jonka kanssa työskentelemme, rakentaa isännöityjä intranet-ratkaisuja, joita voidaan isännöidä yrityksen sisällä. Intranetit ovat uskomattoman hyödyllisiä yrityksille viestimään yritysuutisia, jakamaan markkinointitietoja, tarjoamaan etuja jne.

Auttoimme tätä asiakasta siirtämään Intranet-ratkaisutuotteensa emoyhtiön verkkosivustolta. Se oli laaja projekti, joka sisälsi kaikkea uusien sosiaalisten profiilien luomisesta, Marketon päivittämisestä ja sitten omien sivustojensa yhdistämiseen tehdyn mukautetun kehitystyön purkamisesta.

Yksi kriittinen askel oli varmistaa, että meillä on loistavat tuotekuvat asiakkaidensa intranet-sivustoista näkyvästi heidän uudella verkkosivustollaan. Halusimme varmistaa, että jokainen kuvakaappaus oli jatkuvasti saman leveä ja korkea koko sivustolla. Tämä voi olla vaikeaa… ellet käytä Google Chromea.

Asiakkaan näyttökuvat Google Chromella

Et ehkä ymmärrä tätä, mutta voit ottaa täydellisiä kuvakaappauksia Google Chromen sisäänrakennetuilla tehokkailla kehittäjätyökaluilla. Mielenkiintoista on, että hämmästyttävästä joustavuudestaan ​​​​huolimatta se ei ole kovin tunnettu ominaisuus. Ominaisuuden avulla voit myös ottaa kuvia responsiivisesta sivustostasi tiettyjen mittojen ja näyttökokojen mukaan.

Tässä on nopea video-opastus siitä, kuinka voit ottaa täydellisen, erityisen kokoisen kuvakaappauksen verkkosivusta Google Chromella:

Vaiheet kuvakaappauksen ottamiseen Google Chromen avulla

Google Chromen kehittäjätyökalut voivat esikatsella sivustoa laitteen työkalurivin avulla. Työkalu rakennettiin niin, että kehittäjät näkivät, miltä sivusto näytti erikokoisina eri laitteissa… mutta se on myös täydellinen tapa saada täydellisen kokoinen kuvakaappaus verkkosivusta.

Tässä tapauksessa haluamme jokaisen asiakkaan avainasiakkaan eri toimialoilla, jotka ovat rakentaneet kauniita intranet-sivustoja, ottavan kuvakaappauksen, jotta voimme näyttää ne kaikki heidän verkkosivustonsa portfoliossa. Haluamme, että sivut ovat täsmälleen 1200 pikseliä leveitä ja 800 pikseliä korkeita. Tämän saavuttamiseksi:

  1. Valitse oikeassa reunassa olevasta navigointipainikkeesta (3 pystysuoraa pistettä) Mukauta ja ohjaa -valikko.
Kehittäjän työkaluvalikko Google Chromella
  1. valita Lisää työkaluja> Kehittäjän työkalut
Kehittäjän työkalut Google Chromen kanssa
  1. Vaihda Laitteen työkalurivi tuoda esiin laitteen vaihtoehdot ja mitat.
Toggle Device Toolbar with Google Chrome
  1. Aseta ensimmäiseksi vaihtoehdoksi herkkä, aseta sitten mitat arvoon 1200 x 800 ja paina Enter. Sivu näytetään nyt näillä mitoilla.
Reagoivan laitteen työkalupalkki Google Chrome
  1. Napsauta laitteen työkalurivin oikealla puolella olevaa navigointipainiketta (3 pystysuoraa pistettä) ja valitse Kaappaa näyttökuva.
Sieppaa näyttökuva Google Chromella
  1. Google Chrome ottaa täydellisen kuvakaappauksen ja pudottaa sen omaan Lataukset kansio, johon voit liittää ja lähettää sen sähköpostitse. Älä valitse täysikokoisia kuvakaappauksia, koska se vie koko sivun pituuden ja jättää huomiotta korkeusrajoituksen.

Google Chromen pikanäppäimet kuvakaappauksia varten

Jos olet pikanäppäinten pääkäyttäjä, voit ottaa koko sivun kuvakaappauksen näillä pikanäppäimillä. En pidä tästä lähestymistavasta, koska en voi asettaa näkymän enimmäiskorkeutta… mutta se on kätevä, jos tarvitset koko sivun kuvakaappauksen.

Pikanäppäimet (Mac)

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

Pikanäppäimet (Win / Linux)

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

Douglas Karr

Douglas Karr on CMO of OpenINSIGHTS ja perustaja Martech Zone. Douglas on auttanut kymmeniä menestyneitä MarTech-startuppeja, auttanut yli 5 miljardin dollarin due diligence -tarkastuksessa Martechin hankinnoissa ja investoinneissa ja avustaa edelleen yrityksiä niiden myynti- ja markkinointistrategioiden toteuttamisessa ja automatisoinnissa. Douglas on kansainvälisesti tunnustettu digitaalisen transformaation ja MarTechin asiantuntija ja puhuja. Douglas on myös julkaissut Dummie's-oppaan ja yritysjohtajuuskirjan.

Aiheeseen liittyvät artikkelit

Takaisin alkuun -painiketta
lähellä

Adblock havaittu

Martech Zone pystyy tarjoamaan sinulle tämän sisällön veloituksetta, koska ansaitsemme sivustomme mainostulojen, kumppanilinkkien ja sponsoroinnin kautta. Olisimme kiitollisia, jos poistaisit mainosten esto-ohjelman, kun katselet sivustoamme.