Screenshot Studio: Ücretsiz Ekran Görüntüsü Güzelleştirici, Düzenleyici ve Model Oluşturucu
Ücretsiz ekran görüntüsü stüdyosu: ekranınızı yakalayın, degrade arka planlar, pencere çerçeveleri ve 3D eğim ekleyin, oklarla, adımlarla, bulanıklaştırma ve spot ışığıyla açıklamalar ekleyin, iPhone ve MacBook maketleri yapın, kodu görüntülere dönüştürün, kayan ekran görüntülerini birleştirin ve durum çubuklarını kaldırın. PNG, JPG, WebP veya SVG'yi tarayıcınızda 4×, %100'e kadar dışa aktarın.
Tarayıcınızda eksiksiz bir ekran görüntüsü stüdyosu
Screenshot Studio, tarayıcınızda çalışan ücretsiz, hepsi bir arada bir ekran görüntüsü uygulamasıdır. Ekranınızı yakalayın, çekimleri degrade, örgü veya bulanık arka planlar, pencere çerçeveleri ve 3D eğimle güzelleştirin ve bunlara oklarla, numaralı adımlarla, spot ışığıyla ve kalıcı redaksiyonla açıklamalar ekleyin. Ayrıca bunları iPhone, iPad ve MacBook maketlerine yerleştirebilir, kodu temalı görüntülere dönüştürebilir, kayan yakalamaları birleştirebilir ve telefon ekran görüntülerini temizleyebilirsiniz. PNG, JPG, WebP veya SVG'yi yükleme, filigran ve kayıt olmadan dışa aktarın.
Screenshot Studio, çoğu kişinin hokkabazlık yaptığı tek amaçlı uygulamaların yerini alıyor. Ekranınızı, bir pencereyi veya tarayıcı sekmesini yakalayın; degrade, ağ veya bulanık arka plan, macOS, Windows veya tarayıcı çerçevesi ve 3D eğim ile güzelleştirin; oklarla, numaralı adımlarla, metin etiketleriyle, bulanıklaştırmayla, spot ışığıyla ve bir büyüteçle açıklama ekleyin; onu bir iPhone, iPad veya MacBook modeline bırakın; dikiş kaydırma, tek bir uzun görüntüyü yakalar; veya bir kod pasajını paylaşılabilir bir görsele dönüştürün. Her mod, Gönder özelliğiyle sonucunu bir sonrakine iletir; böylece bir çekim tek bir akışta kırpılabilir, açıklamalar eklenebilir, güzelleştirilebilir ve çerçevelenebilir. Her şey Canvas API'sinde yerel olarak çalışır, dolayısıyla ekran görüntüleri hiçbir zaman yüklenmez ve filigran veya kaydolma işlemi yapılmaz.
Özellikler
Yakalama: 3/5/10 saniyelik gecikmeyle ekranınızı, bir pencereyi veya tarayıcı sekmesini yakalayın ve bölge seçin
Yapıştırın (Ctrl/⌘+V), sürükleyip bırakın veya herhangi bir moda yükleyin, ayrıca denemek için yerleşik bir örnek
Gönder: sonucu Tek akışta Yakala, Güzelleştir, Açıklama Ekle, Model, Dikiş ve Kırp arasında aktarın
Güzelleştirin: 18 degrade, 8 örgü degrade, düz, duvar kağıdı veya grenli bulanık ekran arka planları
macOS, Windows, tarayıcı (URL'li), cam ve çerçeveli pencere çerçeveleri
Dolgu, otomatik kenar rengine sahip iç kısım, köşe yarıçapı, 5 gölge stili, 3 boyutlu perspektif eğme ve döndürme
Sosyal tuval ön ayarları: X gönderisi, Açık Grafik, LinkedIn, YouTube, Ürün Avı, Dribbble, 1:1, 4:5, 9:16 ve özel boyutlar
Başlık, alt başlık ve filigran metni, 8 hızlı stil, hatırlanan stil ve toplu ZIP dışa aktarımı
Açıklama ekleme: İşaretleri seçebileceğiniz, taşıyabileceğiniz, yeniden boyutlandırabileceğiniz, yeniden biçimlendirebileceğiniz, çoğaltabileceğiniz, yeniden sıralayabileceğiniz ve silebileceğiniz nesne tabanlı düzenleyici
Konik, klasik ve çift oklar, dikdörtgenler, elipsler, çizgiler, metin etiketleri, otomatik numaralandırılmış adımlar ve emoji damgaları
Tamamı dışa aktarılan piksellerde işlenen pikselleştirme, bulanıklaştırma veya siyah çubukla düzenleme
Geri alma/yineleme ve klavye kısayollarıyla spot ışığı, büyüteç, vurgulama kutusu, vurgulayıcı ve kalem
Altı cihaz kaplaması, yatay mod, ekran parlaması, 3D eğim ve MacBook + iPad + iPhone duyarlı sahne
Her cihazın CSS görünüm alanı, piksel oranı ve yerel ekran görüntüsü boyutuna sahip görünüm planlayıcısı
Resme kod: Otomatik olarak algılanan 19 dil, 10 tema, satır numaraları, vurgulanan çizgiler, farklı renkler, PNG ve SVG
Piksel hassasiyetinde kaydırma üst üste binme giderme ve yapışkan başlık kırpma özelliğiyle dikey, yan yana veya ızgara şeklinde dikiş yapın
Kırp ve Temizle: iPhone/iPad boyutları için tam durum çubuğu ve ana sayfa göstergesinin kaldırılması, kenarlıkların otomatik olarak kırpılması, döndürme ve çevirme
PNG, JPG veya WebP'yi 1–4× hızında dışa aktarın ve filigran ve yükleme olmadan doğrudan panoya kopyalayın
Ekran Görüntüsü Stüdyosu nasıl kullanılır?
1
Ekran görüntüsü getirin
Yakala'da ekranınızı, pencerenizi veya sekmenizi yakalayın, yapıştırmak için Ctrl/⌘+V tuşlarına basın, bir dosyayı sürükleyin veya Örnek dene'ye tıklayın.
2
Bir mod seçin
Sekmelerden Güzelleştir, Açıklama Ekle, Model, Kod, Birleştir veya Kırp ve Temizle'yi seçin. Geçiş yaptığınızda her moddaki çalışmanız korunur.
3
Düzenlemek
Canlı önizlemeyle arka planı ve çerçeveyi şekillendirin, oklar, adımlar ve redaksiyonlar çizin, çekimi bir cihaza yerleştirin veya dikip kırpın.
4
Zincir modları
Sonucun devam etmesi için Gönder'i kullanın, örneğin Yakala → Kırp ve Temizle → Açıklama Ekle → Güzelleştir.
5
İhracat
PNG, JPG veya WebP'yi ve 1–4× ölçeği seçin, ardından İndirin veya Kopyalayın. Her şey cihazınızda işlenir.
Yaygın kullanım durumları
Düz bir ekran görüntüsünü degrade arka planı ve başlığı olan bir X, LinkedIn veya Ürün Avı gönderisine dönüştürün
Hata raporlarına oklarla, numaralı adımlarla ve düzeltilmiş kişisel verilerle açıklama ekleyin
Öne çıkan, adım adım ekran görüntüleriyle yardım merkezi ve başlangıç kılavuzları yazın
Bir uygulamayı veya web sitesini bir açılış sayfası veya portföy için iPhone, iPad ve MacBook modellerinde gösterme
Kod parçacıklarını temalı görseller olarak sosyal medyada, slaytlarda veya dokümanlarda paylaşın
Uzun bir kayan sayfayı birleştirin veya yinelenen satırlar olmadan tek bir görüntüde sohbet edin
App Store ve inceleme görselleri için telefon ekran görüntülerindeki durum çubuklarını ve ana sayfa göstergelerini temizleyin
Sürüm notları ve değişiklik günlükleri için öncesi/sonrası karşılaştırmaları ve tabloları oluşturun
Ayrıntılı kılavuz
Güzelleştirin: tek tıklamayla sosyal kullanıma hazır ekran görüntüleri
Güzelleştirme, düz bir ekran görüntüsünü parlak bir karta sarar. 18 degradeden, 8 örgü degradeden, düz bir renkten, kendi duvar kağıdınızdan veya ekran görüntüsünün bulanık bir kopyasından birini seçin, ardından dolguyu, köşe yarıçapını, iç metni, gölgeyi, 3B eğimi ve döndürmeyi ayarlayın. Kanvas ön ayarları, sonucu her platform için tam olarak boyutlandırır ve bir başlık, alt başlık ve filigran, ekran görüntüsünü bitmiş bir gönderiye dönüştürür. Stiliniz tarayıcıda hatırlanır ve Batch bunu aynı anda birçok ekran görüntüsüne uygular ve bir ZIP indirir.
Ön ayar
Çıkış boyutu
Şunun için en iyisi:
X gönderisi
1600 × 900 px
Tweetler ve konular
Orijinal resim
1200 × 630 px
Bağlantı önizlemeleri (Grafiği Aç)
LinkedIn
1200 × 627 px
LinkedIn bağlantısı ve yayın gönderileri
YouTube
1280 × 720 px
Video küçük resimleri
Ürün Avı
1270 × 760 px
Galeri resimlerini başlat
Top sürme
1600 × 1200 px
Tasarım çekimleri
1:1 · 4:5 · 9:16
Ekran görüntüsünün oranı
Instagram akışı, portre gönderileri, Hikayeler ve Makaralar
Masaüstü ekran görüntüsü düzenleyicisi gibi açıklama ekleyin
Ek açıklama düzenleyicisi nesne tabanlıdır: her ok, kutu, etiket veya bulanıklık düzenlenebilir durumda kalır. Taşımak için herhangi bir işareti seçin, tutamaçlarıyla yeniden boyutlandırın, yeniden biçimlendirin, çoğaltın veya silin. Konik, klasik veya çift başlı okları, anahatları belirlenmiş, renkli veya düz şekilleri ve her arka planda okunabilen kontrast dış hatlara sahip metin etiketlerini seçin. Numaralandırılmış basamak rozetleri otomatik olarak sayılır. Dışa aktarılan piksellere redaksiyonlar (pikselleştirme, bulanıklaştırma veya düz siyah çubuk) yazılır, böylece gizli metin dosyada tutulmaz. Spot ışığı insanların bakmasını istediğiniz alan dışındaki her şeyi karartır ve büyüteç küçük bir ayrıntıyı yakınlaştırır. Düzenleyicinin tam geri alma ve yineleme özelliğinin yanı sıra yalnızca dışa aktarmayı kırpan bir kırpma aracı vardır.
Alet
Kısayol
Bunun için kullan
Seç / taşı
V
Herhangi bir açıklamayı taşıyın, yeniden boyutlandırın, yeniden stillendirin veya silin
Ok
A
Bir düğmeye veya ayara gelin (Shift 45°'ye oturur)
Dikdörtgen / Elips
R / O
Bir alanı çerçeveleyin (Shift bir kare veya daire çizer)
Metin
T
Etiketler ve başlıklar, yeni satır için Shift+Enter
Adım numarası
N
Kendi başlarına sayılan numaralı izlenecek yollar
Bulanıklaştırma / redakte etme
B
E-postaları, anahtarları ve adları pikselleştirin, bulanıklaştırın veya siyah çubuklayın
Gündem
S
Önemli alan dışındaki her şeyi karartın
Büyüteç
Z
Küçük kullanıcı arayüzü metnini veya simgelerini yakınlaştırın
Vurgulama kutusu / Vurgulayıcı / Kalem
H / M / P
İşaretleyici stili vurgu ve serbest notlar
Emoji / damga
E
✅ ❌ ⚠️ gibi hızlı tepkiler
Mahsul
C
Dışa aktarılan görüntüyü ek açıklamaları kaybetmeden kırpın
Mockup modu, ekran görüntünüz etrafında gerçekçi cihaz çerçeveleri çizer: iPhone 16 Pro, Dynamic Island özellikli iPhone 15 ve 15 Pro Max, ana sayfa düğmeli iPhone SE, delikli kameralı Pixel 9 ve Galaxy S24, iPad Pro, iPad mini ve Galaxy Tab, MacBook Air, MacBook Pro, iMac ve bir masaüstü monitör. Dikey ve yatay olmak üzere altı kaplaması, isteğe bağlı ekran parlaması, 3D eğimi ve MacBook, iPad ve iPhone'u bir arada gösteren Duyarlı set sahnesi vardır. Görünüm alanı planlayıcısı, her cihaz için gerçek CSS görünüm alanını, cihaz piksel oranını ve yerel ekran görüntüsü boyutunu gösterir ve ekran görüntünüzün şekli ekranla eşleşmediğinde sizi uyarır.
Cihaz
CSS görünüm alanı
Piksel oranı
Yerel ekran görüntüsü
iPhone 16 Pro
402 × 874
3×
1206 × 2622
iPhone 15 / 15 Pro
393 × 852
3×
1179 × 2556
iPhone 15 Pro Max
430 × 932
3×
1290 × 2796
iPhone SE
375 × 667
2×
750 × 1334
Google Piksel 9
412 × 923
2.625×
1082 × 2423
Samsung Galaksi S24
360 × 780
3×
1080 × 2340
iPad Pro 11"
834 × 1194
2×
1668 × 2388
Macbook Air 13"
1470 × 956
2×
2940 × 1912
MacBook Pro 14"
1512 × 982
2×
3024 × 1964
Resme kod: ücretsiz bir Carbon tarzı kod ekran görüntüsü oluşturucu
Bir pasajı yapıştırın ve Görüntüye Kodlayın, onu temiz, paylaşılabilir bir görüntü olarak işler. JavaScript, TypeScript, JSX, Python, HTML, CSS, JSON, SQL, Go, Rust, Java, Kotlin, Swift, C/C++, C#, PHP, Ruby, YAML ve Shell dahil 19 dili otomatik olarak algılar. 10 editör teması arasından seçim yapabilirsiniz (Dracula, One Dark, Tokyo Night, Night Owl, Monokai, Nord, GitHub Dark and Light, Solarized Light ve Paper). Satır numaraları, özel bir başlangıç çizgisi, vurgulanan çizgiler ve kırmızı/yeşil fark renkleri, onu dokümanlar ve kod incelemeleri için kullanışlı hale getirir ve macOS veya Windows başlık çubuğu, dosya adını gösterir. Net sosyal paylaşımlar için PNG'yi 4×'e kadar veya metni her boyutta keskin kalan bir vektör SVG'ye dışa aktarın.
Kayan ekran görüntülerini birleştirin ve telefon yakalamalarını temizleyin
Stitch, ekran görüntülerini dikey olarak, yan yana veya bir ızgarada birleştirir. Kaydırmalı çekimler için, komşu çekimleri piksel piksel karşılaştırır ve tekrarladıkları satırları kaldırır; yapışkan bir üstbilgi veya altbilgiyi kesebilir ve her bir dikişe ince ayar yapabilirsiniz. Etiketler, öncesi/sonrası karşılaştırmalarını hızlı bir şekilde yapmanızı sağlar. Kırp ve Temizle, yaygın olarak kullanılan iPhone ve iPad ekran görüntüsü boyutlarını tanır ve söz konusu model için tam durum çubuğunu ve ana sayfa göstergesini kaldırır. Android telefonlar için çubukları tahmin eder ve en yakın gerçek kenara oturur. Ayrıca boş kenarları otomatik olarak keser ve en-boy oranı ön ayarlarına, tam piksel kırpma alanlarına, döndürme ve çevirmeye sahiptir.
Bir ekran görüntüsünü arka planıyla nasıl güzelleştirebilirim?
Güzelleştir'i açın ve bir ekran görüntüsü bırakın, yapıştırın veya yakalayın. Bir degrade, ağ, düz, duvar kağıdı veya bulanık arka plan seçin, dolguyu, köşe yarıçapını, gölgeyi ve 3D eğimi ayarlayın, isterseniz bir macOS, Windows veya tarayıcı çerçevesi ekleyin ve PNG, JPG veya WebP'yi 1–4× hızında dışa aktarın.
Birden fazla ekran görüntüsünü tek bir görüntüde nasıl birleştiririm?
Stitch'i açın, ekran görüntülerinizi sırayla ekleyin (yeniden sıralamak için sürükleyin) ve dikey, yan yana veya ızgarayı seçin. Kaydırmalı çekimler için akıllı örtüşme kaldırma özelliği, her çekimin tekrarladığı satırları keser; ayrıca yapışkan bir üstbilgi veya altbilgiyi kırpabilir ve her dikişi elle ayarlayabilirsiniz.
Telefon çerçevesini ve durum çubuğunu ekran görüntüsünden kaldırabilir miyim?
Evet. Kırp ve Temizle, yaygın iPhone ve iPad ekran görüntüsü boyutlarını tanır ve tek tıklamayla söz konusu model için tam durum çubuğunu ve ana sayfa göstergesini kaldırır. Android için çubukları tahmin eder ve en yakın kenara yaslanır ve Otomatik kırpma, boş veya posta kutusu kenarlıklarını kaldırır.
Bir ekran görüntüsüne oklar ve sayılarla nasıl açıklama eklerim?
Açıklama Ekle'de oklar için A'ya, otomatik numaralandırılmış adım işaretleri için N'ye, metin etiketleri için T'ye ve kutular için R'ye basın. Her işaret düzenlenebilir durumda kalır: Tam geri alma ve yinelemeyle taşımak, yeniden boyutlandırmak, yeniden biçimlendirmek, çoğaltmak veya silmek için Seç (V) seçeneğine geçin.
Bir ekran görüntüsünün hassas kısımlarını nasıl bulanıklaştırabilirim veya düzeltebilirim?
B tuşuna basın, Pikselleştir, Bulanıklaştır veya Siyah çubuğu seçin ve e-postanın, adın veya API anahtarının üzerine sürükleyin. Redaksiyon, dışa aktarılan piksellere uygulanır, böylece orijinal metin dosyada saklanmaz. Parolalar ve sırlar için Siyah çubuğu kullanın.
Yakınlaştırma büyüteci nedir ve ne zaman kullanmalıyım?
Büyüteç (Z), izleyicilerin tam boyutlu görüntüyü açmadan okuyabilmeleri için küçük bir ayar, simge veya hata mesajı gibi küçük bir ayrıntının büyütülmüş bir kopyasını gösteren dairesel bir büyüteçtir.
Viewport Planner duyarlı QA'ya nasıl yardımcı olur?
Mockup'ta her cihaz kendi gerçek CSS görünüm alanını, cihaz piksel oranını ve yerel ekran görüntüsü boyutunu gösterir ve ekran görüntünüzün şekli eşleşmediğinde uyarı verir. Piksel mükemmelliğinde bir uyum için tarayıcınızın cihaz araç çubuğundaki bu sayıları yakalayın.
Filigran var mı yoksa bir hesaba ihtiyacım var mı?
Hayır. Screenshot Studio ücretsizdir, filigran eklemez ve kaydolmanıza gerek yoktur.
Ekran görüntülerim bir sunucuya yüklendi mi?
Hayır. Yakalama, düzenleme ve dışa aktarma işlemlerinin tümü, Canvas API ile tarayıcınızda yerel olarak gerçekleşir. Görüntüler yalnızca oturumunuz için hafızada tutulur ve hiçbir zaman hiçbir yere gönderilmez.
Arka planı olan güzel bir ekran görüntüsünü nasıl yaparım?
Tek tıklamayla bitmiş bir görünüm için Beautify'ın Hızlı stillerini (Temiz, Gece Yarısı, Cam, 3D eğme, X post, Acımasız, Bulanık veya Minimal) kullanın, ardından arka plana, çerçeveye ve gölgeye ince ayar yapın.
Güzel bir stile sahip kod ekran görüntüsü oluşturabilir miyim?
Evet. Kodu açın, snippet'inizi yapıştırın; dil otomatik olarak algılanır. Bir tema, pencere stili, arka plan ve çizgi seçenekleri seçin, ardından PNG veya vektör SVG'yi dışa aktarın.
Bu, kod görüntüleri için Carbon'a ücretsiz bir alternatif mi?
Evet. Code to Image, 10 tema, 19 dil, satır vurgulama, farklı renkler ve PNG/SVG dışa aktarımıyla Carbon veya ray.so ile aynı işi kapsar. Herhangi bir kayıt olmadan ve filigran olmadan tarayıcınızda çalışır.
Doğrudan bu web sitesinden ekran görüntüsü alabilir miyim?
Evet, masaüstü Chrome, Edge, Firefox ve Safari'de. Yakalama'yı açın, isteğe bağlı olarak 3, 5 veya 10 saniyelik bir gecikme ayarlayın, ardından tarayıcınızın seçicisinden bir ekran, pencere veya sekme seçin. Bir bölgeyi korumak için sonucun üzerine sürükleyin ve ardından bunu herhangi bir moda gönderin. Telefonlar ve tabletler, web sayfalarının ekranı yakalamasına izin vermez, bu nedenle ekran görüntüsünü cihazda alın ve yapıştırın veya yükleyin.
Ekran görüntüsünü yüklemek yerine yapıştırabilir miyim?
Evet. Bir ekran görüntüsünü kopyalayın (örneğin Win+Shift+S, Cmd+Ctrl+Shift+4 veya Print Screen ile) ve sayfanın herhangi bir yerinde Ctrl/⌘+V tuşlarına basın. Kullandığınız modda açılır.
Sosyal medya ekran görüntüleri için hangi boyutları kullanmalıyım?
Beautify'ın tuval ön ayarlarını kullanın: X post 1600 × 900, Open Graph 1200 × 630, LinkedIn 1200 × 627, YouTube 1280 × 720, Product Hunt 1270 × 760, Dribbble 1600 × 1200 veya Instagram akışı, portre ve Hikayeler için 1:1, 4:5 ve 9:16 oranları.
Bir iPhone veya MacBook modeline ekran görüntüsünü nasıl yerleştiririm?
Mockup'ı açın, ekran görüntünüzü bırakın ve bir cihaz seçin. Görüntünün şeklinden otomatik olarak bir telefon, tablet veya dizüstü bilgisayar önerir. Bir kaplama, dikey veya yatay, arka plan, gölge ve eğim seçin ya da MacBook, iPad ve iPhone'u bir arada göstermek için Duyarlı sete geçin.
Aynı stili birçok ekran görüntüsüne uygulayabilir miyim?
Evet. Güzelleştir'de bir stil ayarlayın, Toplu İş'e tıklayın ve istediğiniz kadar ekran görüntüsü seçin. Her biri aynı arka plan, çerçeve, gölge ve boyutla oluşturulur ve birlikte ZIP olarak indirilir.
Hangi dışa aktarma formatları ve çözünürlükleri destekleniyor?
Moda bağlı olarak 1×, 2×, 3× veya 4×'te kaliteli kaydırıcıyla PNG (saydamlığı korur), JPG ve WebP. Code to Image ayrıca vektör SVG'yi de dışa aktarır. Çok büyük sonuçlar, tarayıcı tuvali sınırları dahilinde kalacak şekilde otomatik olarak ölçeklendirilir ve araç, bunun ne zaman olacağını size bildirir.
