Label frame — panah, teks, kotak

Anotasi screenshot atau buat markup cepat. Semuanya tetap di browser.

  • Diproses lokal, tidak pernah diunggah
  • Gratis, tanpa watermark
  • Teks + stiker + anotasi panah/persegi/lingkaran

Jalur mulai

Jalur terpendek · Anotasi teks gambar

Tanpa menginstal perangkat lunak — semuanya di halaman web, dengan tampilan what-you-see-is-what-you-get yang sejati.

  1. 1

    Unggah gambar

    Klik pilih atau seret gambar ke halaman. Mendukung JPG, PNG, WebP, dan GIF, maksimal 20MB, satu per sesi.

  2. 2

    Tambah elemen

    Klik untuk menambah teks, panah, persegi panjang, atau lingkaran, atau klik tombol stiker emoji — elemen baru muncul di tengah gambar, siap disesuaikan.

  3. 3

    Seret untuk menyesuaikan posisi dan gaya

    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.

  4. 4

    Unduh dan simpan

    Setelah puas dengan hasilnya, klik unduh — semua elemen dikomposit ke gambar pada gaya saat ini dan disimpan ke perangkatmu.

Pemecahan masalah

Apakah menambahkan teks, stiker, atau anotasi mendukung proses batch?

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.

Bisakah menyesuaikan posisi teks, stiker, dan panah setelah menempatkannya?

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 — akankah terlihat berbeda di berbagai perangkat?

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.

Bisakah mengubah font, atau menambahkan beberapa baris teks?

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.

Apakah anotasi selesai di komputer/ponselku, atau diunggah ke server?

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.

Apakah gambar yang diunduh mempertahankan data EXIF dan transparansi PNG?

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».

  • Asli tidak masuk server kami

    Pengeditan dan komposit semuanya selesai lokal di browser — gambar tidak melewati server mana pun

  • 5 jenis elemen anotasi

    Teks, stiker emoji, panah, persegi panjang, dan lingkaran mencakup sebagian besar kebutuhan penjelasan dan callout

  • Seret bebas untuk menyesuaikan

    Seret untuk memindah, seret handle untuk mengubah ukuran atau memutar — buat perubahan kapan saja tanpa khawatir salah

  • Gratis, tanpa watermark

    Tanpa daftar, tanpa bayar, dan hasil ekspor tidak punya watermark sama sekali

Situasi yang cocok

Kasus ini biasanya lebih hemat dibuka di sini

Bukan daftar fitur, melainkan «kapan layak menyeret satu gambar ke sini». Tidak cocok? Ganti alat — jangan dipaksakan.

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.

Tambah kotak callout ke foto produk/poster

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

Referensi cepat untuk semua 5 jenis elemen anotasi

Jenis elemen berbeda cocok untuk kebutuhan penjelasan berbeda, dan setelah ditambahkan, semuanya bisa bebas diseret, diubah ukurannya, dan diputar.

Jenis elemenProperti yang dapat disesuaikanPaling cocok untuk
TeksKonten, warna, tebal, ukuran, posisi, sudut rotasiJudul, prompt, teks callout singkat
Stiker emojiUkuran, posisi, sudut rotasi (warna sudah ada di emoji sendiri)Dekorasi, mengekspresikan emosi, menyorot poin
PanahWarna, ketebalan garis, ukuran, posisi, sudut rotasiMenunjuk ke tombol, area, atau detail spesifik di screenshot
Kotak callout persegi panjangWarna, ketebalan garis, ukuran, posisi, sudut rotasiMelingkari area persegi panjang gambar untuk menyorotnya
Kotak callout lingkaranWarna, ketebalan garis, ukuran, posisi, sudut rotasiMelingkari 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

Tentang anotasi lokal, dua hal layak diketahui

  1. 01

    Pratinjau pengeditan dan ekspor akhir memakai data koordinat yang sama

    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.

  2. 02

    Mengapa teks/stiker/anotasi tidak mendukung proses batch

    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.

File masih di sisimu — seret satu untuk dicoba

Tanpa akun. Puas baru batch; belum puas, ganti parameter dan ulangi.