İki Resmi Karşılaştır

Hesaplamalı düzeyde iki raster görseli karşılaştırmak, özdeş boyutlardaki ($W \times H$) iki 32 bitlik RGBA piksel matrisini analiz etmeyi içerir. Her $(x, y)$ piksel koordinatı için motor, Görsel A'nın ($R_1, G_1, B_1, A_1$) ve Görsel B'nin ($R_2, G_2, B_2, A_2$) renk bileşenlerini çıkarır.

Bir pikselin değişip değişmediğini belirlemek için motorumuz maksimum mutlak kanal farkını değerlendirir: $$\Delta_{\max} = \max\left(|R_1 - R_2|, |G_1 - G_2|, |B_1 - B_2|, |A_1 - A_2|\right)$$ Fotoğrafik görsellerde veya işlenmiş web tipografisinde, küçük GPU piksel altı kenar yumuşatma farkları ve kayıplı sıkıştırma yapaylıkları algılanamayan değişimlere (örneğin $\Delta = 1$ veya $2$) neden olabilir. Yanlış pozitifleri (false positives) önlemek için motorumuz yapılandırılabilir bir tolerans eşiği (0'dan 255'e kadar) sunar. Yalnızca farkı bu eşiği aşan pikseller farklı olarak işaretlenir; böylece arka plan gürültüsü elenirken anlamlı kullanıcı arayüzü kaymaları net bir şekilde vurgulanır.

Farklı görsel kalite güvence (QA) görevleri farklı karşılaştırma bakış açıları gerektirir. Aracımız üç özel inceleme modunu entegre eder: • Etkileşimli Bölünmüş Kaydırıcı: Sürüklenebilir dikey bir ayırıcı ile Görsel B'yi doğrudan Görsel A'nın üzerine yerleştiren klasik bir öncesi-sonrası kaydırıcısıdır. Renk derecelendirme ayarlamalarını, rötuş düzenlemelerini ve sıkıştırma kalitesini yan yana değerlendirmek için mükemmeldir. • Soğan Zarı (Onion-Skin) Opaklık Karışımı: Her iki görseli etkileşimli bir şeffaflık kaydırıcısı (%0 ila %100 opaklık) ile üst üste bindirir. Bu mod; yan yana görünümün gizleyebileceği düzen kaymalarını, yanlışlıkla yapılan dolgu (padding) ayarlamalarını ve ince tipografik yer değiştirmeleri tespit etmede son derece güçlüdür. • Fark Isı Haritası (Pixelmatch Maskesi): Yüksek kontrastlı bir tanı görünümüdür. Değişmeyen pikseller düşük kontrastlı gri tonlamalı bir referans görseline dönüştürülürken, farklı pikseller parlak macenta, kırmızı veya sarı renkle aydınlatılır. Bu, dikkatinizi anında tutarsızlıkların meydana geldiği mikro bölgelere odaklar.

Görsel regresyon testi, modern CI/CD ön yüz kalite güvencesinin temel taşıdır. Geliştiriciler global CSS değişkenlerini yeniden yapılandırdığında, Tailwind yapılandırmalarını güncellediğinde veya kullanıcı arayüzü tasarım sistemlerini (Material UI veya Radix gibi) yükselttiğinde, otomatik kod testleri butonların, modal iletişim kutularının veya tipografinin beklenmedik şekilde kayıp kaymadığını doğrulayamaz.

Ön yüz ekipleri rutin olarak web sayfalarının temel (baseline) ekran görüntülerini alır ve görsel fark bulma yöntemini kullanarak bunları yeni oluşturulan pull request sürümleriyle karşılaştırır. Tarayıcıda yerel çalışan aracımız; ön yüz geliştiricilerinin ve QA mühendislerinin ağır başsız (headless) tarayıcı ortamları veya ücretli bulut test paketleri yapılandırmadan görsel regresyon hatalarını yerel olarak incelemeleri için hızlı ve zahmetsiz bir çalışma alanı sunar.

Görselleri kayıplı algoritmalar (JPEG, WebP veya AVIF gibi) kullanarak web dağıtımı için optimize ederken, web geliştiricileri dosya boyutu küçültme ile görsel doğruluk arasında hassas bir denge kurmalıdır. Sıkıştırma kalitesini çok düşük ayarlamak belirgin bloklanma kusurlarına, yüksek kontrastlı metinlerin etrafında çınlama (ringing) etkisine ve kroma alt örnekleme bulanıklığına yol açar.

Sıkıştırılmamış orijinal bir PNG'yi sıkıştırılmış varyantıyla birlikte Görsel Karşılaştırma aracına yükleyerek, sıkıştırma kaybının kesin uzamsal dağılımını görsel olarak haritalandırabilirsiniz. Fark ısı haritası, kodekin yüksek frekanslı yaprak dokularındaki gürültüyü mü elediğini (kabul edilebilir) yoksa kritik UI metinlerini ve ürün markalamasını mı bulanıklaştırdığını (kabul edilemez) ortaya çıkarır ve sıkıştırma parametrelerine matematiksel bir güvenle ince ayar yapmanızı sağlar.

Gerçek dünya testlerinde iki karşılaştırma görseli her zaman aynı piksel boyutlarına sahip olmayabilir. Örneğin revize edilmiş bir web sayfası ekran görüntüsü eklenen bir alt bilgi (footer) öğesi nedeniyle 20 piksel daha uzun olabilir veya iki kamera fotoğrafı biraz farklı kırpılmış olabilir.

Aracımız akıllı tuval normalleştirmesini bünyesinde barındırır. Eşit olmayan boyutlardaki görseller yüklendiğinde motor, tuvali maksimum çevreleyen sınırlayıcı kutuya `[max(W1, W2), max(H1, H2)]` göre ölçeklendirir veya doldurur; görselleri sol üst veya merkezlenmiş orijinlere sabitler. Fazlalık sınır alanları belirgin şekilde vurgulanarak genel tuval genişlemesinden bağımsız olarak iç içerik değişikliklerini izole etmenize olanak tanır.

Görsel fark analizi dijital adli bilişimde, yasal belge doğrulamasında ve akademik dürüstlük denetimlerinde hayati bir uzmanlık alanıdır. Kötü niyetli aktörler taranmış sözleşmeleri, faturaları, finansal kayıtları veya bilimsel grafikleri sıklıkla tahrif ederek tek basamakları, tarihleri veya imzaları değiştirir.

Şüpheli bir belgeyi fark ısı haritamızı kullanarak doğrulanmış bir referans belge ile karşılaştırmak; sahte metinleri, yapıştırılmış imzaları ve klonlanmış piksel yamalarını anında açığa çıkarır. Aracımız insan önyargısı olmaksızın farkları ham 32 bit piksel düzeyinde hesapladığından, yüzeysel bir okumada gözden kaçabilecek ince değişiklikler anında ortaya serilir.

Görsel karşılaştırma sıklıkla son derece hassas materyaller içerir: henüz duyurulmamış yazılım prototipleri, tescilli ürün yol haritaları, yasal mahkeme kanıtları, gizli finansal faturalar veya kişisel tıbbi taramalar. Bu görselleri uzak çevrimiçi karşılaştırma sitelerine yüklemek ciddi kurumsal sorumluluklar ve yasal uyumluluk ihlalleri yaratır.

Görsel Karşılaştırma Aracımız %100 yerel web tarayıcınızın içinde çalışır. HTML5 Canvas ve istemci tarafı JavaScript üzerine inşa edilen motorumuzda tüm piksel kod çözme, eşik hesaplamaları, fark maskeleme ve ısı haritası oluşturma işlemleri kesinlikle cihazınızın RAM belleğinde yürütülür. Hiçbir görsel, metrik veya meta veri fiziksel bilgisayarınızı asla terk etmez; bu da eksiksiz gizlilik ve sıkı kurumsal uyumluluk sağlar.