Saya Benci Screenshot Teks

• Dalam pekerjaan sehari-hari, cukup sering rekan kerja mengirim teks dalam bentuk screenshot, dan ini adalah cara yang tidak efisien karena membuat pencarian kode serta pemahaman konteks menjadi sangat sulit
• Kode yang diterima lewat screenshot sama sekali tidak memberikan konteks seperti definisi variabel, lokasi modul, atau penanganan pengecualian, sehingga kita harus mengetik ulang ke kotak pencarian satu per satu atau mengerahkan coding agent
• Jika log kesalahan build dikirim sebagai screenshot, kita tidak bisa mengetahui apa yang sedang di-build, baris yang gagal, maupun pesan error yang tepat, sehingga mustahil menyelesaikan masalahnya
• Dengan memakai salin-tempel teks atau berbagi file/tautan GitHub, kita bisa memanfaatkan fitur pencarian di IDE dan memeriksa seluruh konteks
• Kecuali untuk masalah terkait tampilan layar, teks seharusnya dibagikan dalam bentuk yang bisa disalin, bukan sebagai screenshot, agar efisiensi kolaborasi tetap terjaga

---

Contoh masalah screenshot 1: kode

• Saat mendiskusikan isu terkait kode dengan rekan kerja, kita menerima screenshot kode
  • Kita sama sekali tidak bisa memahami konteks penting seperti definisi variabel slug, cara baseUrl dibuat, alasan domain di-hardcode, cara penanganan pengecualian, atau lokasi modul tersebut
  • Kita harus mengetik ulang kode dalam screenshot ke kotak pencarian secara manual atau menggunakan coding agent untuk menemukan modul terkait
• Jika menggunakan salin-tempel, bahkan pada baris yang sama pun kita bisa melihat lebih banyak konteks, dan bisa langsung menempelkannya ke fitur pencarian IDE
• Jauh lebih efisien untuk membagikan file itu sendiri atau tautan GitHub

Contoh masalah screenshot 2: log kesalahan build

• Menerima screenshot log error bersama permintaan seperti, “Build gagal, bisa dicek?”
  • Kita sama sekali tidak tahu apa yang di-build, di baris mana gagal, atau apa pesan error yang sebenarnya
  • Ada kalanya seluruh rebuild dijalankan di workstation sendiri dan justru berhasil
• Masalah seperti ini bisa diselesaikan dengan mudah jika seluruh log error disalin atau log dibuang ke file lalu dikirim

Cara yang benar untuk membagikan teks

• Jangan kirim teks sebagai screenshot; bagikan dalam bentuk yang bisa disalin
• Screenshot hanya digunakan untuk menunjukkan masalah visual pada tampilan layar, atau ketika ada informasi terkait yang akan hilang jika hanya dikirim sebagai teks biasa
• Berbagi file atau memberikan tautan GitHub adalah cara terbaik untuk memahami konteks dan mencari kode

[tested]

Saya tidak suka screenshot teks

Kadang saya juga mengunggah kode dalam bentuk tangkapan layar karena alasan keterbacaan yang ditampilkan editor saat diambil, serta kemudahan shortcut tangkapan layar bawaan OS.

Kalau ada program yang bisa, hanya dengan satu shortcut, mengubah kode pada gambar hasil tangkapan menjadi tautan seperti Text fragments agar bisa dibagikan ke luar dan langsung ditempel, sepertinya saya akan memakainya.

Saat diunggah ke Slack, bisa tampil sebagai pratinjau, lalu orang bisa masuk lewat tautannya dan menyalin kodenya.

[kunggom]

Saya tidak suka screenshot berisi teks

Biar sekalian memancing perhatian, saya kasih situs yang mengubah kode menjadi screenshot gambar yang enak dilihat. hahaha

https://ray.so/

Saya sendiri juga sebisa mungkin hanya memakai teks saat mengirim sesuatu lewat messenger atau email, tetapi sebenarnya tergantung situasinya, hanya memakai teks justru bisa lebih merepotkan.
Dibandingkan itu, mengambil screenshot cukup dengan menekan satu shortcut, menyeret area layar, lalu paste, jadi dari sisi pengirim rasanya memang lebih praktis karena semuanya beres lewat GUI.
Namun seperti yang juga ditunjukkan di tulisan aslinya, dari sisi penerima ada banyak kasus di mana konteks tidak tersampaikan sepenuhnya hanya lewat screenshot, dan pencarian maupun copy-paste juga jadi tidak nyaman, sehingga wajar menimbulkan keluhan. Belum lagi overhead untuk pengiriman dan penyimpanan data menjadi jauh lebih besar daripada yang sebenarnya diperlukan.
Kalau mau diperdebatkan satu per satu, secara pribadi saya juga kurang suka hal-hal seperti dokumentasi internal di kantor yang dibuat dalam file Word alih-alih wiki, dan semacamnya…

[GN⁺]

Pendapat Hacker News

• Seperti yang juga disebut di komentar lain, fitur OCR otomatis di platform Apple benar-benar revolusioner
  Fitur seperti ini menurut saya seharusnya menjadi bawaan di penampil dokumen semua platform
  Hal lain yang saya inginkan adalah menyertakan metadata di dalam screenshot. Misalnya, jika memotret foto Instagram maka URL terkait ikut disertakan; di browser, URL yang sedang dibuka dan jalur DOM; di aplikasi peta, koordinat; di penampil PDF, hash SHA1 dokumen dan offset-nya
  Tentu ada masalah privasi, tetapi saya rasa ide seperti ini pasti sudah pernah dibahas di dunia akademik
  Sekarang konsep file makin diabstraksikan, sehingga screenshot terasa seperti bahasa bersama di era komputasi mobile
  Sebagai catatan, saya juga ingin menyebut Screenshot Conf

  • Saya sepenuhnya setuju soal OCR, tetapi penyematan metadata bisa menjadi mimpi buruk privasi
    Screenshot diproses di level OS, jadi berbahaya jika aplikasi bisa mengetahui bahwa dirinya difoto atau mengetahui informasi lokasi
    Perusahaan seperti Evernote atau CloudApp pernah mencobanya, tetapi akhirnya gagal. Screenshot berguna justru karena tetap sederhana
  • Saya penulis artikelnya, dan seharusnya saya menyebut masalah URL yang hilang dari screenshot halaman web
    Sistem yang saya buat menaruh banyak informasi konteks di URL, tetapi screenshot tidak menyertakannya
    Karena itu saya selalu harus meminta URL dalam bentuk teks secara terpisah
  • Sekarang Google dan Apple juga menyadari arah ini
    Setelah mengambil screenshot, mereka menambahkan fitur seperti insight AI, pencarian produk, percakapan Gemini/LLM di UI
    Karena semua orang memakai screenshot untuk menyimpan atau mencari informasi
  • Ide memasukkan URL foto Instagram ke dalam screenshot itu sendiri adalah mimpi buruk privasi
  • Fakta menariknya, versi pengembangan awal MacPaint punya fitur salin OCR sederhana
    Tetapi fitur itu dihapus dari versi rilis karena khawatir orang akan memakainya sebagai pengolah kata

• Saya cukup sering memakai screenshot
  Alasannya karena lebar 80 karakter menjaga keterbacaan, dan font monospace serta syntax highlighting tetap terjaga
  Jika ingin memastikan kode atau output terminal tidak rusak saat dikirim lewat email atau chat mobile, screenshot adalah cara yang paling pasti
  Tentu jika seluruh file dibutuhkan saya lampirkan, tetapi bagian yang relevan saya kirim bersama screenshot

  • Dalam chat, kemudahan salin dan pencarian lebih penting
    Screenshot harus diperbesar, dan juga kurang ramah aksesibilitas
    Jika dikirim sebagai teks, pencarian dan penyalinan jadi mudah
  • Hal seperti “lebar 80 karakter” itu soal selera pribadi
    Sebagian besar sistem sudah mendukung font monospace, dan masalahnya justru faktor lingkungan seperti rendering Gmail
    GMail tidak punya batas lebar dan ukuran font-nya tidak konsisten, jadi sulit dibaca
  • Preferensi format seperti ini bersifat pribadi, jadi jangan dipaksakan lewat screenshot
    Untuk URL panjang atau layar lebar, justru keterbacaannya menurun drastis
  • Saya juga lebih suka screenshot
    Karena warna, format, dan konteksnya terlihat apa adanya
    Saat menjelaskan masalah, ungkapan “satu gambar lebih berarti daripada seribu kata” memang benar
  • Menurut saya jauh lebih baik jika kode dikirim sebagai teks
    Dengan begitu saya bisa melihatnya di editor saya sendiri dengan font, lebar, dan warna sesuai preferensi saya, serta bisa dicari dan diedit
    Screenshot pada akhirnya hanya merepotkan orang lain

• Fitur pengenalan dan penyalinan teks di Mac dan iOS benar-benar revolusioner
  Anda bisa langsung menyalin teks dari screenshot atau foto lalu menempelkannya ke catatan

  • Snipping Tool di Windows juga punya fitur ekstraksi teks
  • Seseorang mengirim foto nomor telepon lewat iMessage, lalu saya tinggal mengetuknya dan langsung muncul jendela untuk menelepon
    Saat itu saya benar-benar merasa seperti hidup di masa depan
  • Integrasi salin-tempel antara MacBook dan iPhone benar-benar mengubah alur kerja
  • Alasan fitur ini bagus adalah karena terintegrasi secara konsisten di seluruh sistem
    Di Safari, teks dalam gambar juga bisa diterjemahkan, sehingga sangat berguna terutama untuk menerjemahkan halaman web berbahasa Jepang
  • Saya memakai Shottr, jadi begitu mengambil screenshot saya langsung menekan “O” untuk menjalankan OCR
    Semuanya diproses tanpa harus menyimpan file terlebih dahulu, jadi praktis

• Dulu orang menempel screenshot ke dokumen Word lalu mengirimkannya
  Tetapi sekarang usulan untuk mengekstrak kembali teks dengan LLM terasa terlalu boros
  Pada akhirnya yang dibutuhkan adalah inovasi UI agar teks bisa dibagikan semudah screenshot

  • Ada yang lebih parah lagi. Beberapa orang langsung memotret layar lalu mengirimkannya
    Kalau melihat calon programmer melakukan hal seperti ini rasanya frustrasi
  • Di suatu perusahaan, dokumen Word pernah dipakai seperti folder
    File Word lain ditempelkan di dalamnya sebagai objek sungguhan
  • Ada juga komik XKCD yang relevan → xkcd 2116

• Aturan ke-7 dalam tulisan saya, ‘Cara meminta bantuan di Slack’, adalah “jangan unggah screenshot teks”
  Meskipun OCR Apple bagus, masalah tidak bisa dicari tetap ada
  Tautan asli

  • Tetapi Spotlight dan Photos tetap bisa mencari teks di dalam screenshot

• Saya lebih suka mengirim tautan ke dokumen atau kode lengkap, sambil melampirkan screenshot dari bagian yang relevan
  Konteks visualnya tetap ada, sehingga saat dilihat lagi nanti lebih mudah memicu ingatan

• Pengembang baru sering membagikan screenshot teks pada beberapa minggu pertama
  Namun itu tidak nyaman dibaca di mobile, dan Slack mengompresi gambar sehingga bahkan sulit diperbesar
  Karena itu pada akhirnya kebanyakan belajar cara membagikannya sebagai teks

• Di MS Teams, dukungan untuk code block sangat buruk sehingga orang sering memakai screenshot

  • Saya mengajari rekan tim cara membuat code block Markdown di Teams
    Fiturnya ada, tetapi tidak terlalu terlihat
  • Jika melihat screenshot di Teams, kebanyakan itu adalah tangkapan sebagian percakapan dari chat lain

• Screenshot adalah cara yang cepat dan konsisten
  Ia bekerja dengan cara yang sama di web app, aplikasi native, situs, dan lainnya
  Bagi penerima mungkin merepotkan, tetapi dari sisi pengirim itu efisien

• Di Linux saya menghubungkan aksi kustom xfce4-screenshooter ke skrip OCR tesseract
  Saat menangkap area pilihan, teks otomatis disalin ke clipboard
  Jika sulit dikenali, saya memakai Gemma3-4B + llama.cpp

  • Screenshot referensi: https://0x0.st/K9hq.png

[ndrgrd]

Sekarang sebagian besar browser memiliki fitur Text Fragment, dan saya sering memakainya dengan berguna.

Coba cek apakah tautan yang disorot di artikel ini bekerja.