← Özelliklere Dön
Free

Ekran Görüntüsü

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ı yerel ekran görüntüleri (Cmd+Shift+4 veya Snipping Tool gibi işletim sistemi düzeyindeki araçları kullanarak) tarayıcı krom, araç çubukları ve diğer pencereler dahil tüm ekranınızı yakalar. Kıvrımın altındaki içeriği yakalayamazlar. DevSuite'in Ekran Görüntüsü aracı her iki sorunu da çözer — yalnızca web sayfası içeriğini yakalar (tarayıcı UI'si yok) ve kesintisiz bir tam sayfa görüntüsü oluşturmak için tüm sayfayı kaydırabilir. Görünür alan modu piksel mükemmel doğruluk için Chrome'un yerel yakalama API'sini kullanır. Tam sayfa modu sayfayı otomatik olarak kaydırır, her görüntü alanı karosunu yakalar ve bunları tek bir sürekli görüntüye birleştirir. Çıktı tam çözünürlüklü bir PNG'dir (ekranınızın cihaz piksel oranına uyar), böylece ekran görüntüleri Retina ve yüksek DPI ekranlarda nettir.

Canlı Önizleme
example.com/landing-page
Visible Area
Full Page
PNG · Full Resolution
Capture Area
Capture Info
Width1440px
Height900px
FormatPNG
Scale2x
Download
Temel Özellikler

Görünür Alan Yakalama

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.

Tam Sayfa Ekran Görüntüsü

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.

Retina / Yüksek DPI Kalitesi

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.

Anında PNG İndirme

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.

Sadece Temiz İçerik

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.

Herhangi Bir Sayfada Çalışır

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.

Yaygın Kullanım Durumları

Portföy ve Vaka Çalışması Belgeleme

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.

Görsel Bağlamlı Hata Raporları

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.

Tasarım İnceleme ve Onay

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.

Önce/Sonra Karşılaştırmaları

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.

Sosyal Medya ve Blog İçeriği

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.

Nasıl Kullanılır
1

Ekran Görüntüsü Aracını Etkinleştirin

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".

2

Yakalama Modunuzu Seçin

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.

3

Yakalamayı Bekleyin

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.

4

PNG'yi İndirin

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.

5

Daha Fazla Ekran Görüntüsü Alı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.

Denemeye Hazır mısınız? Ekran Görüntüsü?

DevSuite Pro'yu ücretsiz yükleyin ve tarayıcınız için 39'dan fazla geliştirici aracının kilidini açın.

Chrome'a Ekle Edge'e Ekle FireFox'a Ekle