แทรกสมการ LaTeX ในสไลด์และบล็อก

การนำสมการที่พิมพ์สวยงามไปใส่ในสไลด์หรือบล็อกนั้นมีหลายวิธี ไม่ว่าจะเป็นบริการแปลง LaTeX เป็นรูปภาพออนไลน์ การใช้ MathJax ในเทมเพลตบล็อก หรือการ screenshot จาก Overleaf ซึ่งแต่ละวิธีก็เหมาะกับแพลตฟอร์มและความต้องการที่ต่างกัน

drawtonomy เป็นอีกหนึ่งตัวเลือกที่ฟรี ไม่ต้องติดตั้ง และไม่ต้องสมัครสมาชิก Math tool แสดงผล LaTeX ด้วย KaTeX ปรับสีและขนาดได้ แล้วส่งออกเป็น PNG หรือ SVG พื้นหลังโปร่งใสได้ทันที ทั้งหมดนี้ทำในเบราว์เซอร์โดยตรง

$ตัวอย่าง KaTeX live preview ของ E = mc^2 — ซอร์ส LaTeX ด้านบน สมการที่แสดงผลด้านล่าง$

Math tool ในการใช้งานจริง — LaTeX ด้านบน ตัวอย่าง KaTeX ด้านล่าง แผงด้านขวาสำหรับปรับสีและขนาด

ขั้นตอน 2 นาที

เปิด drawtonomy.com
คลิกไอคอน fx ที่แถบเครื่องมือด้านล่าง (หรือกด /)

$ไอคอน fx ที่ถูก highlight ในแถบเครื่องมือด้านล่างของ drawtonomy$
คลิกบนแคนวาส พิมพ์ LaTeX แล้วดูผลลัพธ์แสดงแบบ live ด้านล่าง

$ตัวแก้ไขสมการพร้อมสูตรกำลังสองที่แสดงผลใน live preview$
กด Esc แล้วเลือกสมการ ปรับสีและขนาดในแผงด้านขวา

$สมการเดิมปรับสีเป็นแดงและขยายเป็น 60 px จากแผงด้านข้าง$
Menu → Export → PNG (หรือ SVG) แล้วบันทึกไฟล์
ลากไฟล์ไปวางในสไลด์หรือบล็อก

เสร็จแล้ว ไม่ต้องติดตั้ง ไม่ต้องสมัครสมาชิก ไม่ต้องมี LaTeX toolchain

รูปแบบไหนเหมาะกับอะไร

ปลายทาง	รูปแบบที่แนะนำ	เหตุผล
Google Slides	PNG	รองรับ SVG ได้บางส่วน PNG แสดงผลเหมือนกันทุกที่
Keynote	SVG (หรือ PNG)	Keynote รองรับ SVG ภาพ vector คมชัดเมื่อขยาย
PowerPoint	PNG (หรือ SVG บน Microsoft 365)	PowerPoint รุ่นเก่าไม่รองรับ SVG
Notion	PNG	Notion รองรับเฉพาะรูปภาพแบบ raster
Medium	PNG	Medium ลดขนาด SVG อย่างรุนแรง
Substack	PNG	Substack รับเฉพาะไฟล์ raster ในโพสต์
Ghost / WordPress	SVG	ทั้งสองรองรับ SVG โดยตรง
Discord / Slack	PNG	แอปแชทจัดการ SVG ได้ไม่สม่ำเสมอ

เมื่อไม่แน่ใจ ให้ใช้ PNG พื้นหลังโปร่งใส ซึ่งใช้ได้กับทุกแพลตฟอร์ม SVG คมกว่าแต่ต้องพิจารณาความเข้ากันได้มากกว่า

ปรับสีให้เข้ากับธีมสไลด์

ค่าเริ่มต้นเป็นสีดำ เหมาะกับสไลด์พื้นขาว ถ้าใช้ธีมสไลด์สีเข้มให้คลิกแผง Color แล้วเลือกสีขาวหรือสีแบรนด์ สมการจะแสดงผลใหม่ทันที

การเปลี่ยนสีแต่ละครั้งเป็น undo step แยกกัน ทดลองได้อิสระโดยไม่ต้องกังวล

drawtonomy เทียบกับวิธีอื่น

แต่ละวิธีต่อไปนี้ล้วนใช้งานได้ดีในบริบทที่เหมาะสม การเลือกขึ้นอยู่กับปริมาณงานและว่าผลลัพธ์จะนำไปใช้ที่ไหน

บริการ LaTeX-to-image ออนไลน์ (เช่น CodeCogs, QuickLaTeX) เหมาะกับสมการครั้งเดียวและให้ผลลัพธ์สะอาด บางเจ้ารองรับการใช้งานต่อเนื่องได้ดี แต่ฟีเจอร์และการออกแบบอาจเปลี่ยนไปตามเวลา ควรตรวจสอบสถานะปัจจุบันก่อนใช้
MathJax ฝังในบล็อก เก็บซอร์ส LaTeX ไว้ในโพสต์โดยตรง เหมาะมากเมื่อแพลตฟอร์มรองรับ แต่แพลตฟอร์มแบบ hosted มักจำกัดการปรับแต่ง theme
Screenshot จาก Overleaf เป็นทางลัดที่ดีถ้ามี LaTeX เขียนไว้แล้ว คุณภาพขึ้นอยู่กับค่า DPI ที่จับภาพ
Unicode แบบพิมพ์มือ (x² + y² = r²) เหมาะเมื่อสูตรเรียบง่ายพอที่ไม่ต้องใช้เศษส่วนหรืออินทิกรัล

drawtonomy แสดงผลสมการเป็น vector ส่งออกได้สะอาด และซอร์สยังแก้ไขได้ใน .drawtonomy.svg ภายหลัง

มากกว่าหนึ่งสมการ

Math tool ทำงานบนแคนวาสอนันต์ ถ้ากำลังเตรียมสไลด์ที่มี “สามสมการเรียงกันพร้อมไดอะแกรมคั่นกลาง” ออกแบบทั้งหมดใน drawtonomy แล้วส่งออกเป็นรูปภาพเดียวได้เลย โดยไม่ต้องต่อสู้กับกริด layout ของโปรแกรมทำสไลด์