Blog / Tutorial

Buat PNG bundar dengan sudut transparan, hitung pangkasan 4:5, dan periksa setiap foto sebelum unduhan batch.

Pilih logo transparan, periksa foto terang dan gelap, terapkan penempatan relatif dan tinjau pengecualian sebelum mengekspor ZIP.

Pisahkan kesalahan format, ukuran berkas, dan dimensi; konversi foto HEIC secara batch dan periksa salinan unduhan sebelum berbagi.

Pahami pengolahan RAW, bedakan salinan yang dirender dari thumbnail, dan pilih JPG atau PNG tanpa membuang DNG Anda.

Bandingkan koreksi matte, penghapusan piksel samar, dan pemangkasan secara terpisah, lalu periksa PNG pada latar terang dan gelap.

Kerjakan kisi 4 × 3 yang diukur, bedakan batas dari celah, dan pertahankan posisi setelah melewati atau menghapus tile duplikat.

Diagnosis titik awal pangkasan dan urutan bingkai sebelum mengubah FPS; pertahankan jangkar bermakna sambil menjaga gerakan yang disengaja.

Mengapa persegi panjang pembaruan GIF dapat meninggalkan jejak, cara memperoleh bingkai PNG lengkap, dan kapan mempertahankan jeda bingkai asli alih-alih hanya mengekspor kisi.

Gunakan frame, spriteSourceSize, dan sourceSize dari ekspor Aseprite yang cocok untuk membangun kembali PNG ukuran penuh yang selaras, bukan pose terpangkas yang melompat-lompat.

Mulai dari piksel bersih, filter warna tepi samar, lalu ubah jumlah warna tepat menjadi rangkaian bayangan, dasar, dan sorotan yang disengaja.

Susun urutan baca akhir halaman demi halaman, sisipkan halaman yang difoto, hapus halaman yang tidak diperlukan, dan verifikasi unduhan sebelum berbagi.

Hitung sel sama besar, periksa urutan dan kesejajaran bingkai, pilih kecepatan pemutaran, dan pahami dampak GIF pada warna dan transparansi.

Instagram menyesuaikan foto ke salah satu rasio aspek yang didukung lalu memangkas sisanya dari tengah, sehingga bagian atas gambar terus hilang. Panduan ini membahas rasio yang bertahan, jebakan carousel, area aman Story, dan alasan unggahan 4K tidak memberi manfaat.

Penghapusan berbasis warna, segmentasi AI, dan seleksi manual menyelesaikan masalah berbeda, dan memilih yang salah menyebabkan potongan Anda memiliki halo atau lubang. Panduan ini menjelaskan cara kerja sebenarnya setiap metode dan cara menentukan metode yang diperlukan gambar Anda.

HTTP/2 menghapus alasan jumlah permintaan yang mendasari sprite CSS, sehingga kebanyakan panduan membahas masalah yang tidak lagi Anda miliki. Panduan ini membahas alasan nyata menggunakan sprite, perhitungan background-position dan background-size retina, serta kapan sprite SVG merupakan jawaban lebih baik.

Generator gambar AI jarang menempatkan sprite pada kisi merata, sehingga potongan baris dan kolom biasa memotong kepala dan kaki. Panduan ini menjelaskan penyebab perubahan jarak, cara deteksi berbasis konten mengatasinya, dan cara memasukkan bingkai bersih ke Unity atau Godot.

Postingan kisi sembilan potongan mengubah satu gambar menjadi banner di seluruh profil Anda. Panduan ini membahas ukuran gambar sumber, pemotongannya menjadi sembilan bagian sama besar, dan urutan unggahan terbalik agar gambar tidak berantakan.

Halo putih tipis di sekitar potongan hampir tidak pernah merupakan bug potongannya. Panduan ini menjelaskan asal warna salah pada piksel tepi antialias, format yang mempertahankan alfa, dan cara menghapus pinggiran yang sudah tertanam.

Texture Type, Sprite Mode, Pixels Per Unit, Filter Mode, dan kompresi semuanya memiliki bawaan salah untuk karya 2D. Panduan ini menjelaskan fungsi setiap pengaturan, cara memotong dalam Sprite Editor, dan kapan memotong dahulu lebih baik daripada auto-slice Unity.

Godot 4 membaca lembar sprite dengan tiga cara berbeda: AnimatedSprite2D dengan SpriteFrames, wilayah AtlasTexture, dan hframes/vframes pada Sprite2D. Panduan ini membahas pilihan yang sesuai, pengaturan filter seni piksel, dan alasan lembar tidak merata merusak ketiganya.

Kebanyakan lembar sprite AI memiliki kisi berubah-ubah, latar menyatu, dan label teks kacau. Panduan ini memberikan kata-kata prompt spesifik yang memperbaiki setiap masalah, dua contoh prompt lengkap, dan alur setelah generasi.

"Gunakan WebP untuk semua gambar" cukup sering keliru sehingga perlu diperhatikan. Panduan ini membahas cara setiap format memampatkan gambar, format yang mempertahankan kanal alfa, dan kasus umum ketika WebP lossy justru lebih besar daripada PNG berpalet.

Tiga pengaturan mengendalikan ukuran berkas: dimensi, format, kualitas. Panduan membahas menurut prioritas, dengan titik optimal kualitas, kuantisasi palet, penghapusan metadata, dan resep ukuran umum.

Pengubahan ukuran standar membuat seni piksel kabur karena mencampur warna yang tidak dimaksudkan bersentuhan. Panduan ini membahas nearest-neighbor, alasan faktor skala harus bilangan bulat, dan fungsi sebenarnya render pixelated CSS, filter point engine, serta algoritma sejenis hqx.

Atlas mengurangi draw call dengan mengemas banyak sprite dalam satu tekstur, tetapi mengemasnya tepat berdampingan membuat warna tetangga merembes di sambungan. Panduan ini membahas bin packing, ruang tambahan dan ekstrusi, kapan dimensi pangkat dua masih penting, serta pengaruh pemangkasan terhadap pivot.

Pratinjau tautan kosong hampir selalu disebabkan oleh beberapa hal tertentu: ukuran salah, format tidak didukung, URL relatif, atau cache lama. Panduan ini membahas standar 1200x630, pemangkasan area aman, alasan WebP bukan pilihan yang tepat di sini, dan cara memaksa setiap platform mengambil ulang data.

Tileset lebih sulit daripada lembar sprite karena sambungannya harus sejajar ketika ubin berdampingan. Panduan ini membahas pemilihan ukuran ubin, pencarian offset kisi ketika gambar tidak dimulai pada piksel nol, penanganan perembesan pada ubin tanpa celah, dan impor ke Unity atau Godot.

Jumlah bingkai dan kecepatan pemutaran adalah keputusan terpisah, dan mencampuradukkannya membuat animasi lamban atau mahal untuk digambar. Panduan ini membahas kesan sebenarnya 8, 12, dan 24fps, laju menurut jenis gerakan, bingkai tahan, serta menjaga FPS animasi terpisah dari FPS game.

Favicon tetap rumit lama setelah bagian web lainnya berkembang, dan kebanyakan panduan mencantumkan jauh lebih banyak berkas daripada yang diperlukan. Panduan ini membahas set minimum yang benar-benar perlu, permintaan sebenarnya setiap platform, site.webmanifest, perancangan logo yang terbaca pada 16 piksel, dan cara mengatasi cache.

Minta model membuat karakter yang sama dua kali dan warna zirah berubah, jubah muncul, proporsi bergeser. Panduan ini membahas fungsi penguncian seed dan batas manfaatnya, penetapan warna dan material dalam prompt, image-to-image dengan referensi, serta perbaikan perubahan setelahnya.