Aynı sahneden, düzenden, görünüm penceresinden veya dışa aktarma iş akışından temel ve değiştirilmiş dosyaları eşleştirerek başlayın.
Görüntü farkı denetleyici kılavuzu
Görüntü Farkı Denetleyicisi Nasıl Kullanılır
Yerel fark ölçümleri gerektiren ekran görüntüleri, sıkıştırma dışa aktarmaları, ürün düzenlemeleri ve küçük görsel değişiklikler için piksel düzeyinde inceleme.
Değiştirilen alanı algılamak için Vurgu Farkı'nı çalıştırın, ardından sonucu kaydırıcıda, yan yana veya katman görünümünde onaylayın.
İnceleme sinyalleri olarak eşiği, değiştirilen pikselleri, RMSE'yi ve PSNR'yi kullanın. Son karar hala görünür sonuçtan geliyor.
Tam olarak değiştirilen alanlar için piksel incelemesi
Bir görüntü farkı denetleyicisi, ilgili iki görüntü arasındaki farkları bulur. Kullanıcı arayüzü ekran görüntüsü kontrollerine, ürün rötuş incelemesine, sıkıştırma dışa aktarma incelemesine ve kaydırıcıda gözden kaçırılması kolay küçük görsel değişikliklere uyar.
Araç, paylaşılan bir tuval üzerinde tarayıcı tarafından kodu çözülmüş pikselleri karşılaştırır. En büyük kırmızı, yeşil, mavi veya alfa kanalı deltası seçilen eşiği aştığında bir piksel değiştirilmiş olarak sayılır.
İş akışı
Fark inceleme sırası
Önce temel görüntüyü yükleyin
Temel görüntü olarak orijinali, önceki ekran görüntüsünü veya referans dışa aktarımını kullanın. Net bir taban çizgisi, piksel sayısındaki değişikliklerin tespit edilmesini kolaylaştırır.
Değiştirilen görüntüyü ikinci olarak yükle
Değiştirilen görsel olarak yeni ekran görüntüsünü, düzenlenen fotoğrafı, optimize edilmiş görseli veya dışa aktarılan varyantı kullanın. Eşleşmeyen boyutların, metrik incelemesinden önce hizalama kontrolü yapılması gerekir.
Vurgu Farkını Çalıştır
Farkı Vurgula, değiştirilen alanları işaretler ve metrik kartlarını doldurur. Kaydırıcı, yan yana ve yer paylaşımı görünümleri, vurgulanan sonucu görsel bağlamda doğrular.
Eşiği kasıtlı olarak ayarlayın
Daha düşük eşikler ince değişiklikleri yakalar. Daha yüksek eşikler, sıkıştırma gürültüsünü, küçük ışık değişimlerini ve kenar yumuşatmayı göz ardı eder. Eşiği değiştirdikten sonra farkı güncelleyin.
Eşik
Fark eşiği nasıl seçilir
Eşik, değiştirilen pikseller için kanal farkı sınırını belirler. Hiçbir evrensel en iyi değer mevcut değildir; değeri inceleme göreviyle eşleştirin.
8
Sıkı kullanıcı arayüzü kontrolleri
Açıkça yakalanması gereken küçük ekran görüntüsü değişiklikleri için 8'i deneyin.
Bir düğme etiketi Kaydet'ten Uygula'ya değiştirildi.
Bir simge hafifçe hareket etti, ince kenarlık kayboldu veya metin aralığı değişti.
Bu değer aynı zamanda metin ve kenarların etrafındaki küçük görüntü oluşturma gürültüsünü de yakalayabilir.
18
İnce fotoğraf detayı
Yalnızca daha yakından bakıldığında görülebilen görüntü düzenlemeleri için 18'i deneyin.
Bir ürünün gölgesi daha yumuşak hale geldi, yüz rötuşu küçük bir izi kaldırdı veya kumaş dokusu değişti.
Fotoğraf hemen hemen aynı görünüyor ancak bir vurgu, yansıma veya renk yaması düzenlendi.
Yakın inceleme için iyi.
32
Dengeli varsayılan
Çoğu karşılaştırma için 32 ile başlayın.
Bir açılış sayfası ekran görüntüsünde hem metin hem de fotoğraf bulunur.
Bir ürün görseli tekrar dışa aktarıldı veya başka bir araçtan alınan önizlemenin hızlı bir şekilde kontrol edilmesi gerekiyor.
Daha sıkı kontroller için eşiği düşürün, daha gürültülü dosyalar için yükseltin.
64
Önemli görünür değişiklikler
Açık değişikliklere odaklanmak için 64'ü deneyin.
Bir arka plan değiştirildi, bir nesne taşındı, bir kırpma değiştirildi veya güçlü bir renk değişimi ortaya çıktı.
JPEG veya WebP dışa aktarımında küçük bir gürültü vardır, ancak inceleme yalnızca insanların hızlı bir şekilde fark ettiği değişikliklerle ilgilenir.
Küçük metinler, ince simgeler ve ince kenarlıklar artık göze çarpmayabilir.
Metrikler
Görüntü farkı ölçümleri nasıl okunur?
Değiştirilen pikseller
Geçerli eşiğin üzerindeki karşılaştırılabilir tuval piksellerinin sayısı. Değer büyük ölçüde eşiğe ve hizalamaya bağlıdır.
Piksel yüzdesi değiştirildi
Değiştirilen piksellerin tüm karşılaştırılabilir piksellere bölümü. Farklı görüntü boyutlarına veya kırpma alanlarına sahip iki çalışmayı karşılaştırmaya yardımcı olur.
Ortalama RGB deltası
Ortalama mutlak RGB kanal farkı. Küçük bir değişen alan yüzdesiyle bile geniş renk veya parlaklık değişimleri burada görünebilir.
RMSE
Kök ortalama kare RGB hatası. Daha büyük yerel farklılıklar, RMSE'yi küçük dağınık farklardan daha güçlü bir şekilde etkiler.
PSNR
Tepe sinyal-gürültü oranı. Daha yüksek PSNR genellikle görüntülerin RGB sinyaline daha yakın olduğu anlamına gelir; daha düşük PSNR, daha görünür veya ölçülebilir hata anlamına gelir.
Yaygın tuzaklar
İkinci bir bakış gerektiren farklı sonuçlar
Resimler biraz kaymış
1 piksellik bir kaydırma, resim neredeyse aynı görünse bile birçok alanı aydınlatabilir. Kaplamayı açın ve ana kenarların hizalı olup olmadığını kontrol edin.
Resim boyutları eşleşmiyor
Farklı genişlikler veya yükseklikler karşılaştırmayı daha az doğrudan hale getirir. Görünür değişikliği bulmak için görsel görünümleri kullanın, ardından daha net ölçümler için eşleşen boyutları kırpın veya dışa aktarın.
Sıkıştırma gürültüsü ortaya çıkıyor
JPEG ve WebP dışa aktarmaları genellikle düz renk ve kenarlarda küçük benekler ekler. İnceleme görünür düzenlemelerle ilgiliyse eşiği yükseltin.
Oluşturma sırasında metin kenarları değiştirildi
Yazı tipleri, simgeler ve vektör kenarları, bir tarayıcı, yazı tipi veya dışa aktarma değişikliği sonrasında biraz farklı piksellere yerleşebilir. Ekran görüntüsü QA'sı için düşük bir eşik kullanın, ardından vurgulanan alanı gözle onaylayın.
Kullanım durumları
Bu kılavuzun görevlerini inceleyin
Kullanıcı arayüzü ekran görüntüsü regresyon incelemesi
Görüntü sıkıştırma kalitesi karşılaştırması
Ürün fotoğrafı rötuş incelemesi
Düzenleme kontrollerinden önce ve sonra
Küçük düzen veya dışa aktarma farklılıkları
Deneyin
Kılavuzu okuduktan sonra aracı açın
Bir temel görüntüyü ve değiştirilmiş bir görüntüyü yükleyin, Vurgu Farkı'nı çalıştırın, ardından vurgulanan alanlar inceleme göreviyle eşleşene kadar eşiği ayarlayın.
SSS
Görüntü Farkı Denetleyicisi Kullanın
Görüntü farkı denetleyicisinde hangi eşiği kullanmalıyım?
Genel inceleme için 32 ile başlayın. Aynı boyutlu ekran görüntüsü kontrolleri için 8'i, ince fotoğraf ayrıntıları için 18'i ve daha büyük görünür değişiklikler için 64'ü kullanın.
Benzer görüntülerde çok sayıda değişen pikselin oluşmasına neden olan şey nedir?
Küçük hizalama kaymaları, kenar yumuşatma, sıkıştırma gürültüsü, renk profili farklılıkları ve küçük ışık değişikliklerinin tümü değişen pikseller olarak sayılabilir. Sonucu anlamak için Kaplama görünümünü ve eşik ayarını kullanın.
RMSE ve PSNR, değişen piksel yüzdesinden daha mı iyi?
Farklı bir soruya cevap veriyorlar. Değiştirilen piksel yüzdesi, eşiğin ne kadar alanın geçtiğini gösterirken, RMSE ve PSNR, karşılaştırılabilir tuvaldeki RGB hatasını özetler.
Resim verilerim güvende mi?
Evet. Görüntü önizlemesi ve piksel karşılaştırması tarayıcınızda yerel olarak çalışır. Fark, sunucuya yükleme yapılmasını gerektirmez, dolayısıyla resim verileriniz etkin tarayıcı oturumunda kalır.