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.

Görüntü farkı denetleyici kılavuzuKılavuzlar
01

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.

02

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.

03

İ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.

Aracı aç

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.