03 / PANDUAN
Panduan alat
Pola kerja praktis untuk transformasi, pengolahan gambar, dan alur kerja peramban yang memperhatikan privasi.
Gambar kode untuk dokumen dan slide
Pilih PNG atau SVG, periksa font dan skala, lalu jaga keterbacaan kode.
Gambar kode untuk dokumen dan slideContoh CSS clip-path dalam tata letak nyata
Gunakan preset atau edit 3–32 titik untuk avatar, gambar penunjuk arah, dan kartu miring; bandingkan CSS lengkap dengan deklarasi clip-path.
Contoh CSS clip-path dalam tata letak nyataTransformasikan kode dengan aman
Format lebih dahulu saat meninjau kode yang belum dikenal; minimalkan hanya versi yang memang ditujukan untuk dikirim.
- Pelihara sumberSimpan salinan asli sebelum mentransformasi kode sumber.
- Tinjau semantikAnggap keluaran pemformat sebagai perubahan keterbacaan, bukan validasi semantik.
- Verifikasi artefakGunakan verifikasi hash untuk membandingkan artefak; hash tidak dapat mendekripsi materi sumber.
Siapkan gambar secara sengaja
Pilih dimensi, pemotongan, dan format keluaran berdasarkan batasan tujuan, bukan berdasarkan kebiasaan.
- Mulai dari kualitasUbah ukuran satu kali dari sumber berkualitas tertinggi yang tersedia.
- Periksa transparansiPeriksa transparansi sebelum mengonversi aset SVG atau PNG.
- Ekspor secara eksplisitUnduh berkas yang dihasilkan sebelum menutup tab; ruang kerja lokal tidak menyimpan salinan di awan.
Lindungi materi sensitif
Label pemrosesan adalah bagian dari kontrak alat dan sebaiknya diperiksa sebelum memasukkan data.
- Proses secara lokalRuntime yang mengutamakan lokal memproses masukan di tab peramban yang aktif.
- Jelaskan, jangan tempelFormulir umpan balik hanya menerima deskripsi dan secara eksplisit mengecualikan isi ruang kerja.
- Bersihkan perangkat bersamaBersihkan ruang kerja dan berkas yang telah diunduh saat menggunakan komputer bersama.
Lokal vs cloud: ke mana berkas pergi
Panduan arsitektur memetakan kedua desain pemrosesan, menunjukkan cara memverifikasi klaim lokal dengan peramban Anda sendiri, dan mencantumkan dokumen yang seharusnya tidak pernah diunggah.
Baca panduan arsitekturSepuluh tugas PDF, nol unggahan
Menggabung, memisah, memutar, menata, memberi watermark, mengompres, mengonversi, dan membersihkan berkas PDF di dalam tab peramban—setiap tugas tertaut langsung ke ruang kerjanya.
Buka panduan tugasPeriksa foto sebelum dibagikan
Koordinat lokasi, nomor seri perangkat, dan detik persis saat foto diambil dapat ikut serta di dalam berkas—panduan ini menunjukkan cara membaca lapisan tersembunyi itu dan menghapusnya secara lokal sebelum berbagi.
Baca checklist berbagiUbah gambar sesuai spesifikasi
Pangkas dulu, ubah ukuran sekali, lalu konversi ke format yang diterima tujuan—panduan ini mengubah anggaran dimensi atau byte menjadi alur kerja lokal yang teratur.
Baca panduan persiapan gambarTinjau JSON dengan yakin
Pretty-print, inspeksi pohon, dan diff deterministik—cara membaca payload asing sebelum menyetujuinya, serta batas pasti runtime lokal.
Baca rutinitas peninjauanMuatkan PDF di bawah batas
Batas email dan portal tidak mengampuni—panduan ini mengukur dulu, menimbang pembersihan struktur versus kompresi raster kuat, dan menetapkan ekspektasi jujur per jenis konten.
Baca rencana batas ukuranMembaca Base64 dengan lancar
Apa sebenarnya Base64, cara menghitung tambahan ukurannya, kapan Data URL dan email berguna, mengapa ini bukan mekanisme keamanan, dan cara men-debug string yang rusak.
Baca panduan enkodingMemilih notasi warna
HEX, RGB, dan HSL menjelaskan warna sRGB; panduan ini membahas alfa, kapan HSL membantu, sintaks CSS Color 4, dan pengambilan sampel warna gambar melalui Canvas.
Baca panduan warnaMenguji regex tanpa hang
Loop tulis-uji-refaktor dengan sampel realistis, higiene catastrophic backtracking, disiplin anchor, dan semantik flag—berjalan di worker dengan batas waktu, sehingga pola liar tidak membekukan tab.
Baca alur kerja regexMemilih format gambar dengan sengaja
PNG, JPEG, WebP, dan AVIF dibandingkan menurut jenis konten, transparansi, dukungan nyata, biaya enkoding ulang, dan penghematan byte terukur—agar pilihan menjadi keputusan, bukan kebiasaan.
Baca panduan formatMenulis cron tanpa kejutan
Lima field dan rentangnya, jebakan OR antara tanggal dan hari, Minggu sebagai 0 atau 7, serta kasus tepi daylight saving—divalidasi terhadap sepuluh eksekusi berikutnya sebelum deploy.
Baca panduan cronMencetak kode QR yang bisa dipindai
Ukuran fisik menurut jarak pindai, quiet zone empat modul, tingkat koreksi kesalahan dan overlay logo, kontras yang ditegakkan, serta uji proof sebelum cetak massal.
Baca panduan cetakTerbitkan Markdown sebagai HTML bersih
Apa yang dikonversi subset yang didukung dan apa yang diratakan, bagaimana sanitasi dan daftar skema tautan menjaga output tetap aman, apa yang hilang saat kembali ke Markdown, dan di mana konversi berada dalam alur kerja dokumen atau blog.
Baca alur kerja penerbitanVerifikasi unduhan dengan checksum
Integritas versus autentisitas, mengapa MD5 dan SHA-1 kini hanya untuk integritas, verifikasi installer satu menit, dan hashing teks sensitif tanpa mengunggahnya.
Baca panduan checksumMemilih antara UUID dan ULID
v4 acak versus v7 berurutan waktu, tata letak base32 ULID yang dapat diurutkan, dampak kunci acak pada indeks B-tree, matematika tabrakan, dan membuat batch secara lokal.
Baca panduan identifierVerifikasi sendiri klaim «tidak mengunggah»
Pemeriksaan panel jaringan DevTools, teknik canary string, dan catatan cache serta service worker — plus harness bukti terbuka yang dapat dijalankan ulang siapa saja terhadap situs langsung, dengan resit yang dicapture ulang secara berkala.
Baca panduan verifikasiMulai dengan contoh kecil
Bandingkan masukan, pengaturan, dan hasil contoh sebelum memproses berkas Anda.
Ambil lampiran tanpa mengirim seluruh dokumen
Gunakan PDF buatan berisi delapan halaman bernomor. Penerima hanya perlu sampul, tiga halaman pendukung dan halaman terakhir. Ekstraksi membuat salinan baru tanpa menghapus halaman asli.
Potong avatar persegi dengan koordinat yang dapat diulang
Mulai dengan gambar uji 600 × 400 tanpa informasi sensitif. Pemotongan membuang tepi, sedangkan pengubahan ukuran menskalakan piksel. Jangan meregangkan wajah hanya untuk memenuhi bentuk persegi.
Periksa respons API tanpa membulatkan ID
Gunakan respons API fiktif untuk membedakan angka, string dan array. ID besar harus mempertahankan digitnya. Pemeriksaan struktur JSON tidak membuktikan aturan bisnis aplikasi sudah benar.
Buat percakapan storyboard yang jelas fiktif
Tulis dialog dua tokoh rekaan tentang tinjauan desain. Gunakan nama rekaan dan teks biasa, bukan percakapan pribadi asli. Hasil ini properti visual, bukan bukti percakapan.
Muatkan foto mendatar ke batas persegi
Portal membatasi lebar dan tinggi hingga 300 piksel tetapi tidak mewajibkan potongan persegi. Gunakan gambar 600 × 400 dan pertahankan seluruh komposisinya.
Pilih WebP transparan atau JPEG berlatar
Coba logo PNG kecil dengan tepi transparan. Pertimbangkan format penerima, latar dan warna, bukan sekadar ukuran terkecil.
Nilai kompresi tanpa menjanjikan ukuran
Uji PDF pindai dan PDF teks non-sensitif secara terpisah karena hasilnya dapat berbeda. Simpan sumber; berkas kecil hanya berguna jika isinya tetap sesuai kebutuhan.
Periksa foto sebelum dibagikan ke publik
Lokasi bisa tersimpan dalam metadata yang didukung maupun terlihat di foto. Latih dengan foto uji milik sendiri sebelum menyerahkannya ke layanan lain.
Baca tujuan QR sebelum membukanya
Buat gambar QR berisi https://example.com lalu baca sebagai latihan aman. Dekode mengambil teks, bukan membuktikan situs atau permintaan pembayaran tepercaya.
Konversi subtitle dan tunda setengah detik
Coba satu cue teks untuk memastikan tanda dan satuan offset. Positif menunda, negatif memajukan. Alat tidak mendengarkan video atau menemukan waktu yang benar secara otomatis.
Penuhi batas dimensi dan byte secara terpisah
Misalkan portal menerima kotak 300 × 300 dan maksimal 200000 byte. Latih dengan gambar buatan 600 × 400. Tentukan dimensi, byte, format dan padding berdasarkan aturan penerima.
Siapkan PDF pengiriman sambil menyimpan sumber
Latih dengan dokumen buatan dan catat halaman, urutan, format serta batas byte. Browser menyiapkan berkas, bukan menyetujui aplikasi atau mengesahkan persyaratan organisasi.
Hapus metadata yang didukung lalu periksa sisanya
Sebelum menyerahkan ke kolaborator, uji gambar atau PDF dengan metadata yang diketahui. Dengan begitu, hasil kosong dapat dibedakan dari keterbatasan parser. Pembersihan hanya satu bagian pemeriksaan.
Praktikkan alur kerjanya.
Mulailah dari penampil lokal yang deterministik, yang memparsing dan memvalidasi terlebih dahulu sebelum merender.