Ảnh chụp màn hình trang web chất lượng cao nhất?


16

Tôi đã tạo một trang web mà tôi muốn thêm vào danh mục đầu tư của mình, nhưng tôi đang gặp khó khăn để có được ảnh chụp màn hình chất lượng cao của trang web đầy đủ. Tôi đã cố lưu trang web dưới dạng PDF, nhưng đó là lỗi, các dịch vụ trực tuyến khác không thể tạo lại hình ảnh và vân vân. Tôi cũng đã cố gắng chụp ảnh màn hình thường xuyên trên máy Mac để kết hợp tất cả lại với nhau, nhưng nó thực sự đã mất rất nhiều chất lượng khi tôi thu nhỏ nó xuống.

Bất kỳ ý tưởng tốt? :)


Bạn có thể cung cấp một ví dụ về những gì đang xảy ra, và có lẽ là một bản demo về những gì bạn đang cố gắng để đạt được?
cclark413

Khi bạn nói "danh mục đầu tư", bạn có nghĩa là một vật lý (được in trên giấy) hoặc một bộ ảnh (JPG, PNG) mà bạn có thể phân phối trên phương tiện kỹ thuật số hoặc trực tuyến?
Daze

Tôi rất quan tâm tại sao ảnh chụp màn hình mac mà OP đã thử không tốt hơn các giải pháp dưới đây. Tôi không biết về bất kỳ ảnh chụp màn hình Hi Def nào, vì vậy nếu ai đó có thể vui lòng giải thích điều đó cho tôi. Hơn nữa, tôi cũng quan tâm đến vấn đề mở rộng. Thông thường nó là cách khác xung quanh. Tất nhiên, khi bạn thu nhỏ thứ gì đó xuống - có ít không gian hơn để pixel đại diện cho hình ảnh, nhưng làm mất "chất lượng"? Có lẽ phần trăm thu phóng của bạn làm cho nó xuất hiện theo cách này? Hãy thử 100%
cclark413

1
Độ phân giải màn hình 1920x1080 (1080p) cho hình ảnh để in phù hợp với 6,4 x 3,6 inch
horatio

Câu trả lời:


16

Trong Firefox, bạn có thể mở giao diện điều khiển Shift+F2và sử dụng screenshot --fullpage.

Để chia tỷ lệ thành các kích thước và kích thước khác nhau trong khi duy trì chất lượng văn bản, hãy sử dụng Ctrl+Shift+M(hoặc Cmd+Opt+Mtrên OS X) để vào trình xem thiết kế đáp ứng và thay đổi kích thước khi cần (bạn cũng có thể sử dụng điều này để có ảnh chụp màn hình ở độ phân giải cao hơn hỗ trợ màn hình của bạn hoặc lấy ảnh của máy tính bảng / lượt xem trên thiết bị di động). Không cần plugin.

Ví dụ lớn

Ví dụ nhỏ


7

Nếu bạn muốn chụp ảnh màn hình toàn trang trên một trang web, bạn có thể sử dụng Trình cắm Google Chrome này .

Điều này sẽ tạo một số ảnh chụp màn hình (trong khi cuộn) và kết hợp chúng thành một hình ảnh .png.

Bạn chỉ cần nhấp vào plugin và chọn "Chụp toàn bộ trang".

nhập mô tả hình ảnh ở đây


Cá nhân tôi sử dụng cái này , nó làm cho nó khá dễ dàng để lưu các tập tin.
Yisela

Các ảnh chụp màn hình nên được sử dụng trong danh mục đầu tư trên trang web của riêng tôi. Tôi đã thử cả Ảnh chụp màn hình tuyệt vời và Ảnh chụp màn hình trang web, nhưng chúng không hoạt động trên trang tôi đang cố chụp. Hiệu ứng thị sai làm hỏng ảnh chụp màn hình và các yếu tố xuất hiện đầu tiên khi người dùng cuộn xuống nó, không xuất hiện trên ảnh chụp màn hình. Tôi đã xem xét một vài giải pháp có thể chuyển đổi css thành vector, sẽ rất hoàn hảo, nhưng chúng dường như phá hỏng cấu trúc của trang và không thể xử lý hình ảnh.
McKeene

1
parralax là một hình ảnh động không thể chụp trong ảnh tĩnh. Hãy thử vô hiệu hóa hình nền và sau đó tạo một hình ảnh tổng hợp bằng cách sử dụng screencaps và các tệp nguồn.
horatio

1
Tôi cũng dùng cái này Thật là tuyệt vời Nó không hoạt động trên các tập tin địa phương mặc dù. Bạn cần lưu trữ trang html trước. Ngoài ra còn có màn hình in của goog ol '. Nếu bạn muốn có một công cụ chụp màn hình nhanh để ghi lại chuyển động / thị sai, hãy thử Screencast-o-matic . Nó dựa trên web và đầu ra video có chất lượng khá tốt.
John

1

Tôi khuyên dùng Faststone Capture , bạn cũng có thể sử dụng bên ngoài trình duyệt cho mọi thứ khác. Thật không may, như được đề cập bởi @McKeene, nó có vấn đề khi dán các hình ảnh đơn lẻ với nhau thành một hình lớn vì hiệu ứng cuộn.

Phiên bản 5.3 miễn phí (tải xuống tiếng Đức) cho người dùng gia đình. Nếu không, phiên bản mới nhất là khoảng $ 20.

Ảnh chụp màn hình FastStone


1

Người dùng Firefox chỉ cần thêm một plugin có tên "Ảnh chụp màn hình tuyệt vời". Để tải xuống tiện ích bổ sung này, hãy truy cập liên kết sau https://addons.mozilla.org/en-US/firefox/addon/awclaw-sc mãi-capture-/

Người dùng Chrome có thể truy cập https://chrom.google.com.vn/webstore/detail/awclaw-sc mãi-captur/alelhddbbhepgpmgidjdcjakblofbmce?hl=vi

addon này cho phép người dùng chụp ảnh màn hình của phần VISIBLE cũng như TRANG đầy đủ, bạn có thể cắt, chèn hình, v.v. mà không cần chuyển sang chương trình khác.


1

Gần đây tôi đã bắt đầu sử dụng Pagelayers cho mac và tôi khá hài lòng với nó.

Một số điều mà tôi yêu thích:

  • Các psd có thể được tạo ở chiều rộng tùy chỉnh & chiều cao vô hạn.

  • Các psd được tạo được chia thành các nhóm và lớp.

  • Có thể lưu trực tiếp vào PNG

Một số điều làm phiền tôi:

  • Yêu cầu trang được tải trên ứng dụng. Không có phần mở rộng chrome. Điều này có thể khá tẻ nhạt, đặc biệt là khi bạn chỉ muốn một ảnh chụp màn hình đơn giản. (Nắm chặt lớn nhất của tôi với nó)
  • Tệp psd được tạo có thể khá lớn.

Những điều bạn có thể không thích:

Giá: £ 20

Tôi có một trường hợp sử dụng khác cho nó do đó tôi có thể biện minh cho giá, tuy nhiên bạn có thể không nếu bạn chỉ cần ảnh chụp màn hình đơn giản.

Hi vọng điêu nay co ich.


1

Chỉ trong trường hợp ai đó quan tâm để đọc tất cả các câu trả lời và không hài lòng với những câu hỏi trên, cũng rất tuyệt vời, có một plugin ảnh chụp màn hình khác cho Firefox: "Screengrab!" . Tôi không biết bạn có thể nhận được độ phân giải nào, nhưng toàn bộ trang hiện tại sẽ nằm trên ảnh chụp màn hình, không chỉ là phần hiển thị. Thông thường, bạn có thể đi và lấy một lựa chọn được chỉ định hoặc chỉ phần hiện đang hiển thị trên màn hình của bạn, nó sẽ lưu thành định dạng png.


Độ phân giải bạn nhận được tùy thuộc vào cấu hình hiển thị của màn hình bạn đang sử dụng.
Rafael
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.