Tambah panah dan teks ke screenshot tutorial
Tambahkan panah yang menunjuk ke tombol spesifik di screenshot, dipasangkan dengan baris teks singkat yang menjelaskan langkah, membuat tutorial atau dokumen bantuan jauh lebih mudah diikuti.
Klik elemen di kanvas untuk mengedit gayanya, atau tambah elemen baru dulu
Jalur mulai
Tanpa menginstal perangkat lunak — semuanya di halaman web, dengan tampilan what-you-see-is-what-you-get yang sejati.
Klik pilih atau seret gambar ke halaman. Mendukung JPG, PNG, WebP, dan GIF, maksimal 20MB, satu per sesi.
Klik untuk menambah teks, panah, persegi panjang, atau lingkaran, atau klik tombol stiker emoji — elemen baru muncul di tengah gambar, siap disesuaikan.
Seret elemen untuk memindahkannya, seret handle kanan bawah untuk mengubah ukuran, seret handle kanan atas untuk memutar, dan pakai panel di bawah untuk mengedit konten teks dan warna.
Setelah puas dengan hasilnya, klik unduh — semua elemen dikomposit ke gambar pada gaya saat ini dan disimpan ke perangkatmu.
Pemecahan masalah
Tidak. Penempatan teks, panah, dan stiker perlu diputuskan secara manual berdasarkan komposisi spesifik setiap gambar — misalnya, ke mana panah perlu menunjuk sepenuhnya berbeda dari satu gambar ke berikutnya, jadi tidak ada cara menerapkan koordinat yang sama di berbagai gambar. Itulah mengapa alat ini dirancang untuk anotasi hati-hati satu gambar. Jika perlu menambahkan teks atau logo yang sama ke batch gambar dengan komposisi serupa, pakai mode batch di alat «Tambah Watermark» sebagai gantinya.
Ya. Sebelum mengunduh, kamu bisa mengklik elemen yang ditambahkan kapan saja untuk memilihnya ulang, menyeret elemen itu sendiri untuk memposisikan ulang, menyeret handle kanan bawah untuk mengubah ukuran, dan menyeret handle kanan atas untuk memutar. Panel di bawah juga memungkinkan mengedit konten teks dan warna. Elemen hanya dikomposit secara permanen ke gambar setelah kamu klik unduh — penyesuaian apa pun yang dibuat sebelum itu tidak memengaruhi gambar asli.
Stiker memakai emoji bawaan sistem. Sistem operasi dan browser berbeda merender emoji dengan gaya visual sedikit berbeda (versi emoji perangkat Apple tidak terlihat persis sama dengan Android), tetapi makna dan penampilan umum tetap konsisten. Gambar yang diekspor dihasilkan memakai gaya emoji yang dirender di perangkat yang kamu pakai untuk mengunduhnya, dan setelah diekspor, akan menampilkan penampilan tetap yang sama terlepas dari perangkat apa yang membukanya setelahnya.
Versi saat ini memakai font default sistem untuk semua teks, dengan dukungan untuk mengaktifkan tebal dan menyesuaikan warna serta ukuran, tetapi saat ini tidak mendukung mengganti font atau memasukkan beberapa baris (line break diabaikan) — paling cocok untuk judul singkat, prompt, atau label callout. Untuk layout yang lebih kompleks, tambahkan beberapa elemen teks terpisah dan posisikan masing-masing secara individual.
Selesai sepenuhnya di browser perangkat saat ini — pratinjau langsung selama pengeditan dirender langsung oleh halaman, dan mengklik unduh memakai API menggambar Canvas browser untuk menggambar ulang dan mengomposit setiap elemen pada posisi, ukuran, dan sudut rotasi saat ini ke gambar. Asli tidak pernah diunggah ke server mana pun.
Anotasi pada dasarnya menggambar ulang dan meng-encode ulang gambar: saluran transparansi PNG dipertahankan, tetapi jika asli punya area transparan dan terdeteksi perlu encoding JPG, area itu akan diisi latar putih. Parameter pemotretan EXIF asli, lokasi, dan metadata lain tidak dipertahankan setelah encode ulang — jika perlu melihat atau menghapus data EXIF secara khusus, pakai alat «Bersihkan EXIF».
Pengeditan dan komposit semuanya selesai lokal di browser — gambar tidak melewati server mana pun
Teks, stiker emoji, panah, persegi panjang, dan lingkaran mencakup sebagian besar kebutuhan penjelasan dan callout
Seret untuk memindah, seret handle untuk mengubah ukuran atau memutar — buat perubahan kapan saja tanpa khawatir salah
Tanpa daftar, tanpa bayar, dan hasil ekspor tidak punya watermark sama sekali
Situasi yang cocok
Bukan daftar fitur, melainkan «kapan layak menyeret satu gambar ke sini». Tidak cocok? Ganti alat — jangan dipaksakan.
Tambahkan panah yang menunjuk ke tombol spesifik di screenshot, dipasangkan dengan baris teks singkat yang menjelaskan langkah, membuat tutorial atau dokumen bantuan jauh lebih mudah diikuti.
Tambahkan judul atau stiker emoji ke foto yang kamu posting di media sosial, memberinya lebih banyak kepribadian dan membuatnya lebih mungkin menarik perhatian seseorang.
Pakai callout persegi panjang atau lingkaran untuk menyorot poin penjualan utama atau detail di foto produk, dipasangkan dengan teks penjelasan, membuat gambar promosi lebih jelas dan intuitif.
Jenis elemen
Jenis elemen berbeda cocok untuk kebutuhan penjelasan berbeda, dan setelah ditambahkan, semuanya bisa bebas diseret, diubah ukurannya, dan diputar.
| Jenis elemen | Properti yang dapat disesuaikan | Paling cocok untuk |
|---|---|---|
| Teks | Konten, warna, tebal, ukuran, posisi, sudut rotasi | Judul, prompt, teks callout singkat |
| Stiker emoji | Ukuran, posisi, sudut rotasi (warna sudah ada di emoji sendiri) | Dekorasi, mengekspresikan emosi, menyorot poin |
| Panah | Warna, ketebalan garis, ukuran, posisi, sudut rotasi | Menunjuk ke tombol, area, atau detail spesifik di screenshot |
| Kotak callout persegi panjang | Warna, ketebalan garis, ukuran, posisi, sudut rotasi | Melingkari area persegi panjang gambar untuk menyorotnya |
| Kotak callout lingkaran | Warna, ketebalan garis, ukuran, posisi, sudut rotasi | Melingkari titik atau area lingkaran gambar untuk menyorotnya |
Semua elemen berbagi model interaksi yang sama: seret elemen itu sendiri untuk memindahkannya, seret handle kanan bawah untuk mengubah ukuran, seret handle kanan atas untuk memutar, dan klik handle kiri atas untuk menghapus. Setelah elemen dipilih, panel di bawah menampilkan properti spesifik yang bisa kamu edit untuk jenis itu.
Catatan teknis
Posisi dan ukuran setiap elemen disimpan sebagai proporsi dari lebar dan tinggi gambar, bukan nilai piksel tetap — jadi tidak peduli seberapa besar atau kecil gambar ditampilkan, apa yang kamu lihat saat mengedit cocok tepat dengan apa yang dikomposit ke gambar resolusi asli setelah unduh. Mengunduh menggambar ulang gambar akhir memakai API menggambar Canvas browser, semuanya selesai lokal di perangkatmu tanpa menyentuh server mana pun.
Konten yang perlu disampaikan sepotong teks, ke mana panah perlu menunjuk, dan area yang perlu dilingkari kotak callout semuanya diputuskan secara manual berdasarkan komposisi dan konten spesifik setiap gambar — gambar berbeda punya komposisi dan poin penekanan yang sepenuhnya berbeda, jadi tidak ada cara menerapkan koordinat dan konten teks yang sama di berbagai gambar. Itulah mengapa alat ini berfokus pada anotasi hati-hati satu gambar — buka dan kerjakan beberapa gambar satu per satu.
Tanpa akun. Puas baru batch; belum puas, ganti parameter dan ulangi.