10 cách để chụp màn hình toàn bộ trang web trên Mac hoặc Windows

  • Chia Sẻ Cái Này
Cathy Daniels

Nếu bạn đang tìm cách chụp toàn bộ ảnh chụp màn hình trang web trên máy Mac hoặc PC, thì bài đăng này dành cho bạn. Tôi đã thử một số công cụ và kỹ thuật được cho là có thể chụp màn hình toàn bộ trang web, nhưng chỉ một số vẫn hoạt động cho đến thời điểm viết bài này.

Bạn muốn hoàn thành việc này nhanh chóng, vì vậy tôi sẽ chỉ cho bạn cách thực hiện từng bước. Tôi cũng sẽ chỉ ra ưu và nhược điểm của từng phương pháp, chỉ muốn giúp bạn tiết kiệm thời gian tìm ra phương pháp nào phù hợp nhất với mình.

Hướng dẫn này dành cho những người muốn chụp toàn bộ ảnh chụp màn hình của toàn bộ hoặc trang web dài — nghĩa là có những phần không hiển thị hoàn toàn trên màn hình của bạn.

Nếu bạn chỉ muốn chụp một cửa sổ tĩnh hoặc toàn bộ màn hình nền, thì hướng dẫn này không dành cho bạn. Bạn có thể sử dụng các công cụ tích hợp trên máy tính hoặc điện thoại của mình để hoàn thành công việc đó một cách nhanh chóng: Shift + Command + 4 (macOS) hoặc Ctrl + PrtScn (Windows).

Tóm tắt:

  • Bạn không muốn tải xuống bất kỳ phần mềm hoặc tiện ích mở rộng nào? Hãy thử Phương pháp 1 hoặc Phương pháp 7 .
  • Nếu bạn đang sử dụng trình duyệt Mozilla Firefox, hãy thử Phương pháp 2 .
  • Nếu bạn muốn chụp ảnh màn hình cũng như thực hiện các chỉnh sửa đơn giản, hãy thử Phương pháp 3, 5, 6 .

Cập nhật nhanh : Đối với người dùng Mac, thậm chí có thể chụp ảnh màn hình kích thước đầy đủ mà không cần tiện ích mở rộng trình duyệt.

1. Mở DevTools trong Chrome (lệnh + tùy chọn + I)

2. Mở Menu Lệnh (command + shift + P) vànhập “ảnh chụp màn hình”

3. Chọn một trong hai tùy chọn “Chụp ảnh màn hình kích thước đầy đủ” của “Chụp ảnh màn hình”.

4. Hình ảnh được chụp sẽ được tải xuống máy tính của bạn.

Mẹo do độc giả của chúng tôi, Hans Kuijpers, đóng góp.

1. In và Lưu Toàn bộ Trang web dưới dạng PDF

Giả sử bạn muốn trích xuất chẳng hạn như một bảng Báo cáo thu nhập từ Yahoo Finance. Đầu tiên, mở trang trên trình duyệt web. Ở đây, tôi sử dụng Chrome trên máy Mac làm ví dụ.

Bước 1: Trên menu Chrome, nhấp vào Tệp > In.

Bước 2: Nhấp vào nút “Lưu” để xuất trang thành tệp PDF.

Bước 3: Nếu bạn muốn nhúng bảng tài chính thành dự án PowerPoint, trước tiên bạn có thể cần phải chuyển đổi tệp PDF thành hình ảnh ở định dạng PNG hoặc JPEG, sau đó chỉ cắt hình ảnh để bao gồm phần dữ liệu.

Ưu điểm:

  • Tốc độ nhanh.
  • Không cần tải xuống bất kỳ phần mềm bên thứ ba nào.
  • Chất lượng ảnh chụp màn hình tốt.

Nhược điểm:

  • Có thể cần thêm thời gian để chuyển đổi tệp PDF thành hình ảnh.
  • Rất khó để tùy chỉnh trực tiếp ảnh chụp màn hình.

2. Ảnh chụp màn hình Firefox (dành cho người dùng Firefox)

Ảnh chụp màn hình Firefox là một tính năng mới do nhóm Mozilla phát triển để giúp bạn chụp, tải xuống, thu thập và chia sẻ ảnh chụp màn hình. Bạn có thể sử dụng tính năng này để lưu nhanh ảnh chụp màn hình của toàn bộ trang web.

Bước 1: Nhấp vào menu Tác vụ trang trong menuthanh địa chỉ.

Bước 2: Chọn tùy chọn “Lưu toàn trang”.

Bước 3: Bây giờ, bạn có thể chọn tải hình ảnh trực tiếp xuống màn hình máy tính của mình.

Ví dụ: một bài báo dài mà tôi đã xuất bản gần đây: trình dọn dẹp máy Mac tốt nhất bao gồm Ứng dụng miễn phí.

Lưu ý bên lề : Tôi thấy rằng điều này tính năng này vẫn đang trong BETA, vì vậy không đảm bảo rằng Firefox sẽ giữ lại tính năng này. Nhưng vào thời điểm bài đăng này được cập nhật lần cuối, tính năng này vẫn có thể truy cập được. Ngoài ra, trình duyệt web phổ biến nhất như Apple Safari hoặc Google Chrome chưa cung cấp tính năng này.

3. Hộp công cụ Parallels dành cho Mac (Safari)

Nếu bạn muốn cuộn ảnh chụp màn hình trên máy Mac, bạn sẽ thích tính năng này có tên là “Trang ảnh chụp màn hình” trong Hộp công cụ Parallels bao gồm một số tiện ích nhỏ.

Lưu ý: Hộp công cụ Parallels không phải là phần mềm miễn phí, nhưng nó cung cấp bản dùng thử 7 ngày mà không có bất kỳ giới hạn chức năng nào.

Bước 1: tải xuống Hộp công cụ Parallels và cài đặt ứng dụng trên máy Mac của bạn. Mở nó và tìm Chụp ảnh màn hình > Trang Ảnh chụp màn hình .

Bước 2: Nhấp vào Trang Ảnh chụp màn hình và nó sẽ đưa bạn đến một cửa sổ khác yêu cầu thêm tiện ích mở rộng vào Safari. Sau khi bật, bạn sẽ thấy biểu tượng này hiển thị trên trình duyệt Safari của mình.

Bước 3: Chọn trang bạn muốn chụp màn hình và nhấp vào biểu tượng Ảnh chụp màn hình Parallels, sau đó nó sẽ tự động cuộn trang của bạn và chụp ảnh màn hình vàlưu dưới dạng tệp PDF trên màn hình của bạn.

Tôi đã sử dụng trang này trên Phần mềm làm ví dụ và nó hoạt động rất tốt.

Ưu điểm:

  • Chất lượng của tệp PDF xuất ra rất tốt.
  • Bạn không cần phải cuộn theo cách thủ công vì ứng dụng sẽ làm việc đó cho bạn.
  • Bên cạnh việc chụp màn hình trang web, bạn cũng có thể chụp ảnh khu vực hoặc cửa sổ.

Nhược điểm:

  • Phải mất một chút thời gian để cài đặt ứng dụng.
  • Đây không phải là phần mềm miễn phí, mặc dù có thời hạn 7 ngày không cung cấp bản dùng thử giới hạn.

4. Plugin Ảnh chụp màn hình tuyệt vời (dành cho Chrome, Firefox, Safari)

Ảnh chụp màn hình tuyệt vời có một plugin có thể chụp tất cả hoặc một phần của bất kỳ trang web nào. Ngoài ra, nó cho phép bạn chỉnh sửa ảnh chụp màn hình: Bạn có thể nhận xét, thêm chú thích, làm mờ thông tin nhạy cảm, v.v. Plugin tương thích với các trình duyệt web chính bao gồm Chrome, Firefox và Safari.

Dưới đây là các liên kết đến thêm plugin:

  • Chrome
  • Firefox (Lưu ý: vì Ảnh chụp màn hình Firefox hiện đã có nên tôi không đề xuất plugin này nữa. Hãy xem phương pháp 2 để biết thêm .)
  • Safari

Tôi đã thử nghiệm plugin này trên Chrome, Firefox và Safari và tất cả đều hoạt động tốt. Để làm cho mọi thứ dễ dàng hơn, tôi sẽ sử dụng Google Chrome làm ví dụ. Các bước để sử dụng Ảnh chụp màn hình tuyệt vời cho Firefox và Safari khá giống nhau.

Bước 1: Mở liên kết Chrome ở trên và nhấp vào “THÊM VÀO CHROME”.

Bước 2: Nhấn “ Thêm tiện ích mở rộng.”

Bước 3: Sau khi tiện ích mở rộnghiển thị trên thanh Chrome, hãy nhấp vào biểu tượng đó và chọn tùy chọn “Chụp toàn bộ trang”.

Bước 4: Trong vòng vài giây, trang web đó sẽ tự động cuộn xuống. Một trang mới sẽ mở ra (xem bên dưới), hiển thị cho bạn ảnh chụp màn hình với bảng chỉnh sửa cho phép bạn cắt, chú thích, thêm hình ảnh, v.v. Nhấp vào “Xong” khi bạn hoàn tất.

Bước 5: Nhấn biểu tượng “tải xuống” để lưu ảnh chụp màn hình. Vậy là xong!

Ưu điểm:

  • Cực kỳ dễ sử dụng.
  • Các tính năng chỉnh sửa hình ảnh rất tuyệt vời.
  • Thật tuyệt vời tương thích với các trình duyệt web chính.

Nhược điểm:

  • Tiện ích mở rộng có thể gặp một số vấn đề về hoạt động, theo nhà phát triển tiện ích. Tôi chưa gặp bất kỳ sự cố nào như vậy.

5. Chụp Cửa sổ cuộn hoặc Toàn bộ trang bằng Snagit

Tôi thực sự thích Snagit (đánh giá). Đây là một ứng dụng chỉnh sửa và chụp màn hình mạnh mẽ cho phép bạn thực hiện hầu hết mọi thứ liên quan đến chụp màn hình. Để chụp ảnh màn hình đầy đủ của một trang web, hãy làm theo các bước bên dưới (tôi sẽ sử dụng Snagit cho Windows làm ví dụ):

Xin lưu ý: Snagit không phải là phần mềm miễn phí, nhưng nó có 15- ngày dùng thử miễn phí.

Bước 1: Tải Snagit và cài đặt nó trên PC hoặc máy Mac của bạn. Mở cửa sổ chụp chính. Trong Hình ảnh > Lựa chọn , đảm bảo bạn chọn “Cửa sổ cuộn”. Nhấn nút Chụp màu đỏ để tiếp tục.

Bước 2: Tìm trang web bạn muốn chụp màn hình, sau đódi chuyển con trỏ đến khu vực đó. Bây giờ Snagit sẽ được kích hoạt và bạn sẽ thấy ba nút mũi tên màu vàng đang di chuyển. Mũi tên dưới cùng đại diện cho “Chụp khu vực cuộn dọc”, mũi tên bên phải đại diện cho “Chụp khu vực cuộn ngang” và mũi tên ở góc dưới bên phải đại diện cho “Chụp toàn bộ khu vực cuộn”. Tôi đã nhấp vào tùy chọn “Chụp khu vực cuộn dọc”.

Bước 3: Giờ đây, Snagit sẽ tự động cuộn trang và chụp các phần ngoài màn hình. Ngay sau đó, một cửa sổ bảng điều khiển Snagit Editor sẽ bật lên với ảnh chụp màn hình mà nó vừa chụp. Xem các tính năng chỉnh sửa có sẵn được liệt kê ở đó? Đó là lý do tại sao Snagit nổi bật giữa đám đông: Bạn có thể thực hiện bao nhiêu thay đổi tùy thích với vô số tùy chọn.

Ưu điểm:

  • Có thể chụp trang web đang cuộn cũng như cửa sổ.
  • Các tính năng chỉnh sửa hình ảnh mạnh mẽ.
  • Rất trực quan và dễ sử dụng.

Nhược điểm:

  • Mất thời gian để tải xuống và cài đặt ứng dụng (dung lượng ~90MB).
  • Ứng dụng này không miễn phí, mặc dù đi kèm với bản dùng thử 15 ngày .

6. Ứng dụng Capto (Chỉ dành cho Mac)

Capto là một ứng dụng năng suất dành cho nhiều người dùng Mac, bao gồm cả tôi. Giá trị cốt lõi của ứng dụng là quay video màn hình trên máy Mac của bạn, nhưng nó cũng cho phép bạn chụp ảnh màn hình và lưu ảnh vào thư viện của ứng dụng. Sau đó, bạn có thể dễ dàng chỉnh sửa, sắp xếp và chia sẻ chúng.

Lưu ý: Tương tự như Snagit, Capto cũng không phải là phần mềm miễn phí nhưng nócung cấp bản dùng thử mà bạn có thể tận dụng.

Dưới đây là cách chụp toàn bộ ảnh chụp màn hình bằng Capto:

Bước 1: Mở ứng dụng và trên đầu menu, nhấp vào biểu tượng “Web”. Ở đó, bạn có thể chọn chụp URL của trang web theo nhiều cách khác nhau. Ví dụ: nếu bạn đã ở trên trang này, chỉ cần nhấp vào “Chụp nhanh URL trình duyệt đang hoạt động”

Bước 2: Bạn cũng có thể chỉnh sửa ảnh chụp màn hình, ví dụ: đánh dấu một khu vực, thêm mũi tên hoặc văn bản, v.v. bằng cách sử dụng các công cụ trên bảng điều khiển bên trái.

Bước 3: Bây giờ, Capto sẽ trích xuất các thành phần trang và lưu hình ảnh vào thư viện của nó. Sau đó, bạn chọn Tệp > Xuất để lưu cục bộ.

Lưu ý: nếu bạn chọn để Capto chụp trang web từ trình duyệt đang hoạt động, quá trình này có thể mất chút thời gian trong trường hợp trang web dài hơn.

Các phương pháp khác

Trong quá trình khám phá, tôi cũng tìm thấy một vài phương pháp hoạt động khác. Tôi không muốn giới thiệu chúng ở trên vì chúng không tốt bằng nếu xét đến thời gian và công sức bạn cần đầu tư cũng như chất lượng đầu ra. Tuy nhiên, chúng hoạt động hiệu quả, vì vậy hãy thử một vài trong số chúng.

7. Chụp ảnh màn hình kích thước đầy đủ trên Chrome mà không cần tiện ích mở rộng trình duyệt

Mẹo này rất hữu ích được chia sẻ bởi một trong những độc giả của chúng tôi, Hans Kuijpers.

  • Mở DevTools trong Chrome (TÙY CHỌN + CMD + I)
  • Mở Menu Lệnh (CMD + SHIFT + P) và nhập vào “ảnh chụp màn hình”
  • Chọn một trong hai tùy chọn “Chụp kích thước đầy đủảnh chụp màn hình” của “Chụp ảnh chụp màn hình”.
  • Hình ảnh đã chụp sẽ được tải xuống máy tính của bạn.

8. Web-Capture.Net

Đó là bản trực tuyến đầy đủ -độ dài dịch vụ ảnh chụp màn hình trang web. Trước tiên, bạn mở trang web, sao chép URL của trang web bạn muốn chụp màn hình và dán vào đây (xem bên dưới). Bạn cũng có thể chọn định dạng tệp để xuất. Nhấn “Enter” trên bàn phím để tiếp tục.

Hãy kiên nhẫn. Tôi mất khoảng hai phút trước khi nhìn thấy thông báo “Liên kết của bạn đã được xử lý! Bạn có thể tải xuống tệp hoặc kho lưu trữ ZIP.” Bây giờ bạn có thể tải xuống ảnh chụp màn hình.

Ưu điểm:

  • Nó hoạt động.
  • Không cần cài đặt bất kỳ phần mềm nào.

Nhược điểm:

  • Có hàng tấn quảng cáo trên trang web.
  • Quá trình chụp màn hình chậm.
  • Không có tính năng chỉnh sửa hình ảnh.

9. Chụp màn hình toàn trang (Tiện ích mở rộng của Chrome)

Tương tự như Ảnh chụp màn hình tuyệt vời, Chụp màn hình toàn trang là một plugin Chrome cực kỳ dễ sử dụng. Chỉ cần cài đặt nó (đây là liên kết đến trang tiện ích mở rộng của nó) trên trình duyệt Chrome của bạn, tìm trang web bạn muốn chụp và nhấn vào biểu tượng tiện ích mở rộng. Một ảnh chụp màn hình được thực hiện gần như ngay lập tức. Tuy nhiên, tôi thấy ứng dụng này kém hấp dẫn hơn vì không có các tính năng chỉnh sửa hình ảnh mà Ảnh chụp màn hình tuyệt vời có.

10. Paparazzi (Chỉ dành cho máy Mac)

Cập nhật: ứng dụng này đã không được cập nhật trong một thời gian khá dài, có thể có vấn đề tương thích vớimacOS mới nhất. Do đó, tôi không khuyến nghị nó nữa.

Paparazzi! là một tiện ích Mac được Nate Weaver thiết kế và phát triển đặc biệt để tạo ảnh chụp màn hình của các trang web. Nó khá trực quan. Chỉ cần sao chép và dán liên kết trang web, xác định kích thước hình ảnh hoặc thời gian trễ và ứng dụng sẽ trả về kết quả cho bạn. Sau khi hoàn tất, hãy nhấp vào biểu tượng tải xuống ở góc dưới cùng bên phải để xuất ảnh chụp màn hình.

Mối quan tâm chính của tôi là ứng dụng được cập nhật lần cuối cách đây vài năm, vì vậy tôi' Tôi không chắc liệu nó có tương thích với các phiên bản macOS trong tương lai hay không.

Đây là những cách khác nhau để chụp ảnh màn hình cho một trang web đầy đủ hoặc cuộn. Như tôi đã nói trong phần tóm tắt nhanh, các phương pháp khác nhau đều có ưu điểm và nhược điểm riêng, vì vậy hãy đảm bảo chọn phương pháp phù hợp nhất với nhu cầu của bạn. Tôi sẽ để bạn chọn (những) cái nào sẽ sử dụng.

Như thường lệ, nếu bạn có bất kỳ câu hỏi hoặc đề xuất nào, vui lòng để lại nhận xét bên dưới.

Tôi là Cathy Daniels, một chuyên gia về Adobe Illustrator. Tôi đã sử dụng phần mềm này kể từ phiên bản 2.0 và đã tạo các hướng dẫn cho phần mềm này từ năm 2003. Blog của tôi là một trong những điểm đến phổ biến nhất trên web dành cho những người muốn học Illustrator. Ngoài công việc là một blogger, tôi còn là một tác giả và một nhà thiết kế đồ họa.