Rumus LaTeX dalam slide dan blog post

Menyisipkan rumus matematis bertata letak ke dalam slide atau blog post melibatkan beberapa langkah: biasanya Anda merender LaTeX di suatu tempat, lalu menyisipkan hasilnya ke alat slide atau post sebagai gambar. Ada banyak cara yang baik untuk melakukan ini — layanan LaTeX-to-image khusus, MathJax di template blog, screenshot dari Overleaf — dan mana yang paling cocok bergantung pada platform yang digunakan.

drawtonomy adalah salah satu pilihan gratis, tanpa instalasi, tanpa akun dalam ekosistem tersebut. Math tool merender LaTeX dengan KaTeX, memungkinkan Anda mengubah warna dan ukuran, serta mengekspor PNG atau SVG dengan latar belakang transparan — semuanya di browser, tanpa perlu akun.

$Preview KaTeX langsung untuk E = mc^2 — source LaTeX di atas, persamaan yang dirender di bawah$

Math tool dalam aksi — LaTeX di atas, preview yang dirender KaTeX di bawah, panel samping untuk warna dan ukuran.

Alur kerja 2 menit

Buka drawtonomy.com.
Klik ikon fx di toolbar bawah (atau tekan /).

$Ikon fx yang disorot di toolbar bawah drawtonomy$
Klik kanvas. Ketik LaTeX Anda. Lihat render langsung di bawah.

$Editor Math dengan rumus kuadrat yang dirender di preview langsung$
Tekan Esc. Dengan persamaan terpilih, atur warna dan ukuran di panel sebelah kanan.

$Persamaan yang sama diwarnai merah dan diperbesar ke 60 px dari panel samping$
Menu → Export → PNG (atau SVG). Simpan file.
Seret file ke slide atau blog post Anda.

Selesai. Tanpa instalasi, tanpa akun, tanpa toolchain LaTeX.

Format mana untuk target mana?

Target	Format terbaik	Alasan
Google Slides	PNG	Dukungan SVG tidak lengkap; PNG tampil identik di mana saja.
Keynote	SVG (atau PNG)	Keynote menangani SVG; vektor tetap tajam saat diperbesar.
PowerPoint	PNG (atau SVG di Microsoft 365)	Versi PowerPoint lama mengabaikan SVG.
Notion	PNG	Embed gambar Notion hanya mendukung raster.
Medium	PNG	Medium memperkecil SVG secara agresif.
Substack	PNG	Substack hanya menerima unggahan raster di post.
Ghost / WordPress	SVG	Keduanya merender SVG secara native.
Discord / Slack	PNG	Aplikasi chat menangani SVG secara tidak konsisten.

Jika ragu, PNG dengan latar belakang transparan bekerja di mana saja. SVG lebih tajam tetapi lebih sulit diintegrasikan.

Mengubah warna untuk tema slide

Warna default adalah hitam, yang cocok untuk slide berlatar putih. Slide dengan tema gelap? Klik panel Color dan pilih putih (atau aksen brand Anda). Persamaan langsung dirender ulang dengan warna baru.

Setiap perubahan warna adalah langkah undo tersendiri, sehingga Anda bisa bereksperimen dengan bebas.

Posisi drawtonomy di antara berbagai pilihan

Setiap pendekatan berikut bekerja dengan baik dalam konteks yang tepat — pilihannya sebagian besar bergantung pada seberapa banyak pengaturan yang Anda inginkan dan di mana output akan digunakan.

Layanan web LaTeX-to-image (mis. CodeCogs, QuickLaTeX) cepat untuk persamaan satu kali dan menghasilkan output yang bersih. Beberapa di antaranya bagus untuk penggunaan berulang; ada juga yang mengubah fitur atau branding seiring waktu, jadi sebaiknya periksa kondisi terkininya sebelum mengandalkan layanan tersebut.
MathJax yang ditanam di blog menyimpan source persamaan langsung di post, yang ideal ketika platform mendukungnya. Platform hosted bervariasi dalam seberapa banyak kustomisasi tema yang diizinkan.
Screenshot dari Overleaf adalah jalur cepat jika Anda sudah menulis LaTeX di sana; kualitasnya bergantung pada DPI yang Anda tangkap.
Unicode yang diketik langsung (x² + y² = r²) sempurna ketika formula cukup sederhana tanpa pecahan atau integral.

drawtonomy merender persamaan sebagai vektor, mengekspor dengan bersih, dan source tetap dapat diedit di .drawtonomy.svg jika Anda ingin merevisinya nanti.

Lebih dari sekadar satu persamaan

Math tool berada di atas kanvas infinite yang lengkap. Jadi jika Anda sedang menyiapkan slide dengan, misalnya, “tiga persamaan berjajar dengan diagram di antaranya”, Anda bisa menyusun seluruh slide di drawtonomy dan mengekspor satu gambar — alih-alih berjuang dengan grid layout alat slide Anda.