CodeKitHub
Alat Gambar

Pemisah Gambar

Terakhir diperbarui:

"Postingan grid" Instagram — di mana satu foto lebar dipotong menjadi 9 (atau 4, atau 6) ubin persegi yang tersusun kembali menjadi satu gambar utuh di grid profilmu — membutuhkan gambar sumber yang dipotong menjadi bagian yang benar-benar sama besar, dalam urutan yang tepat, jika tidak ilusinya akan rusak. Alat ini melakukan pemotongan tersebut secara lokal di browser kamu: pilih ukuran grid, dan alat ini akan membagi gambar menjadi ubin berukuran sama yang bisa kamu pratinjau dan unduh sebagai satu file ZIP, siap diunggah sebagai postingan berurutan.

Apa Itu Alat Ini?

Pemisah gambar membagi satu gambar sumber menjadi grid ubin yang lebih kecil dengan ukuran sama, paling umum digunakan untuk tren "tata letak grid" Instagram, di mana satu foto atau ilustrasi lebar diposting sebagai rangkaian gambar persegi individual yang tersusun kembali menjadi gambar aslinya saat dilihat bersama-sama di grid profil.

Tekniknya sendiri adalah geometri sederhana — lebar dan tinggi gambar sumber masing-masing dibagi dengan jumlah kolom dan baris, dan setiap persegi panjang yang dihasilkan dipotong sebagai file tersendiri — tetapi melakukannya dengan akurat secara manual di editor foto serbaguna itu rumit dan rawan kesalahan, terutama untuk grid 3x3 atau lebih besar di mana sedikit ketidaksejajaran pada satu ubin bisa mengacaukan seluruh rangkaian.

Alat ini menghitung batas grid secara presisi dari dimensi piksel gambar yang sebenarnya dan merender setiap ubin menggunakan HTML5 Canvas API sepenuhnya di browser kamu, sehingga setiap ubin sejajar dengan tepat dan gambarnya sendiri tidak pernah harus meninggalkan perangkatmu.

Mengapa Menggunakannya?

  • Kamu ingin bikin "grid takeover" 3x3 untuk profil Instagram brand kamu dengan satu ilustrasi panjang, tapi motong manual di Photoshop selalu meleset beberapa piksel di sambungan antar ubin.
  • Kamu punya foto panorama pemandangan liburan yang terlalu lebar untuk satu postingan, dan ingin membaginya jadi carousel 4 slide yang tetap terasa satu kesatuan saat digeser.
  • Kamu admin akun meme atau fanpage dan butuh cara cepat memecah satu gambar lucu jadi beberapa ubin tanpa buka software editing berat.
  • Kamu sudah pernah coba tool online lain yang minta upload dan menyimpan gambar di server mereka, dan kali ini ingin cara yang benar-benar tidak meninggalkan perangkatmu.
  • Kamu butuh semua potongan langsung dalam satu folder rapi bernomor urut, siap diseret satu-satu ke jadwal posting tanpa harus rename manual.
  • 100% lokal: gambarmu diproses sepenuhnya di browser menggunakan Canvas, dan tidak pernah diunggah ke server.

Cara Menggunakan

  1. Klik area unggah (atau seret dan lepas) untuk memilih gambar dari perangkatmu.
  2. Pilih ukuran grid — 1x2, 1x3, 2x2, 3x3, atau 1x4 — dari menu dropdown.
  3. Lihat pratinjau hasil ubin secara instan di bawah kontrol.
  4. Klik "Download all (ZIP)" untuk mendapatkan setiap ubin sebagai file PNG bernomor dalam satu arsip ZIP.

Contoh

Input

Foto persegi 1200×1200px, grid: 3x3

Output

9 ubin berukuran 400×400px masing-masing, tile-1.png hingga tile-9.png

Ubin diberi nomor dari kiri ke kanan, atas ke bawah — urutan yang sama seperti saat kamu mengunggahnya ke Instagram (dimulai dari ubin kanan bawah dan mundur ke belakang, sehingga saat kamu memposting postingan baru, ubin lama akan terdorong ke bawah dan grid tersusun kembali dengan benar).

Ukuran grid umum dan kegunaannya

Ukuran grid yang berbeda cocok untuk jenis postingan dan reveal yang berbeda pula.

GridUbinKegunaan umum
1x22Reveal before/after sederhana atau dua bagian
2x24Reveal persegi kecil, cepat untuk diposting
1x33Satu baris tunggal di tiga postingan berurutan
3x39Pengambilalihan grid profil penuh — tata letak grid Instagram klasik
1x44Panorama lebar yang dibagi menjadi empat postingan berurutan

Alat terkait

Untuk pengeditan gambar lokal lainnya, coba alat-alat ini.

Pengubah Ukuran Gambar · Kompresor Gambar · Pemotong Gambar

Tips agar grid Instagram-mu tersusun mulus

Membagi gambar hanyalah setengah pekerjaan — cara kamu memposting ubin-ubin itu ke Instagram sama pentingnya supaya ilusi grid-nya berhasil.

  • Selalu posting dari ubin nomor terakhir ke nomor pertama (kanan bawah ke kiri atas), karena Instagram menampilkan postingan terbaru di kiri atas — kalau posting dari urutan normal, grid-mu akan terbalik.
  • Posting semua ubin dalam rentang waktu yang berdekatan (idealnya di hari yang sama) supaya tidak ada postingan lain yang menyelip di antaranya dan merusak susunan grid.
  • Sebelum memposting ubin terakhir, screenshot preview profilmu dulu untuk memastikan urutannya benar-benar tersambung — lebih mudah memperbaiki di tahap ini daripada setelah semua sembilan ubin sudah live.

Pertanyaan yang Sering Diajukan

Ukuran grid apa yang sebaiknya saya gunakan untuk grid profil Instagram?

3x3 (9 ubin) adalah pilihan paling umum karena mengisi tampilan profil Instagram standar tiga kolom secara pas. Pembagian 2x2 atau 1x3 cocok untuk reveal yang lebih kecil yang tidak memenuhi seluruh grid terbarumu.

Dalam urutan apa saya harus memposting ubin-ubin tersebut?

Karena grid Instagram menampilkan postingan terbaru lebih dulu (kiri atas), kamu umumnya perlu mempublikasikan ubin dalam urutan terbalik — dimulai dari ubin kanan bawah gridmu dan diakhiri dengan ubin kiri atas — sehingga setelah semua ubin diposting, urutannya terbaca dengan benar dari kiri ke kanan, atas ke bawah.

Apakah gambar harus berbentuk persegi sempurna?

Tidak, tetapi untuk tata letak grid simetris (seperti 3x3), gambar sumber persegi akan menghasilkan ubin persegi, yang sesuai dengan cara Instagram memotong postingan grid persegi. Gambar yang tidak persegi tetap akan terbagi rata, hanya saja menjadi ubin persegi panjang, bukan persegi.

Format file apa yang digunakan untuk menyimpan ubin?

Setiap ubin diekspor sebagai file PNG di dalam arsip ZIP yang diunduh, yang menjaga kualitas tanpa kompresi ulang yang mengurangi kualitas (lossy).

Apakah gambar saya diunggah ke suatu tempat?

Tidak. Gambar dibaca langsung di browsermu dan dibagi menggunakan Canvas API sepenuhnya di sisi klien. Tidak ada yang dikirim ke server — file ZIP juga dirakit secara lokal di browsermu.

Kalau gambar sumber saya tidak habis dibagi rata (misalnya lebar 1000px dibagi 3 kolom), apa yang terjadi?

Alat ini menghitung batas setiap ubin berdasarkan piksel aktual, jadi kolom terakhir mungkin selisih satu piksel dari kolom lain untuk menghabiskan sisa pembagian yang tidak bulat — selisih sekecil ini praktis tidak terlihat mata saat grid ditampilkan di Instagram, jadi tidak perlu khawatir memotong gambar sumbermu agar dimensinya "pas" dibagi duluan.

Apakah saya bisa membuat grid dengan jumlah kolom dan baris berbeda dari pilihan yang tersedia, misalnya 4x4?

Alat ini menyediakan preset grid paling umum dipakai untuk tren Instagram (1x2, 1x3, 2x2, 3x3, 1x4). Kalau kamu butuh grid ukuran lain, alternatif tercepat adalah membagi gambar berkali-kali menggunakan preset yang tersedia lalu menggabungkan hasilnya secara manual di luar alat ini.

Apakah kualitas gambar berkurang setelah dipotong jadi ubin-ubin kecil?

Tidak ada kompresi tambahan yang diterapkan — setiap ubin diekspor sebagai PNG yang mempertahankan resolusi dan kualitas piksel asli dari bagian gambar sumber yang dipotong. Kalau gambar sumbermu sudah berkualitas tinggi, ubin hasil potongannya juga akan tetap tajam.

Bisakah saya memakai alat ini untuk keperluan selain Instagram, misalnya cetak poster dari beberapa lembar kertas?

Bisa — meski dirancang dengan kasus penggunaan Instagram grid post di pikiran, teknik pembagiannya generik. Banyak orang memakainya untuk membagi ilustrasi besar menjadi beberapa lembar yang nanti dicetak terpisah dan disatukan secara fisik, atau untuk keperluan kolase digital di platform lain.

Alat Terkait