1. Produk
  2.   Gambar
  3.   Node.js
  4.   LooksSame
 
  

API Node.js Gratis untuk Perbandingan Gambar

API berbasis Node.js Open Source yang Membandingkan Gambar Piksel demi Piksel. Solusi yang Kuat, Fleksibel, dan Efisien untuk Perbandingan Gambar dalam Aplikasi Node.js.

Perbandingan gambar memainkan peran penting dalam pengembangan perangkat lunak, khususnya di area seperti pengujian regresi visual, jaminan kualitas gambar, dan verifikasi desain piksel sempurna. Baik Anda mengembangkan perangkat lunak untuk memastikan tampilan UI yang konsisten di berbagai platform atau mengotomatiskan pemeriksaan visual dalam alur produksi, memiliki alat perbandingan gambar yang efisien sangatlah penting. LooksSame, API sumber terbuka yang dikembangkan oleh Gemini-Testing, menyederhanakan proses pembuatan perangkat lunak untuk perbandingan gambar dengan fitur-fiturnya yang intuitif. Ada beberapa fitur penting yang menjadi bagian dari pustaka tersebut seperti perbandingan gambar piksel demi piksel, deteksi anti-aliasing, konfigurasi kontrol toleransi, penanganan dimensi gambar, dukungan untuk Promises, dan masih banyak lagi.

LooksSame adalah API berbasis Node.js yang dirancang untuk perbandingan gambar. API ini memungkinkan pengembang untuk membandingkan gambar piksel demi piksel, dengan opsi untuk menangani variasi kecil yang mungkin terjadi karena perbedaan dalam lingkungan rendering. Dengan memanfaatkan pustaka tersebut, pengembang perangkat lunak dapat membangun aplikasi mereka sendiri yang mendeteksi perbedaan visual yang signifikan sambil mengabaikan variasi yang sepele. API ini terutama difokuskan untuk membantu pengembang menjaga konsistensi dalam desain UI, tetapi fleksibilitasnya membuatnya cocok untuk banyak kasus penggunaan perbandingan gambar lainnya. Dengan API yang mudah dipahami dan opsi yang dapat disesuaikan, LooksSame merupakan tambahan yang bagus untuk perangkat pengembang mana pun, khususnya untuk pengujian UI berbasis web, pembuatan gambar otomatis, dan skenario lain yang mengutamakan akurasi visual.

Previous Next

Memulai dengan LooksSame

Cara yang direkomendasikan untuk menginstal LooksSame adalah menggunakan NPM. Harap gunakan perintah berikut untuk instalasi yang lancar.

Instal LooksSame melalui NPM

npm install looks-same

Perbandingan Gambar Dasar di Aplikasi Node.js

Perpustakaan LooksSame sumber terbuka memudahkan pengembang perangkat lunak untuk melakukan perbandingan gambar dasar di dalam aplikasi Node.js. Setelah terinstal, Anda dapat membandingkan dua gambar dengan memerlukan modul LooksSame dalam kode Anda. Berikut adalah contoh dasar yang menunjukkan cara menggunakan pustaka untuk memeriksa apakah dua gambar identik secara visual: Dalam contoh ini, membandingkan image1.png dan image2.png. Jika keduanya sama secara visual, equal akan mengembalikan true; jika tidak, akan mengembalikan false.

Bagaimana Cara Membandingkan Dua Gambar di dalam Aplikasi Node.js?

const looksSame = require('looks-same');

// Compare two images
looksSame('image1.png', 'image2.png', (error, { equal }) => {
    if (error) {
        console.error('Error comparing images:', error);
    } else if (equal) {
        console.log('Images are identical!');
    } else {
        console.log('Images differ!');
    }
});

Perbandingan Gambar Berbasis Toleransi

Untuk aplikasi yang tidak memerlukan kecocokan piksel sempurna, pengembang perangkat lunak dapat menambahkan tingkat toleransi. Hal ini memungkinkan perbedaan kecil antara gambar, seperti perubahan karena rendering pada browser atau sistem operasi yang berbeda, untuk diabaikan. Dalam contoh kode berikut, toleransi ditetapkan menjadi 5%, yang berarti bahwa variasi piksel kecil (hingga 5%) tidak akan menyebabkan gambar dianggap berbeda.

Bagaimana cara melakukan Perbandingan Gambar Berbasis Toleransi di dalam Aplikasi Node.js?

cfunction compareWithTolerance(image1, image2, toleranceLevel) {
    looksSame(image1, image2, { tolerance: toleranceLevel }, (error, { equal }) => {
        if (error) {
            console.error('Error comparing images:', error);
        } else if (equal) {
            console.log('Images are visually identical within tolerance!');
        } else {
            console.log('Images differ!');
        }
    });
}

// Usage
compareWithTolerance('image1.png', 'image2.png', 5);  // 5% tolerance

Menyorot Area Perbedaan Tertentu

Untuk aplikasi yang lebih canggih, pengembang perangkat lunak mungkin ingin mengidentifikasi dan menganalisis hanya area perbedaan tertentu. Pustaka LooksSame menyediakan fitur kotak pembatas yang menunjukkan wilayah persis tempat perbedaan terjadi. Fungsi ini menampilkan koordinat kotak pembatas dari wilayah yang berbeda, sehingga lebih mudah untuk fokus pada bagian tertentu dari gambar yang telah berubah. Contoh berikut menunjukkan cara menggunakan koordinat kotak pembatas untuk membandingkan gambar dan menyorot perbedaan.

Bagaimana Cara Membandingkan dan Mengidentifikasi Perbedaan antara Area Gambar Tertentu melalui Aplikasi Node.js?

function compareWithDiffBounds(image1, image2) {
    looksSame(image1, image2, (error, { diffBounds }) => {
        if (error) {
            console.error('Error comparing images:', error);
        } else {
            console.log('Bounding box of differences:', diffBounds);
        }
    });
}

// Usage
compareWithDiffBounds('image1.png', 'image2.png');

Deteksi Anti-Aliasing untuk Perbandingan yang Akurat

Perpustakaan LooksSame sumber terbuka memungkinkan pengembang perangkat lunak untuk melakukan kompresi gambar dengan menggunakan metode Deteksi Anti-Aliasing di dalam aplikasi Node.js. Anti-aliasing dapat menyebabkan hasil positif palsu saat membandingkan gambar, karena menimbulkan sedikit variasi dalam perenderan tepi. Opsi ignoreAntialiasing pada pustaka membantu menghindari hasil positif palsu ini. Ini sangat berguna untuk aplikasi yang gambarnya mungkin dirender secara berbeda di berbagai perangkat atau browser tetapi secara visual tetap sama.

 Indonesia