En kaliteli web sitesi ekran görüntüsü?

16

Portföyüme eklemek istediğim bir web sitesi oluşturdum , ancak tam sitenin yüksek kaliteli ekran görüntülerini almakta zorlanıyorum. Web sitesini PDF olarak kaydetmeye çalıştım, ancak bu hatalarla doluydu, diğer çevrimiçi hizmetler görüntüleri yeniden oluşturamaz vb. Ayrıca, hepsini bir araya getirerek mac'ta düzenli ekran görüntüleri almaya çalıştım, ancak ölçeklendirdiğimde gerçekten çok fazla kalite kaybetti.

İyi fikirleriniz var mı? :)

website-design screenshot

— user22524
kaynak

Olanlara bir örnek verebilir ve belki de elde etmeye çalıştığınız şeyin bir demosunu verebilir misiniz?

— cclark413

"Portfolyo" derken , dijital bir ortama veya çevrimiçi olarak dağıtabileceğiniz fiziksel bir kağıda (kağıda basılmış) veya bir resim koleksiyonuna (JPG, PNG) mı sahipsiniz ?

— Daze

OP'nin denediği mac ekran görüntülerinin neden aşağıdaki çözümlerden daha iyi olmadığını merak ediyorum. Herhangi bir Hi Def ekran görüntüsünün farkında değilim, bu yüzden birisi bunu bana açıklayabilirse. Ayrıca, ölçekleme sorunuyla da ilgileniyorum. Genellikle tam tersidir. Tabii ki, bir şeyi küçültdüğünüzde - piksellerin görüntüyü temsil etmesi için daha az alan olur, ancak "kalite" kaybı olur mu? Belki yakınlaştırma yüzdesiniz bu şekilde görünmesini sağlar? % 100 deneyin

— cclark413

1

1920x1080 ekran çözünürlüğü (1080p) 6,4 x 3,6 inç için uygun olan baskı için bir görüntü verir

— horatio

16

Firefox'ta, konsolu açıp Shift+F2kullanabilirsiniz screenshot --fullpage.

Metin kalitesini korurken farklı boyutlara ve boyutlara ölçeklendirmek için duyarlı tasarım görüntüleyiciye girmek Ctrl+Shift+M(veya Cmd+Opt+MOS X'te) kullanın ve gerektiği gibi yeniden boyutlandırın (bunu ekranınızın desteklediğinden daha yüksek çözünürlükte ekran görüntüleri almak veya resimler almak için de kullanabilirsiniz) / mobil görünümler). Eklenti gerekmez.

Büyük örnek

Küçük örnek

— Slade
kaynak

7

Bir web sitesinde tam sayfa ekran görüntüsü almak istiyorsanız bunu kullanabilirsiniz Google Chrome Eklentisini kullanabilirsiniz .

Bu, birkaç ekran görüntüsü (kaydırma sırasında) yapar ve bunları bir .png görüntüsünde birleştirir.

Eklentiyi tıklamanız ve "Tüm sayfayı yakala" yı seçmeniz yeterlidir.

resim açıklamasını buraya girin

— Stéphane
kaynak

Ben şahsen kullanmak bu bir o oldukça kolay dosyaları kaydetmek için yapar.

— Yisela

Ekran görüntüleri portföyümde kendi web sitemde kullanılmalıdır. Hem Harika Ekran Görüntüsü hem de Web Sayfası Ekran Görüntüsü'nü denedim, ancak yakalamaya çalıştığım sayfada çalışmıyorlar. Paralaks efekti ekran görüntüsünü bozar ve kullanıcı aşağı kaydırdığında ilk görünen öğeler ekran görüntüsünde görünmez. Css'i vektöre dönüştürebilecek mükemmel çözümlere baktım, ancak sayfanın yapısını bozuyor ve görüntüleri işleyemiyorlar.

— McKeene

1

parralax bir hareketsiz görüntüde yakalanamayan bir animasyondur. Arka plan görüntülerini devre dışı bırakmayı deneyin ve ardından ekran haritaları ve kaynak dosyaları kullanarak bileşik bir görüntü oluşturun.

— horatio

1

Bunu ben de kullanıyorum. Bu mükemmel. Ancak yerel dosyalarda çalışmaz. Önce html sayfasını barındırmanız gerekir. Ayrıca goog ol 'baskı ekranı da var. Hareketi / paralaksı yakalamak için hızlı bir ekran yakalama aracı istiyorsanız Screencast-o-matic'i deneyin . Web tabanlı ve video çıkışı oldukça kaliteli.

— John

1

Faststone Capture'ı öneririmTarayıcı dışında başka bir şey için de kullanabileceğiniz . Ne yazık ki, @MKKeene tarafından belirtildiği gibi, kaydırma efekti nedeniyle tek görüntüleri büyük bir görüntüye yapıştırma sorunları var.

Sürüm 5.3 ev kullanıcıları için ücretsiz (Almanca indir). Aksi takdirde en son sürüm 20 $ civarındadır.

Önizleme Oyun FastStone Yakalama

— Thomas Weller
kaynak

1

Firefox kullanıcıları sadece "Harika Ekran Görüntüsü" adlı bir eklenti ekliyor. Bu eklentiyi indirmek için aşağıdaki bağlantıyı ziyaret edin https://addons.mozilla.org/en-US/firefox/addon/awesome-screenshot-capture-/

Chrome Kullanıcıları şu adrese gidebilir: https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce?hl=tr adresine

Bu eklenti, kullanıcıların VISIBLE parçasının yanı sıra FULL PAGE ekran görüntüsünü almasına izin verir, başka bir programa geçmeden kırpabilir, şekil ekleyebilir vb.

— user22557
kaynak

1

Son zamanlarda Pagelayers'ı kullanmaya başladım Mac için ve bundan oldukça memnunum.

Sevdiğim bazı şeyler:

Psd'ler özel genişlik ve sonsuz yükseklikte üretilebilir.
Oluşturulan psd'ler gruplara ve katmanlara ayrılır.
Doğrudan PNG'ye kaydedebilir

Beni rahatsız eden bazı şeyler:

Sayfanın uygulamaya yüklenmesini gerektirir. Krom uzantısı yok. Bu, özellikle basit bir ekran görüntüsü istediğinizde oldukça sıkıcı olabilir. (En büyük yakınlığım)
Oluşturulan psd dosyası oldukça büyük olabilir.

Beğenmeyebileceğiniz şeyler:

Fiyat: £ 20

Bunun için farklı bir kullanım durumum var, bu yüzden fiyatı haklı çıkarabilirim, ancak sadece basit ekran görüntülerine ihtiyacınız varsa olmayabilir.

Bu yardımcı olur umarım.

— trylife
kaynak

1

Birisi tüm cevapları okumayı umursa ve yukarıdaki cevaplardan memnun kalmazsa, ki bu da mükemmel, Firefox için başka bir ekran görüntüsü eklentisi var: "Screengrab!" . Hangi çözünürlüğü alabileceğinizi bilmiyorum, ancak mevcut sayfanın tamamı yalnızca görünür kısımda değil, ekran görüntüsünde olacak. Buna ek olarak, belirli bir seçimi veya ekranınızın yalnızca şu anda görünür olan kısmını alıp yakalayabilirsiniz, png formatına kaydeder.

— Greenhorn Jaromir
kaynak

Alacağınız çözünürlük, kullandığınız monitörün ekran yapılandırmasına bağlıdır.

— Rafael