10 начина за правене на скрийншот на цяла уеб страница в Mac или Windows

  • Споделя Това
Cathy Daniels

Ако търсите как да направите скрийншот на цяла уебстраница на Mac или PC, тази публикация е за вас. Опитах няколко инструмента и техники, които твърдят, че могат да направят скрийншот на цяла уебстраница, но само някои от тях работят и до момента.

Искате да направите това бързо, затова ще ви покажа как да го направите стъпка по стъпка. Ще посоча също плюсовете и минусите на всеки метод, просто исках да ви спестя време, за да разберете кой метод е най-добрият за вас.

Това ръководство е предназначено за тези, които искат да направят скрийншот на цялата или на дългата уебстраница - т.е. има раздели, които не се виждат напълно на екрана.

Ако просто искате да заснемете статичен прозорец или цял екран на работния плот, това ръководство е не Можете да използвате вградените инструменти на компютъра или телефона си, за да направите това бързо: Shift + Command + 4 (macOS) или Ctrl + PrtScn (Windows).

Резюме:

  • Не искате да изтегляте софтуер или разширение? Опитайте с Метод 1 или Метод 7 .
  • Ако използвате браузъра Mozilla Firefox, опитайте Метод 2 .
  • Ако искате да заснемате скрийншоти и да правите прости редакции, опитайте Метод 3, 5, 6 .

Бърза актуализация : За потребителите на Mac е възможно дори да заснемат екранна снимка в пълен размер без разширение на браузъра.

1. Отворете DevTools в Chrome (команда + опция + I)

2. Отворете командното меню (command + shift + P) и въведете "screenshot".

3. Изберете една от двете опции "Capture full size screenshot" (Заснемане на екранна снимка в пълен размер) на "Capture screenshot" (Заснемане на екранна снимка).

4. Заснетото изображение ще бъде изтеглено на вашия компютър.

- Съвет, предоставен от нашия читател Ханс Куйперс.

1. Отпечатване и запазване на цяла уеб страница като PDF

Да предположим, че искате да извлечете, например, лист от отчета за приходите и разходите от Yahoo Finance. Първо отворете страницата в уеб браузър. Тук използвам Chrome на моя Mac като пример.

Стъпка 1: В менюто на Chrome, щракнете върху Файл> Отпечатване.

Стъпка 2: Щракнете върху бутона "Запази", за да експортирате страницата в PDF файл.

Стъпка 3: Ако искате да вградите финансовия лист в проект на PowerPoint, може да се наложи първо да конвертирате PDF файла в изображение във формат PNG или JPEG, след което да изрежете изображението, за да включите само частта с данните.

Плюсове:

  • Бързо е.
  • Не е необходимо да изтегляте софтуер от трети страни.
  • Качеството на скрийншота е добро.

Против:

  • Може да е необходимо допълнително време за преобразуване на PDF файла в изображение.
  • Трудно е да персонализирате директно снимките на екрана.

2. Снимки на екрана на Firefox (за потребителите на Firefox)

Firefox Screenshots е нова функция, разработена от екипа на Mozilla, която ви помага да правите, изтегляте, събирате и споделяте снимки на екрана. Можете да използвате тази функция, за да запишете бързо снимка на екрана на цяла уеб страница.

Стъпка 1: Кликнете върху менюто Действия на страницата в адресната лента.

Стъпка 2: Изберете опцията "Запазване на цялата страница".

Стъпка 3: Сега можете да изберете да изтеглите изображението директно на работния плот на компютъра си.

Пример: дълга статия, която наскоро публикувах: най-доброто устройство за почистване на Mac, включително безплатно приложение.

Странична бележка : Видях, че тази функция все още е в BETA, така че не е гарантирано, че Firefox ще я запази. Но към момента на последната актуализация на тази публикация тази функция все още е достъпна. Също така най-популярните уеб браузъри като Apple Safari или Google Chrome все още не предлагат тази функция.

3. Parallels Toolbox за Mac (Safari)

Ако искате да направите скрийншот с превъртане на Mac, ще ви хареса тази функция, наречена "Страница за скрийншот" в Parallels Toolbox която включва няколко малки комунални услуги.

Забележка: Parallels Toolbox не е безплатен софтуер, но предлага 7-дневен пробен период без функционални ограничения.

Стъпка 1: изтеглете Parallels Toolbox и инсталирайте приложението на вашия Mac. Отворете го и намерете Правете снимки на екрана> Страница за снимки на екрана .

Стъпка 2: Кликнете върху Страница с екранни снимки и ще ви отведе до друг прозорец с искане за добавяне на разширение към Safari. След като го разрешите, ще видите тази икона да се появява в браузъра Safari.

Стъпка 3: Изберете страницата, на която искате да направите скрийншот, и щракнете върху иконата Parallels Screenshot, след което автоматично ще превъртите страницата, ще направите скрийншот и ще го запазите като PDF файл на работния си плот.

Използвах тази страница за софтуер като пример и тя работи много добре.

Плюсове:

  • Качеството на изходния PDF файл е много добро.
  • Не е необходимо да превъртате ръчно, тъй като приложението ще го направи вместо вас.
  • Освен че можете да направите скрийншот на уеб страница, можете да заснемете и област или прозорец.

Против:

  • Инсталирането на приложението отнема известно време.
  • Той не е безплатен, въпреки че е осигурена 7-дневна пробна версия без ограничения.

4. Страхотен плъгин за снимки на екрана (за Chrome, Firefox, Safari)

Awesome Screenshot има приставка, която може да заснема цялата или част от всяка уеб страница. Освен това тя ви позволява да редактирате скрийншотите: можете да коментирате, да добавяте анотации, да замъглявате чувствителна информация и т.н. Приставката е съвместима с основните уеб браузъри, включително Chrome, Firefox и Safari.

Ето връзките за добавяне на плъгина:

  • Chrome
  • Firefox (Бележка: тъй като вече е наличен Firefox Screenshots, вече не препоръчвам тази приставка. Вижте метод 2 за повече информация.)
  • Сафари

Тествах приставката в Chrome, Firefox и Safari и всички те работят добре. За да улесня работата, ще използвам Google Chrome като пример. Стъпките за използване на Awesome Screenshot за Firefox и Safari са доста сходни.

Стъпка 1: Отворете горната връзка за Chrome и щракнете върху "ADD TO CHROME".

Стъпка 2: Натиснете "Добавяне на разширение".

Стъпка 3: След като иконата на разширението се появи в лентата на Chrome, щракнете върху нея и изберете опцията "Capture entire page".

Стъпка 4: В рамките на няколко секунди тази уебстраница се превърта автоматично надолу. Ще се отвори нова страница (вж. по-долу), на която ще видите екранната снимка с панел за редактиране, който ви позволява да изрязвате, анотирате, добавяте визуализации и т.н. Щракнете върху "Готово", когато приключите.

Стъпка 5: Натиснете иконата "Изтегляне", за да запазите изображението на скрийншота. Това е всичко!

Плюсове:

  • Изключително лесен за използване.
  • Функциите за редактиране на изображения са чудесни.
  • Той е съвместим с основните уеб браузъри.

Против:

  • Според разработчика разширението може да срещне някои проблеми при работа. Все още не съм се сблъскал с такива проблеми.

5. Заснемане на превъртащ се прозорец или цяла страница със Snagit

Наистина ми харесва Snagit (преглед). Това е мощно приложение за заснемане и редактиране на екрани, което ви позволява да правите почти всичко, свързано със заснемането на екрани. За да направите пълна снимка на екрана на уеб страница, следвайте стъпките по-долу (като пример ще използвам Snagit за Windows):

Моля, обърнете внимание: Snagit не е безплатен софтуер, но има 15-дневен безплатен пробен период.

Стъпка 1: Вземете Snagit и го инсталирайте на вашия компютър или Mac. Отворете основния прозорец за заснемане. Изображение> Избор , уверете се, че сте избрали "Прозорец за превъртане". Натиснете червения бутон "Заснемане", за да продължите.

Стъпка 2: Намерете уебстраницата, която искате да заснемете, след което преместете курсора в тази област. Сега Snagit ще се активира и ще видите три жълти бутона със стрелки, които се движат. Долната стрелка представлява "Заснемане на вертикална зона за превъртане", дясната стрелка представлява "Заснемане на хоризонтална зона за превъртане", а стрелката в долния десен ъгъл представлява "Заснемане на цялата зона за превъртане".Опция "Област за вертикално превъртане".

Стъпка 3: Сега Snagit превърта страницата автоматично и заснема частите извън екрана. Скоро ще се появи прозорец на панела Snagit Editor с току-що направената екранна снимка. Виждате ли изброените там налични функции за редактиране? Ето защо Snagit се отличава от останалите: можете да правите толкова промени, колкото желаете, с множество опции.

Плюсове:

  • Той може да заснема както превъртаща се уебстраница, така и прозорец.
  • Мощни функции за редактиране на изображения.
  • Много интуитивен и лесен за използване.

Против:

  • Изтеглянето и инсталирането на приложението отнема време (размер ~90 MB).
  • Тя не е безплатна, но се предлага с 15-дневен пробен период.

6. Приложение Capto (само за Mac)

Capto е приложение за продуктивност за много потребители на Mac, включително и за мен. Основната стойност на приложението е да записва видеоклипове на екрана на вашия Mac, но то също така ви позволява да заснемате екранни снимки и да запазвате изображенията в библиотеката му. След това можете лесно да ги редактирате, организирате и споделяте.

Забележка: Подобно на Snagit, Capto също не е безплатен софтуер, но предлага пробна версия, от която можете да се възползвате.

Ето как да направите цяла снимка на екрана с помощта на Capto:

Стъпка 1: Отворете приложението и в горната част на менюто щракнете върху иконата "Web". Там можете да изберете да заснемете URL адреса на дадена уеб страница по различни начини. Например, ако вече сте на страницата, просто щракнете върху "Snap Active Browser URL".

Стъпка 2: Можете също така да редактирате екранната снимка, например да маркирате област, да добавите стрелка или текст и т.н., като използвате инструментите в левия панел.

Стъпка 3: Сега Capto ще извлече елементите на страницата и ще запише изображение в библиотеката си. След това изберете File> Export (Файл и експортиране), за да го запишете локално.

Забележка: ако изберете да позволите на Capto да заснеме дадена уеб страница от активния браузър, това може да отнеме известно време, ако уеб страницата е по-дълга.

Други методи

По време на проучването си открих и няколко други метода на работа. Не искам да ги представям по-горе, защото не са толкова добри, като се има предвид времето и усилията, които трябва да инвестирате, и качеството на продукцията. Въпреки това те работят, така че не се колебайте да опитате някои от тях.

7. Заснемане на екранна снимка в пълен размер в Chrome без разширение на браузъра

Този съвет беше любезно споделен от един от нашите читатели - Ханс Куйперс.

  • Отваряне на DevTools в Chrome (OPTION + CMD + I)
  • Отворете командното меню (CMD + SHIFT + P) и въведете "screenshot".
  • Изберете една от двете опции "Capture full size screenshot" (Заснемане на екранна снимка в пълен размер) на "Capture screenshot" (Заснемане на екранна снимка).
  • Заснетото изображение ще бъде изтеглено на вашия компютър.

8. Web-Capture.Net

Това е онлайн услуга за правене на скрийншоти на уебсайтове в цял ръст. Първо отваряте уебсайта, копирате URL адреса на уебстраницата, на която искате да направите скрийншот, и го поставяте тук (вж. по-долу). Можете също така да изберете какъв файлов формат да експортирате. Натиснете "Enter" на клавиатурата, за да продължите.

Имайте търпение. Отне ми около две минути, преди да видя съобщението: "Вашата връзка е обработена! Можете да изтеглите файла или ZIP архива." Сега можете да изтеглите снимката на екрана.

Плюсове:

  • Работи.
  • Не е необходимо да инсталирате софтуер.

Против:

  • Множество реклами на уебсайта на компанията.
  • Процесът на създаване на скрийншоти е бавен.
  • Няма функции за редактиране на изображения.

9. Заснемане на цяла страница на екрана (разширение за Chrome)

Подобно на Awesome Screenshot, Full Page Screen Capture е плъгин за Chrome, който е изключително лесен за използване. Просто го инсталирайте (ето връзката към страницата му с разширения) в браузъра Chrome, намерете уеб страницата, която искате да заснемете, и натиснете иконата на разширението. Снимката на екрана се прави почти мигновено. Намирам го обаче за по-малко привлекателен, защото няма функциите за редактиране на изображения, които AwesomeЕкранната снимка има.

10. Paparazzi (само за Mac)

Актуализация: това приложение не е актуализирано от доста дълго време, може да има проблеми със съвместимостта с най-новата версия на macOS. По този начин вече не го препоръчвам.

Paparazzi! е помощна програма за Mac, проектирана и разработена от Нейт Уивър специално за създаване на скрийншоти на уебстраници. Тя е доста интуитивна. Просто копирайте и поставете връзката към уебстраницата, определете размера на изображението или времето за забавяне и приложението ще върне резултата за вас. След като това е направено, щракнете върху иконата за изтегляне, разположена в долния десен ъгъл, за да експортирате скрийншота.

Основното ми притеснение е, че приложението е актуализирано за последен път преди доста години, така че не съм сигурен дали ще бъде съвместимо с бъдещите версии на macOS.

Това са различните начини за правене на снимки на екрана за пълна или превъртаща се уеб страница. Както казах в раздела за кратко обобщение, различните методи имат своите предимства и недостатъци, така че не забравяйте да изберете този, който най-добре отговаря на нуждите ви. Оставям на вас да изберете кой(ите) да използвате.

Както винаги, ако имате въпроси или предложения, не се колебайте да оставите коментар по-долу.

Аз съм Кати Даниелс, експерт по Adobe Illustrator. Използвам софтуера от версия 2.0 и създавам уроци за него от 2003 г. Моят блог е една от най-популярните дестинации в мрежата за хора, които искат да научат Illustrator. В допълнение към работата ми като блогър, аз също съм автор и графичен дизайнер.