Chrome Web Store ekran görüntüleri neden önemlidir?

Chrome Web Store ekran görüntüleri, potansiyel kullanıcıların uzantı listelerine göz attıklarında gördükleri ilk görsel izlenimdir. Google, önerilen 1280×800 piksel çözünürlüğünde beş adede kadar promosyon görüntüsüne izin verir. Net başlıklar, markalı renkler ve cihaz mockupları içeren iyi tasarlanmış ekran görüntüleri, kullanıcılara indirmeden önce uzantının ne yaptığını göstererek kurulum oranlarını önemli ölçüde artırabilir. Birçok başarılı uzantı, ham ekran görüntüleri yerine ek açıklamalı ekran görüntüleri kullanır — gerçek UI yakalamalarını promosyon metni ve cilalı arka planlarla birleştirir.

Araç açıklaması

Bu araç, herhangi bir tasarım yazılımı olmadan Chrome Web Store listeleri için profesyonel, yüklemeye hazır promosyon ekran görüntüleri oluşturmanıza olanak tanır. Uzantınızın ekran görüntüsünü yükleyin, başlık ve alt başlık ekleyin, bir düzen şablonu seçin ve arka planı, tipografiyi ve cihaz çerçevesini özelleştirin. Sonuç, Chrome Web Store boyut gereksinimlerini karşılayan ve PNG veya JPEG olarak indirilebilen piksel mükemmel bir görüntüdür.

Özellikler

  • Önceden ayarlanmış ve özel boyutlar — Chrome Web Store (1280×800), HD, Full HD seçin veya herhangi bir özel boyut girin
  • Düzen şablonları — metni ve görüntüyü dört düzenlemede konumlandırın: ekran görüntüsüne göre üst, alt, sol veya sağ
  • Tarayıcı cihaz çerçevesi — ekran görüntünüzü macOS tarzı trafik ışığı düğmeleri ve adres çubuğu içeren gerçekçi bir tarayıcı çerçevesine sarın
  • Gradyan ve düz arka planlar — düz renkler veya altı yön seçeneğine sahip iki renkli gradyanlar seçin
  • Tam tipografi kontrolü — yazı tipi ailesi, ağırlık, boyut, renk, hizalama ve alt başlık opaklığını seçin

Seçenekler açıklandı

Seçenek Açıklama
Çıktı Boyutu Önceden tanımlanmış boyutlar (1280×800, 1280×720, 1920×1080) veya özel genişlik ve yükseklik
Şablon Düzeni Metni ve görüntüyü düzenleyen hızlı ön ayarlar: üst/alt veya sol/sağ bölünmeler
Cihaz Çerçevesi Ekran görüntüsünü bir tarayıcı çerçevesine sarın veya çerçeve olmadan görüntüleyin
Metin Konumlandırması Başlık ve alt başlığın dikey ve yatay yerleşimini, artı piksel ofsetlerini kontrol edin
Görüntü Konumlandırması Ekran görüntüsünün dikey ve yatay yerleşimini, artı piksel ofsetlerini kontrol edin
Ekran Görüntüsü Ölçeği Ekran görüntüsünü mevcut alanın %30 ile %100 arasında yeniden boyutlandırın
Arka Plan Türü Tek düz renk veya iki renk arasında doğrusal gradyan
Gradyan Yönü Dikey, yatay ve çapraz dahil altı yön
Yazı Tipi System UI, Arial, Georgia ve monospace seçenekleri dahil sekiz yazı tipi ailesi
Yazı Tipi Ağırlığı Regular (400) ile Black (900) arasında altı ağırlık
Başlık / Alt Başlık Yazı Tipi Boyutu Başlık (24–160 px) ve alt başlık (16–100 px) için bağımsız boyut kaydırıcıları
Alt Başlık Opaklığı Alt başlığın ne kadar belirgin görüneceğini kontrol edin (%20–100)
Çerçeve Rengi Tarayıcı cihaz çerçevesi seçildiğinde tarayıcı çerçeve rengini ayarlayın
Gölge Göster Ekran görüntüsünün veya cihaz çerçevesinin arkasında düşen gölgeyi açıp kapatın
Köşeleri Yuvarla Cihaz çerçevesi kullanılmadığında ekran görüntüsüne yuvarlatılmış köşeler ekleyin
Çıktı Biçimi PNG (kayıpsız) veya JPEG (daha küçük dosya boyutu) olarak dışa aktarın

Kullanım durumları

  • Uzantı geliştiricileri temel özellikleri ek açıklamalı metinle vurgulayan Chrome Web Store listesi için promosyon görüntüleri hazırlıyor
  • Ürün ekipleri birden fazla uzantı veya uzantı güncellemesi arasında tutarlı markalı ekran görüntüleri oluşturuyor
  • Serbest çalışanlar ve ajanslar Figma veya Photoshop açmadan müşteri sunumları için hızlı bir şekilde cilalı mockuplar oluşturuyor

İpuçları

  • Profesyonel bir görünüm için gradyan arka planını ince renk farklılıklarıyla kullanın — büyük renk atlamaları ekran görüntüsünün kendisinden dikkat dağıtabilir
  • Başlıkları kısa tutun (3–5 kelime) ve Web Store arama sonuçlarında küçük resim ölçeğinde okunabilir kalması için yazı tipi boyutunu artırın
  • Tarayıcı çerçevesini kullanırken, çerçeve rengini arka planınızla eşleştirerek sorunsuz bir görünüm elde edin
  • Chrome Web Store'a yüklerken maksimum kalite için PNG olarak dışa aktarın; daha küçük bir dosya gerekiyorsa JPEG'i yalnızca diğer amaçlar için kullanın