03 / PANDUAN
Gambar kode untuk dokumen dan slide
Pilih PNG atau SVG, periksa font dan skala, lalu jaga keterbacaan kode.
Konten dipelihara oleh Toolars · Diperbarui 2026-09-25
Pilih format sesuai tujuan
PNG menetapkan piksel dan praktis untuk slide atau percakapan. SVG dapat diperbesar, tetapi tanpa font unggahan bergantung pada font sistem. Font yang lolos validasi disematkan seluruhnya sehingga file membesar dan penampil harus mendukungnya. Uji di aplikasi tujuan.
Bandingkan 1x dan 2x
Unduh sampel JavaScript code.txt dari panduan ini, tempelkan ke Code to Image, lalu buat pada skala 1x. Catat dimensinya, ubah hanya skala ke 2x, dan buat lagi. Lebar serta tinggi masing-masing menjadi dua kali dan jumlah piksel PNG menjadi empat kali, tanpa menambah detail pada kode. Bandingkan kedua hasil pada lebar tampilan yang sama. Jika 2x melampaui batas ekspor, pendekkan cuplikan atau kurangi padding.
Periksa teks multibahasa dan baris panjang
Coba komentar berbahasa Tionghoa atau Jepang dengan font berizin yang mencakup semua karakter. Glif yang hilang pada font unggahan menghentikan pembuatan. Untuk font sistem, periksa PNG dan buka SVG di perangkat tujuan. Pecah kode panjang menjadi contoh pendek.
Sebelum berbagi
Periksa indentasi, tanda baca, kontras dan nomor baris pada ukuran akhir. Jangan publikasikan kunci atau kode privat. Konverter tidak menjalankan kode. Sertakan sumber teks di samping gambar dan bersihkan ruang kerja setelah memakai materi privat.
Pemeliharaan dan verifikasi
Toolars memelihara panduan ini dan alat yang ditautkan. Laporkan perbedaan antara petunjuk dan hasil saat ini agar keduanya dapat ditinjau bersama.
Contoh unduhan di bawah adalah masukan uji sintetis, bukan kisah pelanggan. Gunakan masukan dan pengaturan yang sama saat mengulangnya; periksa berkas unduhan sesuai petunjuk, bukan hanya pratinjau.
Pemeriksaan hanya mencakup contoh ini, bukan sertifikasi untuk semua berkas, peramban, atau aplikasi tujuan. Periksa ulang setelah alat berubah dan tinjau hasil Anda sebelum membagikannya.
Laporkan masalah konten atau alatCoba alur dengan contoh
Sampel sintetis Toolars · diperbarui 2026-09-13. Mendemonstrasikan alur, bukan kualitas foto atau pindaian nyata maupun penerimaan platform.
Tempel sampel JavaScript ke Kode ke gambar dan pilih JavaScript. Buat pratinjau lalu ekspor PNG 1× dan 2×. Cocokkan dimensi dan periksa string angka panjang serta indentasi pada 100%. Skala mengubah dimensi piksel, bukan ketepatan teks sumber. SVG tanpa font tersemat dapat tampil berbeda di perangkat lain.
Buka alatBuka konverter kode ke gambar
Pilih PNG atau SVG, periksa font dan skala, lalu jaga keterbacaan kode.