Dither Gambar
Langkah / 4
Pilih gambar
Buka gambar PNG, JPEG, atau WebP untuk diproses secara lokal di browser Anda.
PNG, JPEG, atau WebP · hingga 15 MiB · maksimal 8.192 px per sisi dan 20 megapiksel
× px
Gambar dan piksel Anda tetap di browser ini. Data tidak pernah diunggah atau dimasukkan ke URL.
Alur bertahap menyimpan salinan lokal sementara di tab browser ini hingga dua jam. Mulai lagi akan menghapusnya.
Permintaan halaman, aset, dan alur biasa tetap dapat berlangsung tanpa data gambar Anda.
Pilih gaya dithering
Pilih algoritma, palet keluaran, kekuatan efek, dan skala pemrosesan.
Agar browser tetap responsif, keluaran otomatis dibatasi 4 megapiksel meskipun sumber yang diterima lebih besar.
Tinjau hasil
Bandingkan gambar asli dengan PNG berpalet terbatas sebelum mengunduh.
Unduh PNG
Simpan persis piksel yang terlihat pada kanvas hasil sebagai PNG.
Ubah gambar PNG, JPEG, atau WebP menjadi raster dengan palet yang sengaja dibatasi menggunakan dither Floyd-Steinberg, Atkinson, atau Bayer 4×4. Pilih Monokrom, Grayscale, atau Warna terbatas, bandingkan pratinjau, lalu ekspor PNG. Pemrosesan tetap di browser ini: gambar tidak diunggah, dikirim melalui Livewire, atau dimasukkan ke URL. Dalam mode alur, salinan lokal sementara yang terisolasi untuk tab dapat disimpan hingga dua jam; Reset menghapusnya dan data kedaluwarsa otomatis. Ini pemrosesan piksel deterministik, bukan AI atau vektor. Masukan dibatasi 15 MiB, 20 megapiksel, dan 8.192 piksel per sisi; keluaran otomatis dibatasi 4 megapiksel agar pemrosesan tetap responsif. Alpha asli dipertahankan sementara dither hanya mengubah RGB.
Cara menerapkan dither pada gambar di browser
-
1
Pilih gambar
Buka PNG, JPEG, atau WebP maksimal 15 MiB, 20 megapiksel, dan 8.192 piksel per sisi. File didekode secara lokal.
-
2
Pilih algoritma
Gunakan difusi galat Floyd-Steinberg atau Atkinson, atau pilih Bayer 4×4 untuk pola terurut yang teratur.
-
3
Pilih palet
Pilih Monokrom, Grayscale, atau Warna terbatas, lalu tinjau cara warna yang dikurangi mewakili gradasi, tepi, dan tekstur.
-
4
Unduh PNG
Periksa pratinjau raster pada tingkat zoom yang sesuai, lalu ekspor piksel hasil pemrosesan sebagai PNG dengan alpha sumber dipertahankan.
Perbedaan hasil ketiga algoritma
Dithering mewakili rona dengan kumpulan warna yang lebih kecil melalui susunan spasial piksel yang tersedia. Floyd dan Steinberg memperkenalkan difusi galat ke depan dalam makalah tahun 1976, An Adaptive Algorithm for Spatial Greyscale. Setiap piksel yang dikuantisasi menyisakan galat yang disebarkan ke piksel tetangga yang belum diproses. Cara ini biasanya menghasilkan tekstur halus dan tidak teratur serta mempertahankan perubahan bertahap lebih baik daripada satu ambang untuk seluruh gambar.
Atkinson juga memakai difusi galat, tetapi pola tetangga dan jumlah galat yang dipertahankan berbeda. Apple mencantumkan Floyd-Steinberg dan Atkinson sebagai metode dithering vImage yang terpisah. Atkinson sering menghasilkan tampilan lebih tajam dan kontras tinggi, meskipun sebagian transisi rona halus dapat hilang.
Bayer 4×4 adalah dithering terurut. Metode ini mengulang matriks ambang tetap 4×4 di seluruh gambar, bukan meneruskan galat dari satu piksel ke piksel berikutnya. Metode ini berasal dari makalah B. E. Bayer tahun 1973 yang tercatat sebagai An Optimum Method for Two-Level Rendition of Continuous-Tone Pictures. Polanya yang teratur dan terlihat cocok untuk grafis retro dan tekstur yang dapat diprediksi.
| Algoritma | Model pemrosesan | Tampilan umum | Konsekuensi praktis |
|---|---|---|---|
| Floyd-Steinberg | Menyebarkan galat kuantisasi ke tetangga berikutnya | Detail halus dan tidak teratur | Dapat membentuk tekstur seperti cacing pada area datar |
| Atkinson | Menyebarkan sebagian galat dalam pola lokal yang lebih lebar | Tepi tajam dan sorotan terbuka | Sebagian ketepatan rona tengah dapat berkurang |
| Bayer 4×4 | Membandingkan tiap piksel dengan matriks ambang berulang | Tekstur 4×4 yang teratur | Pola lebih terlihat daripada difusi galat |
Batas palet dan alpha
Monokrom mengurangi RGB yang terlihat menjadi dua rona. Grayscale mempertahankan beberapa tingkat netral, sedangkan Warna terbatas menguantisasi RGB menjadi kumpulan kecil. Mode ini tidak mengenali objek, membangun kembali detail yang hilang, atau menyimpulkan warna baru. Keluaran tetap berupa raster pada dimensi piksel yang diproses, bukan SVG atau karya vektor lain.
Perhitungan dither hanya mengubah RGB. Nilai alpha sumber disalin untuk setiap piksel, termasuk transparansi sebagian, dan piksel sepenuhnya transparan tetap transparan. Spesifikasi PNG mendefinisikan alpha per piksel dari sepenuhnya transparan hingga sepenuhnya buram. JPEG tidak memiliki alpha, sedangkan PNG dan sebagian masukan WebP dapat memilikinya.
Pemrosesan browser dan ekspor PNG
Browser mendekode file pilihan, membaca data piksel, menerapkan algoritma, dan membuat unduhan secara lokal. Gambar tidak diunggah dan byte-nya tidak masuk ke permintaan Livewire atau URL alur. Dalam mode alur, penyimpanan browser sementara yang terisolasi untuk tab membawa proyek lokal melintasi halaman hingga dua jam. Reset menghapus proyek dan data yang ditinggalkan kedaluwarsa otomatis. Spesifikasi HTML Canvas mendefinisikan pembacaan piksel dan ekspor toBlob(), dengan PNG wajib digunakan bila tipe yang diminta tidak didukung.
Batas 15 MiB, 20 megapiksel sumber, dan 8.192 piksel per sisi melindungi memori browser. File kecil masih dapat menjadi buffer besar. Keluaran otomatis diperkecil bila perlu agar tidak melebihi 4 megapiksel dan antarmuka tetap responsif. Ubah ukuran masukan jika melampaui batas sumber. PNG mempertahankan piksel hasil dan alpha tanpa kehilangan, tetapi bukan metadata, lapisan, atau objek vektor sumber.
Pertanyaan yang Sering Diajukan
Coba Floyd-Steinberg untuk tekstur difusi galat yang halus, Atkinson untuk tampilan tajam dan kontras tinggi, serta Bayer 4×4 untuk pola retro teratur yang terlihat. Pilihan terbaik bergantung pada gambar dan tampilan yang diinginkan.
Tidak. Alat menerapkan kuantisasi piksel dan dithering deterministik di browser. Alat tidak mengenali objek, menghasilkan konten, melacak bentuk, atau mengekspor SVG. Unduhan berupa PNG raster.
Nilai alpha asli disalin untuk setiap piksel sementara dither hanya memengaruhi RGB. Piksel sepenuhnya transparan tetap transparan dan alpha sebagian dipertahankan dalam PNG keluaran.
Anda dapat membuka PNG, JPEG, dan WebP hingga 15 MiB, 20 megapiksel, dan 8.192 piksel per sisi. Keluaran otomatis dibatasi maksimal 4 megapiksel agar pemrosesan tetap responsif.
Gambar tidak pernah diunggah, dikirim melalui Livewire, atau dimasukkan ke URL alur. Dalam mode alur, salinan lokal sementara hanya disimpan di browser ini agar proyek bertahan saat berpindah halaman. Reset menghapusnya dan data kedaluwarsa otomatis dalam dua jam.
Alat Terkait
Editor Foto
Editor foto berbasis browser dengan pangkas, putar, kecerahan, kontras, saturasi, filter, hamparan teks, dan ekspor ke JPG, PNG, atau WebP.
Generator Barcode
Buat barcode 1D yang dapat dipindai dalam Code 128, Code 39, EAN-13, UPC-A, ITF-14, dan Codabar. Ekspor sebagai PNG, SVG, atau PDF untuk dicetak.
Pembaca Kode QR
Dekode kode QR dari gambar PNG, JPG, atau WebP di browser. Lihat URL, Wi-Fi, vCard, SMS, email, kalender, geo, atau teks sebelum digunakan.
Vektorisasi PNG ke SVG
Telusuri gambar raster PNG menjadi jalur SVG langsung di browser. Cocok untuk logo, ikon, dan gambar garis. Atur ambang, jumlah warna, dan penghalusan.
Generator Kode QR
Buat kode QR untuk URL, teks biasa, kredensial WiFi, vCard, dan acara kalender. Unduh sebagai PNG atau SVG tanpa registrasi dan tanpa watermark.
Pembuat GIF
Ubah rangkaian gambar atau video pendek menjadi GIF animasi. Atur frame rate, pengulangan, dan ukuran sebelum mengekspor.