Screenshot Tutorial dengan Panah dan Teks Penjelasan
Tambahkan panah yang menunjuk ke tombol spesifik pada screenshot langkah, dilengkapi teks singkat untuk menjelaskan langkahnya, membuat tutorial atau dokumentasi bantuan lebih mudah dipahami.
Klik elemen di gambar untuk mengedit gaya, atau tambahkan elemen baru dulu
Unggah satu gambar, klik untuk menambahkan teks, stiker emoji, panah, kotak anotasi persegi atau lingkaran, geser untuk mengatur posisi, resize, rotasi, plus bisa mengubah konten dan warna teks — cocok untuk penjelasan screenshot tutorial, konten media sosial, anotasi produk, semua diselesaikan di browser lokal, tidak diunggah ke server.
Editing dan penggabungan sepenuhnya di browser lokal, gambar tidak melewati server mana pun
Teks, stiker emoji, panah, persegi, lingkaran, mencakup sebagian besar kebutuhan penjelasan dan anotasi
Geser untuk memindahkan posisi, geser titik bulat untuk resize dan rotasi, bisa diubah kapan saja tanpa takut salah
Tidak perlu daftar, tidak perlu bayar, hasil ekspor tidak ada tanda watermark apa pun
Skenario Umum
Baik untuk penjelasan tutorial, konten media sosial, maupun anotasi produk, tambahkan elemen yang sesuai dan geser untuk menempatkannya sudah cukup.
Tambahkan panah yang menunjuk ke tombol spesifik pada screenshot langkah, dilengkapi teks singkat untuk menjelaskan langkahnya, membuat tutorial atau dokumentasi bantuan lebih mudah dipahami.
Tambahkan judul teks atau stiker emoji pada gambar yang akan diunggah ke media sosial, membuat konten lebih personal dan lebih menarik perhatian untuk diklik.
Gunakan kotak anotasi persegi atau lingkaran untuk melingkari poin jual utama atau detail penting pada foto produk, dilengkapi teks penjelasan, membuat informasi materi promosi lebih jelas dan mudah dipahami.
Jenis Elemen
Jenis elemen yang berbeda cocok untuk kebutuhan penjelasan yang berbeda, setelah ditambahkan semuanya bisa digeser, di-resize, dan dirotasi secara bebas.
| Jenis Elemen | Properti yang Bisa Diatur | Skenario yang Cocok |
|---|---|---|
| Teks | Konten, warna, tebal, ukuran, posisi, sudut rotasi | Judul, kalimat petunjuk, teks penjelasan singkat |
| Stiker Emoji | Ukuran, posisi, sudut rotasi (emoji sudah punya warna sendiri) | Hiasan dekoratif, mengekspresikan emosi, penekanan poin penting |
| Panah | Warna, ketebalan garis, ukuran, posisi, sudut rotasi | Menunjuk ke tombol, area, atau detail spesifik dalam screenshot |
| Kotak Anotasi Persegi | Warna, ketebalan garis, ukuran, posisi, sudut rotasi | Melingkari area persegi tertentu dalam gambar untuk penekanan |
| Kotak Anotasi Lingkaran | Warna, ketebalan garis, ukuran, posisi, sudut rotasi | Melingkari titik atau area bulat tertentu dalam gambar untuk penekanan |
Cara pengoperasian semua elemen konsisten: geser langsung elemen itu sendiri untuk memindahkan posisi, geser titik bulat di kanan bawah untuk resize, geser titik bulat di kanan atas untuk rotasi, klik titik bulat di kiri atas untuk menghapus; setelah elemen dipilih, panel di bawah akan menampilkan properti spesifik yang bisa diedit untuk jenis elemen tersebut.
Cara Pakai
Tidak perlu instal software apa pun, semua selesai langsung di halaman web, WYSIWYG.
Klik untuk pilih atau seret gambar langsung ke halaman, mendukung JPG, PNG, WebP, GIF, maksimal 20MB per gambar, hanya memproses satu gambar per proses.
Klik untuk menambahkan teks, panah, persegi, lingkaran, atau klik tombol stiker emoji, elemen baru akan muncul di tengah gambar menunggu disesuaikan.
Geser elemen untuk memindahkan posisi, geser titik bulat di kanan bawah untuk resize, geser titik bulat di kanan atas untuk rotasi, panel di bawah mengubah konten teks dan warnanya.
Setelah puas dengan hasilnya, klik unduh, semua elemen akan digabung ke gambar sesuai gaya saat ini lalu disimpan ke perangkatmu.
Penjelasan Teknis
Posisi dan ukuran setiap elemen disimpan berdasarkan rasio lebar-tinggi gambar, bukan nilai piksel tetap, sehingga tidak peduli seberapa besar atau kecil gambar ditampilkan, efek yang terlihat saat editing dan efek yang digabung ke gambar resolusi asli setelah klik unduh benar-benar konsisten; saat diunduh akan digambar ulang dengan API Canvas browser untuk menghasilkan gambar final, semuanya diselesaikan di perangkatmu, tidak melewati server mana pun.
Konten yang ingin dijelaskan teks, posisi yang harus ditunjuk panah, area yang harus dilingkari kotak anotasi, semuanya ditentukan secara manual berdasarkan komposisi dan konten spesifik masing-masing gambar, komposisi dan poin penting yang perlu ditekankan benar-benar berbeda di setiap gambar, tidak bisa menerapkan koordinat dan konten teks yang sama pada gambar berbeda; jadi alat ini fokus pada anotasi detail satu gambar, kalau butuh proses beberapa gambar silakan buka dan proses satu per satu.
FAQ
Tidak. Posisi penempatan teks, panah, stiker perlu ditentukan secara manual sesuai komposisi spesifik masing-masing gambar, misalnya posisi yang harus ditunjuk oleh panah benar-benar berbeda di setiap gambar, tidak bisa menerapkan koordinat yang sama pada gambar berbeda, jadi alat ini didesain untuk anotasi detail satu gambar. Kalau perlu menambahkan teks atau watermark yang sama pada beberapa gambar dengan komposisi serupa, disarankan gunakan mode batch di alat “Tambah Watermark”.
Bisa. Sebelum diunduh, kapan saja klik elemen yang sudah ditambahkan di gambar bisa memilihnya kembali, geser elemen itu sendiri untuk mengatur posisi, geser titik bulat di kanan bawah untuk mengatur ukuran, geser titik bulat di kanan atas untuk mengatur sudut rotasi, panel di bawah juga bisa mengubah konten teks dan warnanya. Hanya setelah klik unduh baru benar-benar digabung ke gambar, penyesuaian sebelum diunduh tidak akan mempengaruhi gambar asli.
Stiker menggunakan emoji bawaan sistem, gaya render spesifik emoji di sistem operasi dan browser yang berbeda akan sedikit berbeda (misalnya emoji yang sama di perangkat Apple dan Android tidak terlihat identik), tapi makna dan tampilan umumnya konsisten; gambar yang diekspor akan dihasilkan sesuai gaya render emoji dari perangkat yang kamu pakai saat mengunduh, setelah itu ditampilkan dengan tampilan yang sudah ditetapkan saat diekspor di perangkat lain mana pun, tidak akan berubah lagi.
Versi saat ini teks menggunakan font default sistem secara konsisten, mendukung ganti tebal serta kustom warna dan ukuran, belum mendukung ganti font atau memasukkan teks multi baris (baris baru akan diabaikan), cocok untuk menambahkan judul singkat, kalimat petunjuk, atau teks anotasi; kalau butuh penjelasan dengan tata letak yang lebih kompleks, disarankan tambahkan beberapa elemen teks dan tempatkan secara terpisah.
Sepenuhnya diselesaikan di browser perangkatmu, preview real-time selama proses editing di-render langsung oleh halaman web, saat klik unduh akan menggunakan API Canvas browser untuk menggambar ulang semua elemen sesuai posisi, ukuran, dan sudut rotasi saat ini lalu digabung ke gambar, semuanya tanpa mengunggah gambar asli ke server mana pun.
Proses anotasi pada dasarnya menggambar ulang dan melakukan encoding: channel transparan PNG akan dipertahankan; tapi kalau gambar asli punya area transparan dan terdeteksi perlu di-encode sebagai JPG, bagian transparan akan diisi dengan warna putih. Metadata EXIF gambar asli seperti info pemotretan dan lokasi tidak akan dipertahankan setelah encoding ulang, kalau butuh melihat atau menghapus EXIF secara khusus, gunakan alat “Lihat/Hapus EXIF”.
Tanpa daftar, tanpa menunggu, unduh langsung setelah selesai.