Vizual şəkil müqayisəsi

Hesablama səviyyəsində iki raster şəkli müqayisə etmək eyni ölçülü ($W \times H$) iki 32 bitlik RGBA piksel matrisinin təhlilini əhatə edir. Hər piksel koordinatı $(x, y)$ üçün mühərrik A şəklinin ($R_1, G_1, B_1, A_1$) və B şəklinin ($R_2, G_2, B_2, A_2$) rəng komponentlərini çıxarır.

Pikselin dəyişib-dəyişmədiyini müəyyən etmək üçün mühərrikimiz maksimum mütləq kanal fərqini qiymətləndirir: $$\Delta_{\max} = \max\left(|R_1 - R_2|, |G_1 - G_2|, |B_1 - B_2|, |A_1 - A_2|\right)$$ Foto şəkillərdə və ya göstərilmiş veb tipoqrafiyasında incə GPU subpiksel hamarlaşdırma fərqləri və itkili sıxılma artefaktları hiss olunmayan dəyişikliklərə (məsələn, $\Delta = 1$ və ya $2$) səbəb ola bilər. Yalançı pozitivlərin qarşısını almaq üçün mühərrikimiz tənzimlənən tolerantlıq həddi (0-dan 255-ə qədər) təqdim edir. Yalnız fərqi bu həddi aşan piksellər fərqli kimi işarələnir və mənalı UI sürüşmələrinin vurğulanmasını, fon səs-küyünün isə atılmasını təmin edir.

Fərqli vizual QA tapşırıqları fərqli müqayisə perspektivləri tələb edir. Alətimiz üç ixtisaslaşmış yoxlama rejimini birləşdirir: • İnteraktiv bölmə sürgüsü: B şəklini birbaşa A şəklinin üzərinə sürüklənə bilən şaquli ayırıcı ilə qoyan klassik əvvəl-sonra sürgüsü. Rəng qreydinqi düzəlişlərini, retuş redaktələrini və sıxılma keyfiyyətini yan-yana qiymətləndirmək üçün mükəmməldir. • Qat-qat qeyri-şəffaflıq qarışdırması: Hər iki şəkli interaktiv şəffaflıq sürgüsü (0%–100% qeyri-şəffaflıq) ilə üst-üstə qoyur. Bu rejim yan-yana görünüşün gizlədə biləcəyi düzüm sürüşmələrini, təsadüfi boşluq düzəlişlərini və incə tipoqrafik yerdəyişməni aşkarlamaq üçün müstəsna dərəcədə güclüdür. • Fərq istilik xəritəsi (Pixelmatch maskası): Yüksək kontrastlı diaqnostik görünüş. Dəyişməmiş piksellər aşağı kontrastlı boz istinad şəklinə rəngsizləşdirilir, fərqli piksellər isə parlaq qırmızı-bənövşəyi, qırmızı və ya sarı rənglə işıqlandırılır. Bu, diqqətinizi dərhal uyğunsuzluqların baş verdiyi dəqiq mikro bölgələrə yönəldir.

Vizual reqressiya testi müasir CI/CD frontend keyfiyyət təminatının təməl daşıdır. Tərtibatçılar qlobal CSS dəyişənlərini yenidən işlədikdə, Tailwind konfiqurasiyalarını yenilədikdə və ya UI dizayn sistemlərini (Material UI və ya Radix kimi) təkmilləşdirdikdə avtomatlaşdırılmış kod testləri düymələrin, modal pəncərələrin və ya tipoqrafiyanın gözlənilmədən yerini dəyişib-dəyişmədiyini yoxlaya bilmir.

Frontend komandaları müntəzəm olaraq veb səhifələrin baza ekran görüntülərini çəkir və vizual müqayisə ilə yeni yaradılmış pull request yığımları ilə müqayisə edir. Brauzerdə işləyən alətimiz frontend tərtibatçılarına və QA mühəndislərinə ağır başsız brauzer mühitləri və ya ödənişli bulud test paketləri konfiqurasiya etmədən vizual reqressiya uğursuzluqlarını yerli yoxlamaq üçün sürətli, maneəsiz iş sahəsi təqdim edir.

Şəkilləri itkili alqoritmlərlə (JPEG, WebP və ya AVIF kimi) veb çatdırılması üçün optimallaşdırarkən veb tərtibatçıları fayl ölçüsünün azaldılması ilə vizual dəqiqlik arasında incə balans qurmalıdırlar. Sıxma keyfiyyətini çox aşağı qoymaq nəzərəçarpan blok artefaktları, yüksək kontrastlı mətn ətrafında halqalanma və rəng alt nümunələmə bulanıqlığı yaradır.

Sıxılmamış orijinal PNG-ni onun sıxılmış variantı ilə birlikdə Vizual şəkil müqayisəsi alətinə yükləyərək sıxılma itkisinin dəqiq məkan paylanmasını vizual xəritələyə bilərsiniz. Fərq istilik xəritəsi kodekin səs-küyü yüksək tezlikli yarpaqlarda atdığını (qəbuledilən) və ya kritik UI mətnini və məhsul brendinqini bulanıqlaşdırdığını (qəbuledilməz) göstərir və sıxma parametrlərini riyazi əminliklə dəqiqləşdirməyə imkan verir.

Real dünya testlərində iki müqayisə şəkli eyni piksel ölçülərinə malik olmaya bilər. Məsələn, yenilənmiş veb səhifə ekran görüntüsü əlavə edilmiş altbilgi elementi səbəbindən 20 piksel hündür ola bilər və ya iki kamera fotosu bir az fərqli kəsimlərə malik ola bilər.

Alətimiz ağıllı kətan normallaşdırmasını özündə birləşdirir. Fərqli ölçülü şəkillər yükləndikdə mühərrik kətanı maksimum əhatə edən hüdud qutusuna `[max(W1, W2), max(H1, H2)]` miqyaslayır və ya doldurur, şəkilləri yuxarı-sol və ya mərkəzləşdirilmiş başlanğıclara lövbərləyir. Artıq sərhəd sahələri ayrıca vurğulanır və daxili məzmun dəyişikliklərini ümumi kətan genişlənməsindən ayırmağa imkan verir.

Şəkil müqayisəsi rəqəmsal kriminalistika, hüquqi sənəd yoxlaması və akademik dürüstlük auditlərində həyati sahədir. Vicdansız aktorlar tez-tez skan edilmiş müqavilələri, fakturaları, maliyyə qeydlərini və ya elmi qrafikləri dəyişdirir, tək rəqəmləri, tarixləri və ya imzaları dəyişirlər.

Şübhəli sənədi orijinal baza ilə fərq istilik xəritəmiz vasitəsilə müqayisə etmək saxta mətni, yapışdırılmış imzaları və klonlanmış piksel yamaqlarını dərhal ifşa edir. Alətimiz fərqləri insan qərəzi olmadan xam 32 bitlik piksel səviyyəsində hesabladığı üçün ötəri oxumadan yayınan incə dəyişikliklər dərhal üzə çıxır.

Vizual müqayisə tez-tez həssas materialları əhatə edir: elan edilməmiş proqram prototipləri, xüsusi məhsul yol xəritələri, hüquqi məhkəmə sübutları, məxfi maliyyə fakturaları və ya şəxsi tibbi skanlar. Bu şəkilləri uzaq onlayn müqayisə saytlarına yükləmək ciddi korporativ məsuliyyət və potensial tənzimləyici pozuntular yaradır.

Vizual şəkil müqayisəsi alətimiz 100% yerli veb brauzerinizdə icra olunur. HTML5 Canvas və brauzer tərəfli JavaScript üzərində qurulduğu üçün bütün piksel dekodlaması, hədd hesablamaları, fərq maskalanması və istilik xəritəsi yaradılması ciddi şəkildə cihaz RAM-ında baş verir. Heç bir şəkil, göstərici və ya metadata fiziki kompüterinizi tərk etmir və tam məxfilik və ciddi korporativ uyğunluq təmin olunur.