Tangkapan layar situs web berkualitas tertinggi?

16

Saya telah membuat situs web yang ingin saya tambahkan ke portofolio saya, tetapi saya mengalami kesulitan mendapatkan tangkapan layar berkualitas tinggi dari situs lengkap. Saya mencoba untuk menyimpan situs web sebagai PDF, tetapi itu penuh dengan kesalahan, layanan online lainnya tidak dapat membuat ulang gambar dan sebagainya. Saya juga baru saja mencoba mengambil tangkapan layar biasa pada mac untuk menggabungkan semuanya, tetapi benar-benar kehilangan banyak kualitas ketika saya memperkecilnya.

Ada ide bagus? :)

website-design screenshot pengguna22524
sumber
Bisakah Anda memberikan contoh tentang apa yang terjadi, dan mungkin demo dari apa yang ingin Anda capai?
cclark413
Ketika Anda mengatakan "portofolio", apakah maksud Anda yang fisik (dicetak di atas kertas), atau koleksi gambar (JPG, PNG) yang dapat Anda bagikan di media digital atau online?
Daze
Saya sangat tertarik mengapa screenshot mac OP telah mencoba tidak lebih baik daripada solusi di bawah ini. Saya tidak mengetahui tangkapan layar Hi Def, jadi jika seseorang dapat menjelaskannya kepada saya. Selanjutnya, saya juga tertarik dengan masalah penskalaan. Biasanya sebaliknya. Tentu saja, ketika Anda menurunkan skala sesuatu - ada sedikit ruang untuk piksel untuk mewakili gambar, tetapi hilangnya "kualitas"? Mungkin persen zoom Anda membuatnya tampak seperti ini? Coba 100%
cclark413
1
Resolusi layar 1920x1080 (1080p) memberikan gambar untuk pencetakan yang cocok untuk 6,4 x 3,6 inci
horatio

Jawaban:

16

Di Firefox, Anda dapat membuka Shift+F2dan menggunakan konsol screenshot --fullpage.

Untuk menskalakannya ke dimensi dan ukuran yang berbeda sambil menjaga kualitas teks, gunakan Ctrl+Shift+M(atau Cmd+Opt+Mpada OS X) untuk masuk ke penampil desain responsif dan ubah ukuran sesuai kebutuhan (Anda juga dapat menggunakan ini untuk mendapatkan tangkapan layar pada resolusi lebih tinggi daripada yang didukung monitor Anda, atau mengambil gambar tampilan tablet / seluler). Tidak perlu plug-in.

Contoh besar

Contoh kecil

Slade
sumber
7

Jika Anda ingin mengambil tangkapan layar satu halaman penuh di situs web, Anda dapat menggunakan Plugin Google Chrome ini .

Ini akan membuat beberapa tangkapan layar (saat menggulir) dan menggabungkannya menjadi satu gambar .png.

Anda hanya perlu mengklik plugin dan memilih "Tangkap seluruh halaman".

masukkan deskripsi gambar di sini

Stéphane
sumber
Saya pribadi menggunakan ini , itu membuatnya cukup mudah untuk menyimpan file.
Yisela
Tangkapan layar harus digunakan dalam portofolio di situs web saya sendiri. Saya sudah mencoba Screenshot Keren dan Screenshot Webpage, tetapi mereka tidak berfungsi pada halaman yang saya coba tangkap. Efek paralaks merusak tangkapan layar dan elemen yang pertama kali muncul ketika pengguna menggulir ke bawah untuk itu, tidak muncul pada tangkapan layar. Saya telah melihat beberapa solusi yang dapat mengkonversi css ke vektor, yang akan menjadi sempurna, tetapi mereka tampaknya merusak struktur halaman dan tidak dapat menangani gambar.
McKeene
1
parralax adalah animasi yang tidak dapat ditangkap dalam gambar diam. Coba nonaktifkan gambar latar belakang dan kemudian buat gambar komposit menggunakan screencaps dan file sumber.
horatio
1
Saya menggunakan ini juga. Itu luar biasa. Itu tidak berfungsi pada file lokal. Anda harus meng-host halaman html terlebih dahulu. Juga ada layar cetak Google. Jika Anda ingin alat tangkapan layar cepat untuk menangkap gerakan / paralaks, coba Screencast-o-matic . Ini berbasis web dan output video kualitasnya cukup bagus.
John
1

Saya merekomendasikan Faststone Capture , yang juga bisa Anda gunakan di luar browser untuk hal lain. Sayangnya, seperti yang disebutkan oleh @McKeene, ia memiliki masalah menempelkan gambar tunggal bersama-sama menjadi besar karena efek gulir.

Versi 5.3 gratis (unduhan Jerman) untuk pengguna rumahan. Kalau tidak, versi terbaru adalah sekitar $ 20.

Tangkapan Layar FastStone

Thomas Weller
sumber
1

Pengguna Firefox hanya menambahkan plugin yang disebut "Awesome Screenshot". Untuk mengunduh addon ini, kunjungi tautan berikut https://addons.mozilla.org/en-US/firefox/addon/awesome-screenshot-capture-/

Pengguna Chrome dapat membuka https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce?hl=id

addon ini memungkinkan pengguna untuk mengambil tangkapan layar bagian TERLIHAT serta HALAMAN LENGKAP, Anda dapat memotong, menyisipkan bentuk dll tanpa beralih ke program lain.

pengguna22557
sumber
1

Saya baru-baru ini mulai menggunakan Pagelayer untuk mac dan saya cukup senang dengannya.

Beberapa hal yang saya sukai:

  • Psd dapat dihasilkan pada lebar kustom & tinggi tak terbatas.

  • Psd yang dihasilkan dipecah menjadi kelompok dan lapisan.

  • Dapat menyimpan ke PNG secara langsung

Beberapa hal yang mengganggu saya:

  • Membutuhkan halaman untuk dimuat di aplikasi. Tidak ada ekstensi chrome. Ini bisa sangat membosankan, terutama ketika Anda hanya menginginkan tangkapan layar sederhana. (Keluhan terbesar saya dengan itu)
  • File psd yang dihasilkan bisa cukup besar.

Hal-hal yang mungkin tidak Anda sukai:

Harga: £ 20

Saya memiliki use case yang berbeda untuk itu karena itu saya dapat membenarkan harga, namun Anda mungkin tidak jika Anda hanya perlu screenshot sederhana.

Semoga ini membantu.

trylife
sumber
1

Untuk berjaga-jaga jika seseorang peduli untuk membaca semua jawaban dan tidak puas dengan yang di atas, yang juga luar biasa, ada plugin screenshot lain untuk Firefox: "Screengrab!" . Saya tidak tahu resolusi apa yang bisa Anda dapatkan, tetapi seluruh halaman saat ini akan ada di tangkapan layar, bukan hanya bagian yang terlihat. Selain itu, Anda dapat pergi dan mengambil pilihan yang ditentukan atau hanya bagian layar yang saat ini terlihat, menyimpannya dalam format png.

Jaromír the Greenhorn
sumber
Resolusi yang Anda dapatkan tergantung pada konfigurasi tampilan monitor yang Anda gunakan.
Rafael