Piksel Karşılaştırma İçin Herhangi Bir HTML / Web Sitesinde Yer Paylaşımlı Görüntüler [Chrome]

PerfectPixel, bir Chrome uzantısı, web geliştiricilerine veyarı saydam bir görüntüyü, gelişmiş bir HTML web sitesinin üzerine kolayca yerleştirmek için tasarımcılar. Bir web sayfasında görüntüyü hareket ettirerek geliştiriciler piksellerdeki farkı görsel olarak görebilir. Uzantı, hem kaplamayı hem de geliştirilen HTML'yi görüntülemenizi sağlayan bir opaklık seçeneğine sahiptir. Görüntüyü hareket ettirdikçe, koordinatlar PerfectPixel açılır penceresinde otomatik olarak güncellenir ve bunlar web geliştiricileri tarafından kopyalanıp kullanılabilir.

Uzantıyı yükledikten sonra, araç çubuğundaki düğmeyi tıklayın; web sayfanızda bir açılır pencere görünür. Tıklayın Yeni katman ekle ve yerel sisteminizden bir dosya seçin. Bu resim anında web sayfasına katman olarak eklenecektir. Yapabilirsin Göster / Gizle görüntüler ve ayrıca farklı olanları seçin. Farklı test etmek için görüntüyü hareket ettirinaçılır ve koordinatlar açılır pencerede otomatik olarak güncellenir. İstediğiniz kadar resim ekleyebilir ve belirli resimleri tıklayarak seçebilirsiniz. Görüntü doğru bir şekilde konumlandırıldığında, görüntünüzü CSS aracılığıyla konumlandırmak için güncellenmiş koordinatları kullanabilirsiniz. Geliştirici birden çok kaplama desteğinden bahsetti; ancak, testlerimiz birden fazla katman ekleyemedi.

PerfectPixel Seçenekler etkinleştirmenize izin verin Depolama Uyumluluk Modu, resim yükleme ile ilgili uyumluluk sorunlarını gidermek için var. Bununla birlikte, uyumluluk modunu kullanmanın bir sınırlaması, dosya boyutunun en fazla 1,5 MB ile sınırlı olmasıdır. Ayrıca Hata ayıklama modu ve Kısayollar.

Ancak, testlerimiz,birden çok katman eklediğinizde, belirli bir sayfada aynı anda yalnızca bir katman görüntüleyebilirsiniz. Bu talihsiz bir sınırlamadır ve geliştirici, aynı anda birkaç katmanın görüntülenebilmesi için değiştirmeyi düşünmelidir. "Kilitle" düğmesi, eklediğiniz bir görüntü katmanının konumunu kaydeder ve uzantıdan çıksanız bile (panelin kaybolması için düğmesini tekrar tıklayın) bir sonraki açışınızda bu görüntülerin konumunu hatırlar.

PerfectPixel uzantısı, web geliştiricileri ve tasarımcıları için oldukça kullanışlı bir araçtır ve aşağıdaki Chrome Web Mağazası bağlantısında mevcuttur.

Google Chrome için PerfectPixel'i yükleyin