Ham bir ekran görüntüsü bir tweet'e, bir slayta ya da bir açılış sayfasına yapıştırıldığında düz görünür. Bu araç onu güzel bir gradyanın (ya da düz bir rengin) üzerine yerleştirir, nefes aldıran bir dolgu ekler, köşeleri yuvarlar ve altına yumuşak bir gölge bırakır — her yerde gördüğünüz ürün ekran görüntülerindeki cilalı görünüm. Sosyal medya için bir en-boy oranı seçin ya da otomatik bırakın.
Her şey tarayıcınızda bir tuval üzerinde canlı oluşturulur ve PNG olarak dışa aktarılır. Özel veri gösterebilecek ekran görüntünüz asla yüklenmez.
Nasıl kullanılır
- Bir ekran görüntüsü ekleyinSüslemek istediğiniz görseli sürükleyin.
- Çerçeveye stil verinBir arka plan, dolgu, köşe yarıçapı ve gölge seçin; gerekirse bir en-boy oranı seçin.
- PNG'yi indirinSosyal medya, belgeler ya da slaytlara hazır cilalı görseli kaydedin.
Ham bir ekran görüntüsünü bir ürün ekran görüntüsüne dönüştürün
Ekran görüntüsü güzelleştirici, çekiminizi bir arka planın üzerine bırakır ve bir ekran görüntüsünü kapılmış değil, tasarlanmış gösteren üç şeyi ekler: görselin etrafında dolgu, ekran görüntüsünün kendisinde yuvarlatılmış köşeler ve onu yüzeyden kaldıran yumuşak bir gölge. Bir ön ayar gradyanı, düz bir renk ya da şeffaf bir arka plan seçin, her denetimi ayarlayın ve bir PNG dışa aktarmadan önce önizlemenin canlı güncellenişini izleyin.
Her şey tarayıcınızda bir tuvalde birleşir, bu yüzden ekran görüntüsü asla yüklenmez. Bu önemlidir; çünkü bir ekran görüntüsü özel bir mesajı, bir faturayı, bir gösterge panelini ya da bir URL çubuğundaki bir jetonu tutabilir — bir gölge eklemek, bunların herhangi birini bir sunucuya göndermek anlamına gelmemeli. Hesap yoktur ve sayfa yüklendikten sonra çevrimdışı çalışmaya devam eder.
Gideceği yer neresiyse ona doğru şekil
Bir görsel gönderdiğiniz her yer bir şekli tercih eder. Slayt sunumları ve geniş sosyal kartlar için çıktıyı 16:9'a, kare bir Instagram ya da LinkedIn gönderisi için 1:1'e, bir telefon ekranının daha fazlasını dolduran uzun bir görsel için 3:4'e kilitleyin ya da çerçevenin ekran görüntüsünü artı dolgusunu sarmasına izin vermek için Otomatik'te bırakın. Bir oran kilitlediğinizde dolgu, çerçevenin geri kalanını doldurur; böylece dışa aktarım, garip bir kırpma olmadan yuvaya oturur.
Arka planı şeffaf olarak ayarlayın, PNG dolgu alanı temiz olacak şekilde dışa aktarılsın — dolgu, köşe yarıçapı ve gölge hepsi kalır, yalnızca gölgenin arkasındaki dolgu kaybolur. Bu, onu Figma, Keynote ya da bir küçük resimde kendi arka planınıza yerleştirdiğiniz sürümdür.
İnsanlar bunu ne için kullanıyor
Lansman ve değişiklik günlüğü çekimleri — Bir sürüm gönderisi ya da değişiklik günlüğü ham değil, kasıtlı görünsün diye bir ürün ekran görüntüsünü yumuşak bir gradyanın üzerinde yüzdürün.
Cilalı tweet'ler ve başlıklar — Ekran görüntünüz çevresindeki metinle çarpışmayı bıraksın diye dolgu, yuvarlatılmış köşeler ve hafif bir gölge ekleyin.
Slayt sunumları — Ekran görüntüleri bir sunum boyunca tutarlı otursun diye temiz bir arka planla 16:9'da dışa aktarın.
Kare sosyal gönderiler — Geniş bir ekran görüntüsü kırpılmadan bir Instagram ya da LinkedIn ızgarasına sığsın diye 1:1'e kilitleyin.
Figma ve Keynote varlıkları — Yuvarlatılmış köşeleri ve gölgeyi korumak için şeffaf bir arka planda dışa aktarın, sonra onu kendi düzeninize bırakın.
Dokümantasyon başlıkları — Belgelerde ya da bir wiki'de düzenli, markaya uygun bir kapak görseli için bir ekran görüntüsünü düz bir marka renginin üzerine koyun.
Çıplak bir ekran görüntüsü yapıştırdığınız her yerde düz görünür
Ekranınızdan çıkan bir ekran görüntüsü, dört tarafında da sert bir kenarı olan bir piksel dikdörtgenidir. Kendi başına bu bir hata raporu için sorun değildir. Ama onu bir tweet'e, bir slayta, bir açılış sayfası kapağına ya da bir Notion belgesine bıraktığınız an, bitmemiş görünür — etrafındaki metne tam yaslanır, köşeler keskin ve ucuz hisssettirir ve görsel ile arka plan arasında hiçbir ayrım yoktur. Cilalı versiyonu yüz kez gördünüz: yumuşak bir renk gradyanı üzerinde yüzen, etrafında biraz nefes alanı olan, nazikçe yuvarlatılmış köşeleri ve sayfadan kalkması için hafif bir gölgesi olan bir ürün ekran görüntüsü. Bu görünüm bir filtre ya da bir hazır şablon değildir. Üst üste yığılmış üç küçük şeydir ve bu araç tam olarak o üç şeyi yapar.
Bir ekran görüntüsünü tuvale bırakırsınız ve o, bitmiş resmi tarayıcınızda canlı oluşturur. Bir arka plan seçersiniz — hazır bir gradyan, sağlam bir renk ya da saydam — ekran görüntüsünün etrafında ne kadar dolgu olacağını belirlersiniz, köşe yarıçapını seçersiniz ve düşen gölgeyi yukarı ya da aşağı ayarlarsınız. Önizleme siz ilerledikçe güncellenir. Doğru göründüğünde bir PNG dışa aktarırsınız. Bir e-posta konusunu, bir gösterge tablosunu, bir sohbeti, hesap numaralarını, her şeyi tutabilecek olan ekran görüntüsü doğrudan bir <canvas> öğesine çizilir ve sekmeden asla ayrılmaz. Yükleme yok, hesap yok ve sayfa bir kez yüklendikten sonra ağ kapalıyken çalışmaya devam eder.
Dolgu, yuvarlatma, gölge ve gradyan gerçekte ne yapar
- Dolgu, ekran görüntüsüne kenardan kenara sıkışmaması için kenar boşluğu verir. O boşluk, onun ham bir yakalama yerine bir yüzeye kasıtlı olarak yerleştirilmiş bir nesne olarak okunmasını sağlayan şeydir.
- Yuvarlatılmış köşeler ekran görüntüsünün kendisindeki dört sert dik açıyı yumuşatır. Anında "yakalanmış" yerine "tasarlanmış" olarak okunan küçücük bir değişikliktir.
- Yumuşak bir düşen gölge ekran görüntüsünü arka plandan ayırır; böylece yüzeye düz yapıştırılmış yerine biraz üstünde oturuyormuş gibi görünür. Onu soluk tutun — ağır görünmeden derinliği satan şey budur.
- Bir gradyan (ya da sağlam) arka plan dolguyu renkle doldurur. Nazik bir iki-tonlu gradyan, o uygulama-lansmanı ve değişiklik-günlüğü ekran görüntülerinin pahalı görünmesinin en büyük tek nedenidir; sağlam bir renk daha sakin, markaya-uygun alternatiftir.
Birlikte bunlar "ürün ekran görüntüsü" görünümüdür ve aracın tüm kapsamı budur — ne fazla ne eksik.
Gideceği yer için en-boy oranları
Çıktı Otomatik (çerçeve sadece ekran görüntünüzü artı dolguyu sarar) ya da 16:9, 4:3, 1:1 veya 3:4'e kilitli olabilir. Oran önemlidir çünkü paylaştığınız her yerin tercih ettiği bir biçimi vardır: slayt desteleri ve geniş sosyal kartlar için 16:9, kare bir Instagram ya da LinkedIn gönderisi için 1:1, bir telefon ekranının daha fazlasını dolduran uzun bir görsel için 3:4. Oranı kilitleyin ve dolgu, ekran görüntünüzün etrafındaki çerçevenin geri kalanını doldurur; böylece dışa aktarma o yuvaya tuhaf biçimde kırpılmadan düşer.
Kasıtlı olarak saydam arka plan
Arka planı saydama ayarlayın ve PNG, dolgu alanı renkli yerine boş olarak dışa aktarılır. Yuvarlak köşeli, gölgeli ekran görüntüsünü Figma, Keynote ya da bir küçük resimde kendi arka planınıza yerleştirecekseniz istediğiniz olan budur — dolguyu, yarıçapı ve gölgeyi korursunuz ve onu zaten sahip olduğunuz herhangi bir yüzeye bırakırsınız. Gölge kalır; yalnızca arkasındaki dolgu kaybolur.
Burada neden yalnızca-yerel işin özüdür
Ekran görüntüleri, bir versiyonunu paylaşmak isteyeceğiniz en özel şeylerden biridir. Tek bir yakalama bir müşterinin adını, bir faturayı, özel bir DM'i, dahili bir metriği, bir URL çubuğundaki bir anahtarı gösterebilir. Görselinizi "işlemek" için bir sunucuya yükleyen bir güzelleştirici, sadece bir gölge eklemek için tüm bunları devretmenizi istiyor. Burada birleştirme kendi tarayıcınızda düz tuval işidir; dolayısıyla yüklenecek hiçbir şey ve güvenilecek hiçbir şey yoktur.
Kapsam hakkında dürüst bir not: bu, gradyan-dolgu-gölge cilasını ekler, başka hiçbir şeyi değil. Ekran görüntünüzü bir tarayıcı çerçevesi ya da telefon-çerçevesi taslağına sarmaz ve oklar, bulanıklık ya da ek açıklamalar eklemez — bu güzelleştirme görünümüdür, tek seferde bir ekran görüntüsü.
Neden IMG.DIY
Gradyan ya da düz
Hazır gradyanlar ya da herhangi bir düz renk.
Dolgu ve yuvarlatma
Nefes alanı ve yuvarlatılmış köşeler.
Yumuşak gölge
Havada duran bir görünüm için ayarlanabilir derinlik.
Gizli
Yerel oluşturulur — asla yüklenmez.