Panduan Kolase Gambar

Gabungkan beberapa gambar menjadi kolase kisi, bentuk bebas, atau gaya majalah. Sesuaikan spasi, batas, warna latar belakang, dan rasio aspek. Semua operasi berjalan secara lokal di browser Anda — tidak ada unggahan ke server mana pun.

Apa yang Anda Butuhkan

Browser — Chrome, Firefox, Safari, atau Edge dengan dukungan OffscreenCanvas Format — JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, atau TIFF Batas — 20 MB per file (setiap file yang melebihi 20 MB akan ditolak) Akun — Tidak diperlukan Internet — Tidak diperlukan setelah halaman dimuat

Membuat Kolase Anda

Buka Image Collage di browser Anda. Seret beberapa file gambar dari penjelajah file Anda dan jatuhkan ke zona unggah. Sebagai alternatif, klik area unggah untuk memilih beberapa file dari perangkat Anda.

Setiap file harus di bawah batas 20 MB — file yang melebihi ambang batas ini akan ditolak. Pilih jenis tata letak Anda: kisi, bentuk bebas, atau majalah. Kisi mengatur gambar dalam baris dan kolom yang seragam.

Bentuk bebas memungkinkan Anda menyeret dan memposisikan setiap gambar di mana saja pada kanvas. Majalah menerapkan gaya editorial dengan ukuran dan posisi campuran. Atur warna latar belakang menggunakan pemilih warna.

Sesuaikan spasi antar gambar menggunakan penggeser. Tambahkan batas dengan mengatur lebar dan warna. Untuk tata letak kisi, pilih jumlah kolom.

Untuk tata letak majalah, sesuaikan rasio aspek kanvas. Klik tombol buat. API OffscreenCanvas menyusun semua gambar ke satu kanvas.

libvips memposisikan setiap gambar sesuai dengan pilihan tata letak Anda, menerapkan spasi dan batas, serta mengisi latar belakang. Tidak ada data yang dikirimkan melalui jaringan. Setelah kolase dibuat, tombol unduh akan muncul.

Klik untuk menyimpan kolase ke perangkat Anda. Browser menulis file langsung dari memori ke disk. Setelah diunduh, libvips melepaskan buffer memori sementara secara otomatis.

Cara Kerjanya

Image Collage menggunakan API OffscreenCanvas untuk menyusun beberapa gambar ke satu kanvas. Saat Anda mengunggah gambar, browser membacanya langsung ke memori — tidak ada unggahan server yang terjadi.

libvips menghitung dimensi kanvas berdasarkan pilihan tata letak dan jumlah gambar Anda. Untuk tata letak kisi, ia membagi kanvas menjadi sel-sel seragam dengan menghitung dimensi baris dan kolom dari total jumlah gambar dan pengaturan kolom, memastikan setiap sel menerima alokasi piksel yang sama. Untuk tata letak bentuk bebas, ia menggunakan pengaturan default yang dapat Anda modifikasi dengan menyeret setiap gambar ke koordinat kanvas mana pun.

Untuk tata letak majalah, ia menerapkan aturan editorial untuk ukuran campuran, di mana gambar yang lebih besar menerima area kanvas lebih banyak dan gambar yang lebih kecil mengisi celah di sekitarnya.

Setiap gambar digambar ke kanvas pada posisi yang dihitung menggunakan rendering OffscreenCanvas. libvips menerapkan spasi antar gambar dengan menyisakan celah piksel di antara batas sel, menambahkan batas dengan menggores persegi panjang dengan lebar dan warna yang Anda pilih, serta mengisi latar belakang menggunakan nilai pemilih warna sebagai gaya isi sebelum gambar disusun.

Setelah penyusunan, libvips mengubah kanvas menjadi gambar PNG atau JPEG menggunakan metode toBlob kanvas, yang mengodekan data piksel ke dalam format gambar yang dipilih. Blob biner yang dihasilkan dikirimkan melalui URL. createObjectURL, membuat penunjuk referensi memori sementara yang digunakan browser untuk menyajikan file untuk diunduh.

Saat unduhan selesai, libvips memanggil URL. revokeObjectURL untuk melepaskan memori yang dialokasikan.

File diproses sepenuhnya di dalam browser Anda menggunakan OffscreenCanvas. File tersebut tidak pernah diunggah ke server ConvertCraft. File asli Anda tetap ada di perangkat Anda — libvips membacanya ke dalam memori, menyusun kolase, dan membuang buffer piksel setelah diunduh.

Saat Terjadi Masalah

Beberapa file gagal diunggah: File tersebut melebihi batas 20 MB. OffscreenCanvas beroperasi dalam batas memori yang ketat. Memproses gambar yang lebih besar dari 20 MB memerlukan buffer piksel tidak terkompresi yang besar di RAM, yang dapat menyebabkan tab browser macet.

Gambar tampak terdistorsi: Tata letak kolase menskalakan gambar agar pas dengan sel, yang dapat mendistorsi rasio aspek. Gunakan opsi rasio aspek asli atau sesuaikan dimensi sel agar sesuai dengan gambar Anda.

Kanvas terlalu besar: Terlalu banyak gambar dengan resolusi tinggi menghasilkan kanvas yang sangat besar. Browser mungkin kehabisan memori. Kurangi jumlah gambar atau gunakan file sumber beresolusi lebih rendah.

Kolase terlihat tidak sejajar: Tata letak kisi memerlukan gambar dengan dimensi yang konsisten. Rasio aspek yang tidak cocok menghasilkan spasi yang tidak merata. Pangkas gambar ke dimensi yang konsisten sebelum mengunggah.

### Berapa banyak gambar yang bisa saya sertakan?

Batas praktis bergantung pada memori yang tersedia di browser Anda. libvips memproses gambar secara berurutan untuk mengelola batasan memori. Jika Anda mengalami perlambatan atau kerusakan, coba kurangi jumlah gambar.

### Bisakah saya menyesuaikan posisi gambar satu per satu?

Tata letak bentuk bebas memungkinkan penyeretan setiap gambar ke posisi mana pun di kanvas. Tata letak kisi dan majalah menggunakan aturan pemosisian tetap. Beralihlah ke mode bentuk bebas untuk kontrol manual atas penempatan setiap gambar.

### Apa format file outputnya?

Kolase disimpan sebagai gambar PNG secara default untuk kualitas tanpa kehilangan (lossless). Anda dapat memilih JPEG untuk ukuran file yang lebih kecil dengan kompresi lossy. Pemilihan format tersedia sebelum mengunduh.