Chèn công thức toán học vào slide và bài viết blog

Để đưa một công thức đã được định dạng đẹp vào slide hay bài blog, bạn thường phải qua vài bước: render LaTeX ở đâu đó, rồi đưa kết quả vào công cụ trình chiếu hoặc bài viết dưới dạng ảnh. Có nhiều cách làm tốt cho việc này — từ dịch vụ LaTeX-to-image chuyên dụng, MathJax nhúng trong template blog, đến chụp màn hình từ Overleaf — và lựa chọn phù hợp tùy thuộc vào nền tảng bạn đang dùng.

drawtonomy là một lựa chọn miễn phí, không cài đặt, không cần tài khoản trong số đó. Công cụ Math render LaTeX bằng KaTeX, cho phép đổi màu và thay đổi kích thước, rồi xuất PNG hoặc SVG với nền trong suốt — tất cả đều chạy trên trình duyệt.

$Xem trước KaTeX trực tiếp của E = mc^2 — mã LaTeX ở trên, công thức đã render bên dưới$

Công cụ Math đang hoạt động — LaTeX ở trên, bản xem trước KaTeX bên dưới, bảng điều khiển bên phải để chỉnh màu và kích thước.

Quy trình 2 phút

Mở drawtonomy.com.
Nhấp vào biểu tượng fx trên thanh công cụ phía dưới (hoặc nhấn phím /).

$Biểu tượng fx được làm nổi bật trên thanh công cụ phía dưới của drawtonomy$
Nhấp lên canvas. Nhập LaTeX. Xem kết quả render trực tiếp bên dưới.

$Trình chỉnh sửa Math với công thức bậc hai được render trong bản xem trước trực tiếp$
Nhấn Esc. Khi công thức đang được chọn, điều chỉnh màu sắc và kích thước trong bảng bên phải.

$Cùng công thức đó được tô màu đỏ và phóng to lên 60 px từ bảng bên$
Menu → Export → PNG (hoặc SVG). Lưu file.
Kéo file vào slide hoặc bài blog.

Xong. Không cần cài đặt, không cần tài khoản, không cần chuỗi công cụ LaTeX.

Nên chọn định dạng nào cho từng nền tảng?

Nền tảng	Định dạng tốt nhất	Lý do
Google Slides	PNG	Hỗ trợ SVG không đầy đủ; PNG hiển thị nhất quán ở mọi nơi.
Keynote	SVG (hoặc PNG)	Keynote xử lý được SVG; vector giữ độ sắc nét khi phóng to.
PowerPoint	PNG (hoặc SVG trên Microsoft 365)	Các phiên bản PowerPoint cũ không nhận SVG.
Notion	PNG	Tính năng nhúng ảnh của Notion chỉ nhận raster.
Medium	PNG	Medium nén SVG khá mạnh.
Substack	PNG	Substack chỉ chấp nhận ảnh raster trong bài viết.
Ghost / WordPress	SVG	Cả hai đều render SVG trực tiếp.
Discord / Slack	PNG	Ứng dụng chat xử lý SVG không nhất quán.

Khi không chắc, PNG với nền trong suốt là lựa chọn an toàn nhất — dùng được ở mọi nơi. SVG sắc nét hơn nhưng tích hợp phức tạp hơn.

Đổi màu để phù hợp với chủ đề slide

Màu mặc định là đen, phù hợp với slide nền trắng. Nếu slide của bạn có nền tối, hãy nhấp vào bảng Color và chọn màu trắng (hoặc màu thương hiệu). Công thức sẽ được render lại ngay lập tức.

Mỗi lần đổi màu là một bước undo riêng, nên bạn có thể thử nghiệm thoải mái.

drawtonomy so với các cách làm khác

Mỗi cách tiếp cận đều phát huy tốt trong ngữ cảnh phù hợp — việc chọn lựa chủ yếu phụ thuộc vào mức độ thiết lập bạn muốn và nơi kết quả sẽ được dùng.

Dịch vụ web LaTeX-to-image (ví dụ CodeCogs, QuickLaTeX) nhanh cho những công thức đơn lẻ và cho ra kết quả sạch. Một số rất tiện cho dùng thường xuyên; một số khác thay đổi tính năng hoặc thương hiệu theo thời gian, nên bạn nên kiểm tra trạng thái hiện tại trước khi dùng lâu dài.
MathJax nhúng trong blog giữ mã nguồn công thức ngay trong bài viết, lý tưởng khi nền tảng hỗ trợ. Tuy nhiên các nền tảng hosted có mức độ cho phép tùy chỉnh theme khác nhau.
Chụp màn hình từ Overleaf là cách nhanh nếu bạn đã có sẵn code LaTeX; chất lượng phụ thuộc vào DPI khi chụp.
Gõ Unicode thủ công (x² + y² = r²) hoàn toàn phù hợp khi công thức đủ đơn giản để diễn đạt mà không cần phân số hay tích phân.

drawtonomy render công thức dưới dạng vector, xuất file gọn gàng, và mã nguồn vẫn có thể chỉnh sửa trong file .drawtonomy.svg nếu bạn cần quay lại sau.

Không chỉ là một công thức đơn lẻ

Công cụ Math nằm trên canvas vô hạn. Vì vậy nếu bạn đang chuẩn bị một slide chứa, ví dụ, “ba công thức đặt cạnh nhau với sơ đồ ở giữa”, bạn có thể bố cục toàn bộ slide trong drawtonomy rồi xuất thành một ảnh duy nhất — thay vì phải vật lộn với lưới layout của công cụ trình chiếu.