Pixel Art Maker: buat pixel art online
Pilih ukuran grid, ketuk sebuah warna, lalu gambar piksel demi piksel – dengan mouse, jari, atau stylus. Sudah selesai? Simpan sebagai PNG dengan latar transparan, diperbesar 1× sampai 32×. Semuanya berjalan di browser Anda, tidak ada yang diunggah.
Cara menghitung
Pixel art adalah gambar yang setiap pikselnya ditempatkan dengan sengaja – dikenal dari game 8-bit dan 16-bit, dan masih populer untuk ikon, emoji, sprite, avatar, serta pola sulam kristik. Pixel art maker ini adalah editor ringan langsung di browser Anda: tanpa akun, tanpa instalasi, tanpa unggah.
Cara membuat pixel art
- Pilih ukuran grid: 8 × 8 untuk ikon kecil, 16 × 16 atau 32 × 32 untuk sprite klasik, sampai 64 × 64 untuk detail lebih banyak. Saat ukuran diganti, isi di kiri atas tetap ada.
- Ketuk sebuah warna dari palet atau pilih warna sendiri lewat kolom warna.
- Menggambar: pensil memasang piksel, penghapus membuatnya transparan lagi, isi warna mewarnai area bersambung yang warnanya sama, pipet mengambil warna dari gambar Anda, dan alat garis menarik garis piksel lurus dari titik awal ke titik akhir.
- Aktifkan cermin untuk menggambar simetris – cocok untuk karakter, wajah, dan ikon. Garis merah menandai sumbu cermin.
- Unduh sebagai PNG: pilih skala (1× sampai 32×) lalu simpan. Piksel yang tidak diwarnai tetap transparan.
Mengapa disimpan dengan skala lebih besar?
Gambar 16 × 16 sangat kecil pada ukuran aslinya. Jika Anda memperbesarnya nanti di aplikasi pengolah gambar, hasilnya sering dihaluskan dan menjadi buram. Ekspor di sini mengubah setiap piksel menjadi blok yang tepat (misalnya 16 × 16 pada 16× menjadi 256 × 256), sehingga tepinya tetap tajam. Untuk game engine yang memperbesar sendiri gunakan 1×; untuk media sosial, slide, atau cetak pilih 16× atau 32×.
Teknologi dan batasan
- Hanya satu lapisan – tanpa layer, tanpa animasi (GIF/sprite sheet), dan tanpa impor gambar yang sudah ada.
- Isi warna hanya menyebar ke piksel yang bersambung mendatar dan tegak (celah diagonal menghentikannya); alat garis memakai algoritma Bresenham yang klasik.
- Urungkan bisa mundur hingga 100 langkah selama halaman terbuka.
- Hasil terbesar adalah 64 × 32 = 2.048 piksel per sisi.
Privasi
Gambar Anda dibuat dan tetap berada di browser Anda – tidak ada server tujuan pengiriman. Agar tidak hilang, editor menyimpan draf di penyimpanan lokal browser ini (localStorage, kunci pixelart:v1). „Hapus semua” menghapusnya; Anda juga bisa menghapus data situs di browser.
Lanjutkan: sesuaikan PNG dengan ukuran yang diminta lewat ubah ukuran foto, dan ubah grafik vektor dengan SVG ke PNG.
Pertanyaan umum
Bagaimana cara membuat pixel art online?
Pilih ukuran grid (misalnya 16 × 16), ketuk sebuah warna, lalu pasang piksel dengan pensil. Isi warna menutup area, alat garis membuat tepi lurus. Terakhir klik „Unduh sebagai PNG”.
Apakah pixel art maker ini gratis?
Ya – tanpa daftar, tanpa watermark, dan tanpa batas unduhan. Gambar yang jadi adalah milik Anda.
Ukuran berapa yang terbaik untuk pixel art?
16 × 16 dan 32 × 32 adalah ukuran klasik untuk karakter game dan ikon. 8 × 8 memaksa bentuk yang sangat sederhana, 64 × 64 memungkinkan detail tetapi jauh lebih lama. Untuk pemula, 16 × 16 paling pas.
Bagaimana menyimpan pixel art dengan latar transparan?
Semua piksel yang tidak diwarnai transparan (pola papan catur). Ekspor PNG otomatis mempertahankan transparansi itu. Piksel yang dihapus juga kembali transparan.
Bagaimana memperbesar pixel art tanpa buram?
Pilih skala sebelum mengunduh (hingga 32×). Setiap piksel lalu menjadi blok warna yang tepat – tanpa penghalusan. Jika memperbesar di aplikasi lain, gunakan skala „nearest neighbour”.
Apakah gambar hilang jika halaman ditutup?
Tidak. Draf tersimpan otomatis di penyimpanan lokal browser ini dan dipulihkan pada kunjungan berikutnya – di perangkat dan browser yang sama. Mode penyamaran bisa mencegahnya.
Apakah bisa dipakai di HP dan tablet?
Bisa. Gambar dengan jari atau stylus; kanvas tidak ikut bergulir saat Anda menggambar. Untuk pekerjaan detail 48 × 48 atau 64 × 64, layar yang lebih besar lebih nyaman.
Bisakah membuat animasi atau sprite sheet?
Tidak, editor ini membuat satu gambar. Anda bisa menggambar frame animasi satu per satu, mengekspor masing-masing, lalu menggabungkannya di aplikasi animasi.
Sumber dan dasar hukum
- W3C – Pointer Events Level 3 (Maus, Touch und Stift)
- W3C – Portable Network Graphics (PNG) Specification (Alphakanal/Transparenz)
- MDN – CanvasRenderingContext2D: putImageData()
- MDN – CSS image-rendering: pixelated
- J. E. Bresenham (1965): Algorithm for computer control of a digital plotter, IBM Systems Journal 4(1)
Diperbarui:
Alat terkait
- Favicon generator: dari gambar, teks, atau emojiBuat favicon online dari gambar, huruf, atau emoji: favicon.ico (16/32/48), apple-touch-icon, PNG 192/512, webmanifest, dan kode HTML. Tanpa unggah.
- Convert SVG ke PNGConvert SVG ke PNG di browser: atur ukuran dengan skala atau piksel, pilih latar transparan atau berwarna, unduh hingga 20 file sekaligus dalam ZIP.
- Generator palet warnaBuat kombinasi warna serasi dari satu warna dasar: komplementer, analog, triadik, persegi, split-komplementer atau monokrom – lengkap dengan HEX, RGB dan HSL.
- Ubah ukuran fotoUbah ukuran foto online: resize gambar dalam piksel atau persen, pertahankan rasio atau potong, dengan template Instagram dan YouTube. Tanpa upload.
- Buat kartu nama: PDF siap cetak dengan bleedBuat kartu nama online: depan dan belakang, logo, ukuran 85 × 55 mm atau 90 × 50 mm, bleed dan tanda potong – PDF untuk percetakan atau lembar A4. Tanpa upload.
- Buat QR code gratis dan permanenBuat QR code untuk link, Wi-Fi, kontak (vCard), email, telepon, atau SMS. Pilih warna, unduh PNG atau SVG. Gratis, tanpa daftar, dan tidak ada masa berlaku.