Ekran Görüntüsü, herhangi bir web sayfasının yüksek kaliteli görüntülerini iki modda yakalar: görünür alan (tarayıcı penceresinde tam olarak gördüğünüz şey) veya tam sayfa (kıvrımın altındaki içerik dahil, sayfanın tümü yukarıdan aşağıya). Ekran görüntüleri yüksek çözünürlüklü PNG dosyaları olarak kaydedilir ve cihazınıza anında indirilir — bulut yüklemeleri yok, hesaplar yok, bekleme yok.
Tarayıcı-native ekran görüntüleri (Cmd+Shift+4 veya Snipping Tool gibi işletim sistemi düzeyindeki araçları kullanarak) tarayıcı chrome'u, araç çubukları ve diğer pencereler dahil tüm ekranınızı yakalar. Sayfanın görünür alanın altındaki içeriği yakalayamazlar. DevSuite'in Screenshot aracı her iki sorunu da çözer — yalnızca web sayfası içeriğini yakalar (tarayıcı arayüzü olmadan) ve tüm sayfayı kaydırarak kesintisiz, tam sayfalık bir görüntü oluşturabilir.
Görünür alan modu, piksel-mükemmel doğruluk için Chrome'un native yakalama API'sini kullanır. Tam sayfa modu, sayfayı otomatik olarak kaydırır, her görüntü alanı karosunu (viewport tile) yakalar ve bunları tek, sürekli bir görüntüde birleştirir. Çıktı, ekranınızın device pixel ratio'suna uyan tam çözünürlüklü bir PNG'dir, bu yüzden ekran görüntüleri Retina ve yüksek DPI'lı ekranlarda net görünür.
Sabit (fixed) ve yapışkan (sticky) öğeler (header'lar, çerez banner'ları, sohbet widget'ları) tam sayfa yakalama sırasında otomatik olarak işlenir: araç, headless bir renderer'dan karoları (tile) birleştirmek yerine gerçek sayfayı kaydırdığından, görüntü alanına sabitlenmiş her şey her karoda tekrarlanmak yerine doğru konumunda yalnızca bir kez yakalanır. Yalnızca kaydırılarak görünüme girdiğinde render edilen lazy-loaded görseller ve içerikler, yakalama onların üzerinden kaydırdıkça doğal olarak tetiklenir; böylece nihai görüntü boş bir placeholder ızgarasını değil, gerçek bir ziyaretçinin göreceği şeyi yansıtır — bu da görsel ağırlıklı açılış sayfaları ve uzun formatlı makaleler için oldukça önemlidir.
Tarayıcı görüntü alanında görünen şeyi tam olarak yakalayın — kullanıcının gördüğü içeriğin hassas dikdörtgeni. Tarayıcı kromu yok, araç çubukları yok, kaydırma çubukları yok. Sadece ekranda göründüğü şekliyle saf web sayfası içeriği. Tek tıkla anında yakalama.
Kıvrımın altındaki tüm içerik dahil, sayfayı en üstten en alta kadar yakalayın. Araç sayfayı otomatik olarak kaydırır, her bölümü yakalar ve karoları tek bir kesintisiz, sürekli görüntüye birleştirir. Herhangi bir uzunluktaki sayfalarda çalışır.
Ekran görüntüleri ekranınızın yerel piksel oranında yakalanır (Retina'da 2x, bazı Windows ekranlarında 1.5x). Sonuç, yakınlaştırıldığında bile net görünen net, yüksek çözünürlüklü bir görüntüdür — işletim sistemi ekran görüntülerinden aldığınız bulanık yukarı ölçeklendirme değil.
Yakalanan görüntü kayıpsız bir PNG dosyası olarak kaydedilir ve doğrudan cihazınıza hemen indirilir. Bulut yükleme yok, işlem için bekleme yok, hesap gerekmez. Dosya saniyeler içinde indirilenler klasörünüzde görünür.
Yakalama yalnızca web sayfası içeriğini içerir — tarayıcı sekmeleri, adres çubuğu, yer imleri çubuğu veya uzantılar araç çubuğu yok. Çıktı, tarayıcı UI'si olmasaydı sayfanın tam olarak nasıl görüneceğini gösterir.
Nasıl oluşturulduğundan bağımsız olarak herhangi bir web sayfasını yakalar — statik HTML, SPA'lar (React, Vue), tembel yüklenen resimlere sahip sayfalar, sonsuz kaydırma, yapışkan başlıklar ve sabit konumlu öğeler. Tam sayfa modu bunların hepsini halleder.
Portföyünüz için tasarladığınız veya geliştirdiğiniz web sitelerinin tam sayfa ekran görüntülerini yakalayın. Tam sayfa modu, tüm sayfa tasarımını gösteren eksiksiz, kesintisiz bir görüntü verir — Behance, Dribbble veya portföy vaka çalışmaları için mükemmeldir.
Bir hata bildirirken, bir ekran görüntüsü bin kelimeye değer. Sorunu gösteren tam görüntü alanını veya hatanın tüm düzeni nasıl etkilediğini gösteren tam bir sayfa ekran görüntüsünü yakalayın. GitHub sorununuza veya Jira biletinize ekleyin.
Paydaş incelemesi için bir hazırlık sitesinin mevcut durumunu yakalayın. Tam sayfa ekran görüntüleri, müşterilerin siteyi kendileri ziyaret etmesine gerek kalmadan tam tasarımı görmelerini sağlar — teknik olmayan paydaşlarla incelemeler için kullanışlıdır.
Değişiklik yapmadan önce bir ekran görüntüsü alın, ardından sonra bir tane daha alın. CSS veya düzen değişikliklerinizin yalnızca odaklandığınız bölümde değil, tüm sayfada doğru göründüğünü doğrulamak için iki görüntüyü yan yana karşılaştırın.
Blog yazıları, tweetler veya sunumlar için web sayfalarının temiz, profesyonel görüntülerini oluşturun. Araç çubuğu ve tarayıcı kromu içermeyen çıktı cilalı ve profesyonel görünür — tarayıcı UI'sini kırpmaya gerek yok.
DevSuite Pro yuvasını veya popup'ını açın ve Ekran Görüntüsü simgesine tıklayın. İki seçenekli bir mod seçici belirir: "Görünür Alan" ve "Tam Sayfa".
Mevcut görüntü alanını yakalamak için "Görünür Alan"a (şu anda gördüğünüzü) veya sayfayı yukarıdan aşağıya tamamen yakalamak için "Tam Sayfa"ya tıklayın.
Görünür alan yakalamaları anındadır (1 saniyenin altında). Tam sayfa yakalamaları araç sayfayı kaydırırken ve karoları birleştirirken birkaç saniye sürer. Bir ilerleme göstergesi yakalama durumunu gösterir.
Yakalanan görüntü otomatik olarak bir PNG dosyası olarak indirilir. Sayfa başlığı ve zaman damgasıyla adlandırılan dosya için tarayıcınızın indirilenler klasörüne bakın.
Araç her yakalamadan sonra etkin kalır. Yeniden etkinleştirmeden aynı veya farklı sayfaların ek ekran görüntülerini alın. Kaydırın, değişiklikler yapın ve tekrar yakalayın.
DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 64'dan fazla geliştirici aracının kilidini açın.
