Wzory matematyczne w prezentacjach i postach blogowych

Wstawienie złożonego wzoru matematycznego do prezentacji lub posta blogowego wymaga zwykle kilku kroków: najpierw renderujesz LaTeX w jakimś narzędziu, a potem wklejasz wynik jako obraz. Dostępnych sposobów jest sporo — dedykowane serwisy zamieniające LaTeX na obraz, MathJax osadzony w szablonie bloga, zrzuty ekranu z Overleaf — i wybór zależy głównie od platformy docelowej.

drawtonomy to jedna z bezpłatnych, niewymagających instalacji ani konta opcji w tym zestawie. Narzędzie Math renderuje LaTeX przez KaTeX, pozwala zmienić kolor i rozmiar, a następnie eksportuje PNG lub SVG z przezroczystym tłem — wszystko w przeglądarce, bez rejestracji.

$Podgląd KaTeX na żywo wzoru E = mc^2 — źródło LaTeX u góry, wyrenderowane równanie u dołu$

Narzędzie Math w akcji — LaTeX na górze, podgląd KaTeX na dole, panel boczny do ustawiania koloru i rozmiaru.

Cały proces w 2 minuty

Otwórz drawtonomy.com.
Kliknij ikonę fx na dolnym pasku narzędzi (lub naciśnij /).

$Ikona fx wyróżniona na dolnym pasku narzędzi drawtonomy$
Kliknij na płótno. Wpisz wzór w LaTeX. Podgląd renderuje się na żywo poniżej.

$Edytor Math z wyrenderowanym wzorem kwadratowym w podglądzie na żywo$
Naciśnij Esc. Gdy równanie jest zaznaczone, ustaw kolor i rozmiar w panelu po prawej stronie.

$To samo równanie pokolorowane na czerwono i powiększone do 60 px z panelu bocznego$
Menu → Export → PNG (lub SVG). Zapisz plik.
Przeciągnij plik do slajdu lub posta blogowego.

Gotowe. Bez instalacji, bez konta, bez łańcucha narzędzi LaTeX.

Który format wybrać dla danego miejsca docelowego?

Miejsce docelowe	Najlepszy format	Dlaczego
Google Slides	PNG	Obsługa SVG jest częściowa; PNG renderuje się identycznie wszędzie.
Keynote	SVG (lub PNG)	Keynote obsługuje SVG; wektor pozostaje ostry po skalowaniu.
PowerPoint	PNG (lub SVG w Microsoft 365)	Starsze wersje PowerPoint ignorują SVG.
Notion	PNG	Osadzanie obrazów w Notion obsługuje tylko format rastrowy.
Medium	PNG	Medium agresywnie skaluje SVG w dół.
Substack	PNG	Substack akceptuje w postach wyłącznie przesyłki rastrowe.
Ghost / WordPress	SVG	Oba renderują SVG natywnie.
Discord / Slack	PNG	Aplikacje czatu traktują SVG niespójnie.

Gdy nie wiesz, co wybrać, PNG z przezroczystym tłem działa wszędzie. SVG jest ostrzejszy, ale trudniejszy do osadzenia w niektórych platformach.

Dopasowanie koloru do motywu prezentacji

Domyślny kolor to czarny — sprawdza się na białych slajdach. Ciemna talia? Kliknij panel Color i wybierz biały (lub kolor akcentu marki). Równanie przerenderuje się natychmiast.

Każda zmiana koloru to osobny krok cofania, więc eksperymentowanie nic nie kosztuje.

drawtonomy na tle innych rozwiązań

Każde z poniższych podejść dobrze sprawdza się w odpowiednim kontekście — wybór zależy głównie od tego, ile konfiguracji chcesz poświęcić i gdzie trafi wynik.

Serwisy LaTeX-to-image (np. CodeCogs, QuickLaTeX) działają szybko dla pojedynczych wzorów i dają czysty wynik. Niektóre świetnie nadają się do regularnego użytku; warto sprawdzić aktualny stan konkretnego serwisu, bo funkcje i interfejs mogą się zmieniać.
MathJax osadzony w blogu zachowuje źródło wzoru bezpośrednio w poście — idealne rozwiązanie, gdy platforma to umożliwia. Platformy hostowane różnią się możliwościami personalizacji motywu.
Zrzut ekranu z Overleaf to szybka droga, gdy masz już napisany LaTeX; jakość zależy od DPI, przy którym wykonujesz zrzut.
Ręcznie wpisany Unicode (x² + y² = r²) jest doskonały, gdy wzór jest wystarczająco prosty i nie zawiera ułamków ani całek.

drawtonomy renderuje równanie wektorowo, eksportuje czysto, a źródło pozostaje edytowalne w pliku .drawtonomy.svg — możesz do niego wrócić w dowolnym momencie.

Nie tylko pojedynczy wzór

Narzędzie Math działa na pełnym, nieskończonym płótnie. Jeśli przygotowujesz slajd z np. trzema równaniami obok siebie i diagramem pomiędzy nimi, możesz skomponować cały slajd w drawtonomy i wyeksportować go jako jeden obraz — zamiast walczyć z siatką układu w swoim narzędziu do prezentacji.