OnlineFreeTools.org
  • Beranda
  • Image editing tools
    • Watermark teks — di browser
    • Ekstrak warna gambar — palet & klik ambil
    • Balik gambar — cermin H/V
    • Border gambar — warna & lebar
    • Kompres gambar — sisi terpanjang, kualitas & ukuran target (lokal)
    • Potong & ubah ukuran gambar — lokal
    • Lihat & hapus EXIF foto — GPS, kamera, lokal
    • Konverter Format Gambar — PNG JPEG WebP AVIF BMP GIF ICO SVG
    • Grayscale gambar — hitam putih
    • Gabung gambar — satukan foto jadi kolase
    • Optimasi gambar — WebP, AVIF & MozJPEG di perangkat
    • Timpa gambar — taruh logo di foto
    • Gambar ↔ Base64 — encode & decode
    • Gambar ke GIF — animasi singkat
    • Gambar ke PDF — satu halaman per foto
    • Gambar ke PowerPoint — satu slide per foto
    • Gambar ke Word — DOCX lokal
  • Alat desain
    • Paket Token Warna Merek — Skala HEX HSL OKLCH
    • Pemeriksa Kontras WCAG — Rasio AA/AAA
  • Developer tools
    • Tambah WWW ke DNS — A/CNAME & panduan provider
    • Konverter CSV ↔ JSON — tipe, pemisah, lokal
    • Encode & Decode HTML Entity — lokal di browser
    • IndexNow — kirim URL Bing, cek kunci & kode status
    • Cek IP saya — Alamat IP publik (IPv4/IPv6)
    • Validator JSON Schema — Path draft-07 & lokal
    • Markdown ke HTML & sebaliknya — pratinjau aman
    • Compare Two Texts Online — Text Diff Checker
    • Cek header HTTP website — Lihat response headers
    • YAML ke JSON & sebaliknya — aturan tipe, multi-dokumen
  • Calculators
    • Kalkulator BMI — Cara menghitung indeks massa tubuh
    • Kalkulator gradien — ∇f multivariabel (turunan parsial)
    • Kalkulator pendapatan marjinal — Rumus ΔTR / ΔQ
    • Kalkulator perubahan persentase — Dari nilai lama ke baru
    • Kalkulator ROI — Cara menghitung return on investment
    • Konversi square feet ke m² — Untuk rumah & renovasi
  • English
  • 中文
  • Español
  • العربية
  • Português
  • Bahasa Indonesia
  • Français
  • 日本語
  • Русский
  • Deutsch

Alat

Watermark teks — di browserTambah WWW ke DNS — A/CNAME & panduan providerPaket Token Warna Merek — Skala HEX HSL OKLCHEkstrak warna gambar — palet & klik ambilKonverter CSV ↔ JSON — tipe, pemisah, lokalBalik gambar — cermin H/VKalkulator BMI — Cara menghitung indeks massa tubuhKalkulator gradien — ∇f multivariabel (turunan parsial)Kalkulator pendapatan marjinal — Rumus ΔTR / ΔQKalkulator perubahan persentase — Dari nilai lama ke baruKalkulator ROI — Cara menghitung return on investmentEncode & Decode HTML Entity — lokal di browserBorder gambar — warna & lebarKompres gambar — sisi terpanjang, kualitas & ukuran target (lokal)Potong & ubah ukuran gambar — lokalLihat & hapus EXIF foto — GPS, kamera, lokalKonverter Format Gambar — PNG JPEG WebP AVIF BMP GIF ICO SVGGrayscale gambar — hitam putihGabung gambar — satukan foto jadi kolaseOptimasi gambar — WebP, AVIF & MozJPEG di perangkatTimpa gambar — taruh logo di fotoGambar ↔ Base64 — encode & decodeGambar ke GIF — animasi singkatGambar ke PDF — satu halaman per fotoGambar ke PowerPoint — satu slide per fotoGambar ke Word — DOCX lokalIndexNow — kirim URL Bing, cek kunci & kode statusCek IP saya — Alamat IP publik (IPv4/IPv6)Validator JSON Schema — Path draft-07 & lokalMarkdown ke HTML & sebaliknya — pratinjau amanKonversi square feet ke m² — Untuk rumah & renovasiCompare Two Texts Online — Text Diff CheckerPemeriksa Kontras WCAG — Rasio AA/AAACek header HTTP website — Lihat response headersYAML ke JSON & sebaliknya — aturan tipe, multi-dokumen

Timpa gambar — taruh logo di foto

80%
Posisi cepat
0.90

Taruh logo atau watermark PNG transparan di atas foto dasar di browser — bukan teks ketik, bukan gabung banyak foto seperti kolase. Langkah: pilih dasar + lapisan, atur opasitas dan skala, posisikan dengan seret atau x/y, pilih mode blend, timpa lalu unduh JPEG/WebP/PNG. Contoh: foto sampel + LOGO semi-transparan kanan bawah 75 % → PNG — tetap di perangkat.

Cara kerja

Tambahkan foto dasar dan gambar kedua (logo, badge, atau PNG transparan). Atur opasitas, skala, posisi — seret di pratinjau atau ketik x/y dalam piksel dasar. Pilih blend, format, latar JPEG, timpa dan unduh. Semua lokal.

Aturan gambar

Kanvas keluaran = piksel alami dasar. Lapisan digambar dengan anchor kiri atas di (x, y) setelah skala.

  • Lebar × tinggi kanvas = dimensi alami dasar; dasar digambar di (0, 0).
  • Ukuran lapisan = lebar × tinggi alami × (skala% ÷ 100); posisi piksel dasar, anchor kiri atas.
  • globalAlpha = opasitas ÷ 100; globalCompositeOperation = blend terpilih; reset setelah lapisan.
  • JPEG: isi latar pilihan dulu, lalu dasar dan lapisan. PNG/WebP pertahankan alpha jika ada.

Contoh

Muat contoh: dasar gradien + LOGO semi-transparan kanan bawah 75 %, blend Normal. Timpa, pertahankan PNG, unduh. Seret di pratinjau; coba Multiply pada logo terang.

Cocok untuk

  • Merek: logo di foto produk atau header sosial tanpa editor desktop.
  • Badge sudut: stiker “BARU” dengan opasitas dan grid sembilan posisi.
  • Tekstur: lapisan grayscale dengan Multiply atau Screen untuk mewarnai atau melembutkan latar.

Frequently asked questions

Apakah gambar diunggah?

Tidak. Dekode, komposisi, dan ekspor di browser. Tab Jaringan: tidak ada POST.

Bedanya dengan gabung gambar?

Gabung menyusun banyak foto horizontal, vertikal, atau kisi. Timpa mempertahankan satu dasar dan melukis satu lapisan dengan opasitas, posisi, dan blend.

Apa fungsi mode blend?

Aturan Canvas: Normal menumpuk; Multiply gelap; Screen terang; Overlay kontras; Darken/Lighten min/maks kanal.

Mengapa warna latar JPEG?

JPEG tanpa transparansi. Sebelum ekspor kanvas diisi agar area PNG transparan tidak hitam.

Watermark teks di sini?

Halaman ini hanya menimpa file gambar. Untuk teks, gunakan alat watermark teks.

Related tools

  • Gabung gambar — satukan foto jadi kolase
  • Watermark teks — di browser
  • Potong & ubah ukuran gambar — lokal

Bagikan alat ini

Bagikan di jejaring sosial, salin tautan, atau gunakan berbagi perangkat.

XFacebookLinkedInRedditWhatsAppTelegram

https://onlinefreetools.org/id/tools/image-overlay

Pertanyaan atau masukan

Ada yang kurang jelas, rusak, atau hilang? Tulis pesan di bawah — kami membaca setiap catatan tentang alat ini.

Email: dailyonetools@outlook.com

References

  • MDN — globalCompositeOperation
  • MDN — globalAlpha
  • MDN — CanvasRenderingContext2D.drawImage()
OnlineFreeTools.org · Proyek pembelajaran · Terus beriterasi
Tentang·Log Pengembangan·Privasi·Ketentuan·Kontak