Lompat ke konten
Aback Tools Logo

Penumpuk & Overlay Gambar

Unggah gambar dasar dan gambar overlay, lalu atur mode campuran, opasitas, skala, dan posisi untuk membuat komposit gabungan. Pilih dari 16 mode campuran - sama seperti yang dipakai di Photoshop. Semua pemrosesan berjalan lokal di browser Anda. Tanpa pendaftaran.

Image Stacker & Overlay
Upload a base image and an overlay image, then configure blend mode, opacity, position, and scale. All processing runs locally in your browser - your images never leave your device.
1

Base Image (background)

2

Overlay Image (top layer)

Overlay Controls

Controls how the overlay pixels blend with the base image pixels.

80%
100%
0px
0px
Lossless

PNG is always lossless.

Mengapa menggunakan alat penumpuk & overlay gambar kami?

  • Overlay gambar instan: gabungkan dua gambar dalam hitungan detik. Penumpuk kami memproses semuanya secara lokal di browser Anda memakai Canvas API - tanpa menunggu unggahan, tanpa antrean server, dan dengan pratinjau sebelum/sesudah instan.
  • Penumpuk gambar online yang aman: gambar Anda tidak pernah meninggalkan perangkat saat Anda meng-overlay dan menumpuk gambar. Pemrosesan 100% di sisi klien menjamin privasi penuh - tanpa penyimpanan cloud, log, maupun pengumpulan data.
  • Overlay gambar online tanpa pemasangan: tumpuk dan overlay gambar online langsung di browser Anda. Tanpa unduhan perangkat lunak, plugin, dan akun untuk memakai alat penumpuk dan overlay gratis ini.
  • 100% gratis selamanya: gunakan alat penumpuk dan overlay ini tanpa pendaftaran, langganan, batas laju, atau paywall tersembunyi. Overlay sebanyak yang Anda perlukan, sepenuhnya gratis, tanpa iklan.

Kasus penggunaan umum penumpuk & overlay gambar

  • Komposit media sosial: overlay logo, tanda air, atau elemen dekoratif ke foto untuk unggahan Instagram, Facebook, dan Pinterest. Gunakan penumpuk gambar untuk membuat visual bermerek yang konsisten di semua kanal sosial Anda.
  • Efek eksposur ganda: buat fotografi eksposur ganda yang memukau dengan menumpuk dua gambar memakai mode campuran Screen atau Multiply. Alat overlay memberi Anda kendali penuh atas opasitas dan mode campuran untuk hasil artistik.
  • Tanda air & branding: tambahkan tanda air logo ke foto produk, gambar portofolio, atau aset pemasaran. Posisikan overlay dengan presisi memakai kontrol perataan dan atur opasitas agar tanda air tetap halus.
  • Overlay tekstur & pola: terapkan gambar tekstur (grunge, kertas, bokeh) ke foto memakai mode campuran seperti Overlay atau Soft Light. Penumpuk gambar memungkinkan Anda menskalakan dan memposisikan tekstur agar menutupi dengan sempurna.
  • Komposit mockup UI: desainer dapat meng-overlay tangkapan layar aplikasi ke bingkai mockup perangkat, atau menggabungkan elemen UI dengan gambar latar. Alat overlay mendukung transparansi PNG untuk komposit yang bersih.
  • Manipulasi foto & seni: gabungkan potret dengan latar pemandangan, leburkan lapisan seni abstrak, atau buat komposit surealis. Semua 16 mode campuran CSS tersedia untuk efek penumpukan gambar yang kreatif.

Apa itu penumpukan & overlay gambar?

Penumpukan dan overlay gambar adalah proses menggabungkan dua gambar atau lebih di atas satu sama lain untuk membuat hasil bersatu. Penumpuk kami memakai Canvas 2D API browser dan properti globalCompositeOperation-nya untuk menerapkan salah satu dari 16 mode campuran standar - mode yang sama dipakai di Photoshop dan CSS. Gambar dasar membentuk lapisan latar, dan gambar overlay digambar di atasnya dengan opasitas, skala, dan posisi yang dapat diatur. Semua pemrosesan penumpukan dan overlay gambar terjadi sepenuhnya di browser Anda - gambar Anda tidak pernah meninggalkan perangkat.

Cara kerja alat penumpuk & overlay gambar kami

  1. 1 Unggah kedua gambar Anda: lepas atau klik untuk mengunggah gambar dasar (latar) dan gambar overlay (lapisan atas). Keduanya mendukung format JPEG, PNG, WebP, GIF, dan BMP.
  2. 2 Atur kontrol overlay: pilih mode campuran, setel opasitas (0-100%), skalakan overlay (5-200%), dan posisikan memakai preset perataan (atas/tengah/bawah, kiri/tengah/kanan) atau offset X/Y piksel khusus.
  3. 3 Terapkan dan unduh: klik "Terapkan Overlay" untuk menggabungkan gambar dan melihat pratinjau sebelum/sesudah. Pilih keluaran PNG, JPG, atau WebP lalu klik "Unduh Hasil" untuk menyimpan.

Apa yang dilakukan masing-masing mode campuran

  • Normal (source-over): overlay digambar di atas dasar dengan opasitas tertentu - mode komposit standar untuk tanda air dan logo.
  • Multiply: mengalikan nilai piksel sehingga hasilnya lebih gelap - ideal untuk menambahkan bayangan, tekstur, dan overlay gelap pada foto.
  • Screen: membalik, mengalikan, dan membalik lagi - membuat hasil lebih terang dan sempurna untuk efek eksposur ganda serta kebocoran cahaya.
  • Overlay: menggabungkan Multiply dan Screen berdasarkan kecerahan piksel dasar - meningkatkan kontras dan banyak dipakai untuk overlay tekstur dan grunge.

Batasan penting

Kanvas keluaran memakai dimensi gambar dasar - overlay diskalakan dan diposisikan di dalam ruang itu. Untuk keluaran JPEG, piksel transparan pada overlay diisi putih sebelum pengodean. Gambar yang sangat besar (di atas 20 MP) bisa lambat diproses tergantung perangkat Anda. Penumpuk gambar tidak mendukung GIF animasi - hanya bingkai pertama yang dipakai.

Pertanyaan yang Sering Diajukan

Alat penumpuk dan overlay gambar memungkinkan Anda menggabungkan dua gambar: menempatkan satu di atas yang lain dengan mode campuran, opasitas, skala, dan posisi yang dapat diatur. Penumpuk gambar gratis kami memakai Canvas API untuk memproses gambar secara lokal di browser Anda.

Alat ini mendukung semua 16 mode campuran standar CSS/Canvas: Normal, Multiply, Screen, Overlay, Darken, Lighten, Color Dodge, Color Burn, Hard Light, Soft Light, Difference, Exclusion, Hue, Saturation, Color, dan Luminosity.

Ya. Semua penumpukan dan overlay gambar terjadi lokal di browser Anda memakai Canvas API. Gambar Anda tidak pernah diunggah ke server mana pun dan tidak pernah meninggalkan perangkat Anda.

Ya - 100% gratis, selamanya. Tanpa pendaftaran, tanpa akun, tanpa tingkatan premium, dan tanpa batas ukuran file.

Ya. Anda dapat meratakan overlay memakai preset (atas/tengah/bawah dan kiri/tengah/kanan) atau beralih ke mode khusus dan memasukkan koordinat X/Y piksel yang tepat.

Ya. Penggeser skala overlay memungkinkan Anda mengubah ukuran overlay dari 5% hingga 200% dari ukuran aslinya, secara proporsional.

Anda dapat mengunduh gambar gabungan sebagai PNG (tanpa kompresi, mendukung transparansi), JPG (ukuran file lebih kecil), atau WebP (kompresi terbaik dengan transparansi).

Ya. Overlay PNG dengan transparansi didukung sepenuhnya. Area transparan menampilkan gambar dasar - ideal untuk tanda air logo dan overlay ikon.

Keluaran selalu memakai dimensi gambar dasar. Overlay diskalakan dan diposisikan di dalam kanvas itu lalu dipotong sesuai batas gambar dasar.