Marketing treściFilmy marketingowe i sprzedażoweNarzędzia marketingowe

Jak zrobić zrzut ekranu witryny o określonych wymiarach za pomocą przeglądarki Google Chrome

Jeśli reprezentujesz agencję lub firmę, która ma portfolio witryn lub stron, które chcesz udostępnić online, prawdopodobnie nieraz próbowałeś zrobić jednolite zrzuty ekranu każdej witryny.

Jeden z klientów, z którymi współpracujemy, buduje hostowane rozwiązania intranetowe, które mogą być hostowane wewnętrznie w ramach firmy. Intranety są niezwykle pomocne dla firm w przekazywaniu wiadomości firmowych, rozpowszechnianiu informacji marketingowych, dostarczaniu informacji o korzyściach itp.

Pomogliśmy temu klientowi przeprowadzić migrację rozwiązania intranetowego z witryny internetowej firmy macierzystej. Był to rozległy projekt, który obejmował wszystko, od tworzenia nowych profili społecznościowych, aktualizacji Marketo, a następnie demontażu niektórych niestandardowych rozwiązań, które wprowadzili w celu połączenia swoich witryn.

Jednym z krytycznych kroków było upewnienie się, że w ich nowej witrynie internetowej będą dobrze widoczne zdjęcia produktów przedstawiające witryny intranetowe ich klientów. Chcieliśmy mieć pewność, że każdy zrzut ekranu ma tę samą szerokość i wysokość w całej witrynie. Może to być trudne… chyba że używasz Google Chrome.

Zrzuty ekranu klienta z Google Chrome

Być może nie zdajesz sobie z tego sprawy, ale dzięki wbudowanemu zestawowi solidnych narzędzi programistycznych przeglądarki Google Chrome możesz robić doskonałe zrzuty ekranu. Co ciekawe, pomimo swojej niesamowitej elastyczności, nie jest to zbyt dobrze znana funkcja. Ta funkcja umożliwia również robienie zdjęć responsywnej witryny dla określonych wymiarów i rozmiarów ekranu.

Oto krótki samouczek wideo, jak zrobić doskonały zrzut ekranu strony internetowej o określonym rozmiarze za pomocą przeglądarki Google Chrome:

Kroki, aby zrobić zrzut ekranu w Google Chrome

Narzędzia programistyczne przeglądarki Google Chrome umożliwiają wyświetlanie podglądu witryny za pomocą paska narzędzi urządzenia. Narzędzie zostało zbudowane tak, aby programiści mogli zobaczyć, jak witryna wyglądała w różnych rozmiarach rzutni na różnych urządzeniach… ale zdarza się również, że jest to doskonały sposób na uzyskanie idealnego zrzutu ekranu strony internetowej.

W tym przypadku chcemy, aby każdy z kluczowych klientów klienta z różnych branż, którzy zbudowali piękne witryny intranetowe, zrobił zrzut ekranu, abyśmy mogli wyświetlić ich wszystkich w portfolio na ich stronie internetowej. Chcemy, aby strony miały dokładnie 1200 pikseli szerokości i 800 pikseli wysokości. Do osiągnięcia tego:

  1. W skrajnym prawym przycisku nawigacyjnym (3 kropki w pionie) wybierz Dostosuj i steruj menu.
Menu narzędzi programistycznych w przeglądarce Google Chrome
  1. Wybierz Więcej narzędzi> Narzędzia dla programistów
Narzędzia dla programistów z Google Chrome
  1. Przełącz opcję Pasek narzędzi urządzenia aby wyświetlić opcje i wymiary urządzenia.
Przełącz pasek narzędzi urządzenia z Google Chrome
  1. Ustaw pierwszą opcję na Czuły, a następnie ustaw wymiary na 1200 x 800 i naciśnij Enter. Strona zostanie teraz wyświetlona z tymi wymiarami.
Responsywny pasek narzędzi urządzenia Google Chrome
  1. Po prawej stronie paska narzędzi urządzenia kliknij przycisk nawigacji (3 pionowe kropki) i wybierz Zrzut ekranu.
Zrób zrzut ekranu za pomocą przeglądarki Google Chrome
  1. Google Chrome wykona doskonały zrzut ekranu i umieści go w Twoim Pliki do Pobrania folder, do którego można dołączyć i wysłać w wiadomości e-mail. Pamiętaj, aby nie wybierać pełnowymiarowych zrzutów ekranu, ponieważ zajmie to całą długość strony i zignoruje limit wysokości.

Skróty klawiaturowe Google Chrome do zrzutów ekranu

Jeśli jesteś mistrzem skrótów klawiaturowych, możesz zrobić zrzut ekranu z całej strony za pomocą tych skrótów. Nie podoba mi się to podejście, ponieważ nie mogę ustawić maksymalnej wysokości rzutni… ale przydaje się, jeśli kiedykolwiek potrzebujesz zrzutu ekranu całej strony.

Skróty klawiaturowe (Mac)

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

Skróty klawiaturowe (Win / Linux)

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

Douglas Karr

Douglas Karr jest dyrektorem ds. marketingu OtwórzWglądy i założycielem Martech Zone. Douglas pomógł dziesiątkom odnoszących sukcesy start-upów MarTech, pomagał w due diligence ponad 5 miliardów dolarów w przejęciach i inwestycjach Martech i nadal pomaga firmom we wdrażaniu i automatyzacji ich strategii sprzedaży i marketingu. Douglas to uznany na całym świecie ekspert ds. transformacji cyfrowej oraz MarTech i mówca. Douglas jest także autorem przewodnika dla manekinów i książki o przywództwie biznesowym.

Powiązane artykuły

Powrót do góry przycisk
Zamknij

Wykryto Adblock

Martech Zone jest w stanie udostępnić Ci te treści bez żadnych kosztów, ponieważ zarabiamy na naszej witrynie poprzez przychody z reklam, linki partnerskie i sponsoring. Będziemy wdzięczni za usunięcie blokady reklam podczas przeglądania naszej witryny.