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:
- Valitse oikeassa reunassa olevasta navigointipainikkeesta (3 pystysuoraa pistettä) Mukauta ja ohjaa -valikko.
- valita Lisää työkaluja> Kehittäjän työkalut
- Vaihda Laitteen työkalurivi tuoda esiin laitteen vaihtoehdot ja mitat.
- Aseta ensimmäiseksi vaihtoehdoksi herkkä, aseta sitten mitat arvoon 1200 x 800 ja paina Enter. Sivu näytetään nyt näillä mitoilla.
- Napsauta laitteen työkalurivin oikealla puolella olevaa navigointipainiketta (3 pystysuoraa pistettä) ja valitse Kaappaa näyttökuva.
- 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