LaTeX 公式转 PNG / SVG: いくつかの実用的なソリューションと使用シナリオの比較 – Chillylight
最近、技術文書を分類する際に、比較的一般的な問題に遭遇しました。
手里はすでにLaTeX公式を持っていますが、しかし电影电影プラットフォームはLaTeXをサポートしていません、手掴公式公式地车曾filmプラットフォームはLaTeXをサポートしていません
次の公式のようなものです。
\int_0^\infty e^{-x^2}\,dx = \frac{\sqrt{\pi}}{2}
Markdown、Jupyter Notebook、Overleaf の場合は、直接レンダリングします。
しかし実際には、多くの場合、次の目的で式を解放する必要があります。
- パワーポイント
- 言葉
- 技術的な解決策のドキュメント
- リードミー
- バックエンドブログ
- 写真
- MathJax の CMS ではサポートされていません
- チャットまたはドキュメントの共有
今回は、LaTeX を PNG または SVG に変換するのが最も簡単な解決策となることがよくあります。
この篇文章掌我怎么全会上带常電影的数学的方法的设计の一つ、也顺便说 PNG、SVG、MathJaX、KathJax はどのようなシーンに適していますか。
1. 質問を 1 つ明確にしてください: 本当に写真が必要ですか?
多くの場合、私たちの最初の反応は次のとおりです。
LaTeX → 图片
しかし実際には、すべてのシーンでそれほど多くのことが必要なわけではありません。
ターゲット プラットフォームが MathJax または KaTeX をサポートしている場合は、LaTeX を直接予約するのが最善です。
例えば:
$$
E = mc^2
$$
これを行うと次のような多くの利点があります。
- ズームしてもぼやけない
- 公式にコピーできる
- 後からの修正が便利
- ページがより自然に適応します
- 技術文書がよりわかりやすくなりました
ですので、対象となる環境を総合的に判断していきます。
目标平台支持 LaTeX
↓
直接渲染
目标平台不支持 LaTeX
↓
转 PNG / SVG
image more は互換性のあるソリューションです。
2. PNG と SVG を選択する必要がありますか?
これは最も一般的な問題です。
PNG
PNGはファイルです。
簡単に言うと、1つのピクセルで構成されています。
アドバンテージ:
- 互換性
- Word、PPTをそのまま使用可能
- 透明な背景をサポート
- さまざまなプラットフォームにアップロードして比較
短所:
- ズームインするとぼやける場合があります
- 解像度を事前に考慮する必要がある
に適しています:
Word
PowerPoint
聊天软件
普通文档
部分 CMS
SVG
SVGはベクター画像です。
固定ピクセルではなく、グラフィックスとパス情報を保存します。
最大の利点は次のとおりです。
拡大してもまだ鮮明です。
に適しています:
网页
博客
技术文档
PPT
海报
需要后期缩放的场景
ターゲット ソフトウェアが SVG をサポートしている場合、私は通常 SVG を好みます。
3. 方法 1: 直接スクリーンショット
最も単純かつ粗雑な方法は、もちろんスクリーンショットです。
たとえば、LaTeX エディターで次のように入力します。
\frac{-b\pm\sqrt{b^2-4ac}}{2a}
等式は、電気効果の電気効果を表す。
利点
明らかに:
快
インストールする必要も、変換する必要もありません。
チャットで一時的に公式メッセージを送信するだけの場合は、スクリーンショットで十分です。
欠点
主な問題は 3 つあります。
簡単ペーストを拡大します
画面の幅が 300 ピクセルしかないとすると、PPT の幅は 900 ピクセルになります。
3倍に相当します。
自然の端会变虚。
背景の扱いが難しい
たとえば、スクリーンショットを撮る場合:
黑色公式
+
白色背景
放到深色のPPT上就は明らかな白いブロックとして表示されます。
サイズが均一ではない
ドキュメントに数十の公式があり、全員が手動のスクリーンショットを持っている場合、次のことを保証するのは困難です。
- 同じマージン
- 同じサイズ
- 明確な合意
したがって、スクリーンショットは 1 回限りの一時的なニーズに適しています。
4. 方法 2: PNG を直接エクスポートする
より正式に使用する必要がある場合は、PNG がより信頼できる選択肢になります。
例えば:
\sum_{i=1}^{n} i = \frac{n(n+1)}{2}
PNG への直接レンダリング。
今回は「能不可了」ではないことに注意する必要があります。
出力サイズが十分ではありません。
最終画像を比較的大きく表示する必要がある場合は、最初に大きな PNG を生成するのが最善です。
例えば:
500 × 120
通常会比:
200 × 48
後続のリリースにより適しています。
なぜなら:
通常、大きな画像をズームアウトするのは問題ありませんが、小さな画像をズームインするのは簡単に貼り付けることができます。
5. 透明な背景の使用が推奨される場合のPPT
ターゲットが PPT の場合、これは重要です。
たとえば、背景が暗いファンタジア。
公式写真が白背景の場合:
┌─────────────────────┐
│ E = mc² │
└─────────────────────┘
ビジョン
より良い方法は次のとおりです。
白色公式
+
透明背景
PNG の場合は、アルファ チャネルを含む透明な画像をエクスポートする必要があります。
例えば:
\sqrt{x^2+y^2}
在深色 PPT里は次のように設定できます。
文字颜色:白色
背景:透明
一度入れてしまえば基本的に再加工の必要はありません。
6. 方法 3: SVG を使用する
「公式拡大後にぼやけてしまう」という問題を解決したいなら、SVGが最適です。
例えば:
x^2 + y^2 = r^2
PNG をエクスポートする場合は、次の方法でのみ修正できます。
400 × 80 px
また、SVG には固定ピクセル サイズがありません。
したがって、同じ SVG は次のようになります。
显示 200px 宽
または:
显示 2000px 宽
ジェネリックは明確にしておくことができません。
これは、次のシナリオに特に適しています。
- HDPPT
- テクノロジーブログ
- 大きなポスターサイズ
- PDFドキュメントをエクスポート
- Retina / 4Kスクリーン
7. 方法 4: オンライン変換
いくつかの数式を時々変換するだけの場合、私は個人的に、この目的に特に LaTeX を使用したくありません。
この場合、オンライン変換が最も便利です。
通常のプロセスは次のとおりです。
输入 LaTeX
↓
实时渲染
↓
调整颜色 / 背景
↓
导出 PNG 或 SVG
例えば:
\frac{1}{\sqrt{2\pi\sigma^2}}
e^{-\frac{(x-\mu)^2}{2\sigma^2}}
一時的な正式な処理であれば、このWebツールのようにLaTeX風の画像を使って直接PNGやSVGを生成することも可能です。
この方法の主な利点は「機能の追加」ではなく、次のとおりです。
推力時間を節約する設計。
ダウンロードして公開することができます。
8. 方法5:Versoare + 独立型を使用する
すでに LaTeX 環境をお持ちの場合は、それを使用することもできます standalone ドキュメントクラスは独立した公式を生成しました。
例えば:
\documentclass{standalone}
\begin{document}
\[
E = mc^2
\]
\end{document}
コンパイル後は、比較的コンパクトなサイズの PDF が得られます。
次に、PDF を SVG または PNG に再度変換します。
この方法の利点は次のとおりです。
- 完全な LaTeX エンジンを使用する
- 电影公式公司性の方が良い
- もっと宏包を使うことができます
- 出力安定効果
9. ImageMagick を使用して PNG を変換する
PDF がすでに生成されている場合は、コマンド ラインで変換を続行することもできます。
たとえば、ImageMagick を使用します。
magick -density 300 formula.pdf formula.png
ここ:
-density 300
電子映像ではより高い DPI レンダリングが使用されます。
エクスポートされた PNG がぼやけすぎる場合は、それに応じて DPI を上げることができます。
例えば:
magick -density 600 formula.pdf formula.png
注記:
DPI が高いほど、最終的な画像サイズは通常より大きくなります。
10.PDFからSVGへ
対象が Web ページや高精細ドキュメントの場合は、PDF を SVG に変換することもできます。
たとえば、使用します pdf2svg:
pdf2svg formula.pdf formula.svg
プロセスは次のようになります。
LaTeX
↓
PDF
↓
SVG
オンライン変換より手順が少し多くなりますが、プロセス全体を自動化できるという利点があります。
凤十个さえ凤百个公式公式内容内容がある場合、就就就数据电影电影電影。
11. 方法⑥:Webプロジェクト里電影电影MathJax
実際、Web プロジェクトの場合、最初は画像にしないほうが良いのです。
MathJax は成熟したプログラムです。
例えば:
ページ内:
The formula is \( E = mc^2 \).
MathJax は自動的にレンダリングします
この方法の方が適しています。
- ブログシステム
- ドキュメントウェブサイト
- オンラインチュートリアル
- 数学のウェブサイト
- ウィキ
12. KaTeX も選択肢のひとつ
レンダリング速度を重視する場合は、KaTeX を検討することもできます。
JavaScriptの例:
katex.render(
"E = mc^2",
document.getElementById("formula")
);
HTMLに対応:
KaTeX の特徴は次のとおりです。
- 高速なレンダリング速度
- プロジェクトに適した
- APIは比較的シンプルです
ただし、特に複雑な LaTeX、MathJax、および完全な TeX 環境では、一般に互換性がより優れています。
13. オンライン変換ツールが LaTeX を認識しない場合があるのはなぜですか?
ここは比較的間違えやすいところです。
LaTeX 自体は単なる数学の公用語ではありません。
例えば:
\frac{a}{b}
これは典型的な数式に属します。
ほとんどの MathJax、KaTeX、またはオンライン コンバーターはこれを処理できます。
しかし、これは次のとおりです。
\usepackage{tikz}
または:
\begin{tikzpicture}
...
\end{tikzpicture}
それは単なる単純な公式ではありません。
実際の LaTeX コンパイル環境が必要です。
こちらも同様です:
- カスタマイズ
- 特別な宏包
- TikZ
- PGFプロット
- 完全な論文テンプレート
このタイプのコンテンツは直接使用することをお勧めします。
TeX Live
MiKTeX
Overleaf
軽量グレードの公式レンダラーではありません。
14. なぜ PNG 公式会变新なのか?
一般的に、理由は 3 つあります。
原画の解像度が低すぎる
例えば:
原图宽度:200 px
最後の表示:
800 px
これは直接倍率4倍に相当します。
プラットフォームが圧縮されていました
一部の CMS、チャット ソフトウェア、コンテンツ プラットフォームでは、画像が自動的に圧縮されてアップロードされます。
そのため、ローカルは非常に鮮明に見えますが、アップロード後にベタベタになる可能性があります。
画像を繰り返し処理する
例えば:
生成 PNG
↓
截图
↓
重新缩放
↓
再次截图
品質を落とさないでください。
15. バッチ変換が必要な場合、どうすればよいですか?
バッチを処理するときは、次の使用をさらにお勧めします。
LaTeX
↓
PDF
↓
脚本转 PNG / SVG
たとえば、カタログには次のようなものがあります。
formula-001.tex
formula-002.tex
formula-003.tex
...
LaTeX コンパイラや画像変換プロシージャは、シェル、Python などを通じて呼び出すことができます。
Web ページを手動で開いて変換する場合と比較して、この方法の方が適しています。
- 题库システム
- 教育プラットフォーム
- 数学コンテンツWebサイト
- レポートの自動生成
- バッチドキュメント作成
16. 別のシーンから私の選択
最後に簡単に整理してみます。
| シーン | 推奨される解決策 |
|---|---|
| 臨時職員 | スクリーンショット |
| 言葉 | PNG |
| 通常のPPT | PNG |
| 深色PPT | 透過PNG |
| HDPPT | SVG |
| テクノロジーブログ | SVG / MathJax |
| ウェブプロジェクト | MathJax / KaTeX |
| ポスター | SVG |
| 複雑な LaTeX | 裏面 / TeX Live |
| バッチ生成 | LaTeX + スクリプト |
| 一時的なオンライン変換 | オンラインLaTeX画像変換ツール |
17. 最後に
実際、LaTeX には、画像を変換するための「唯一正しい」ソリューションはありません。
主な目的はそれを使用することです。
一度しか使用しない場合:
在线转换 / 截图
十分です。
透明度を比較すると、
SVG
通常はより適切です。
ウェブサイトの場合:
MathJax / KaTeX
写真よりも優れていることもよくあります。
複雑な公式、TikZ、またはバッチ処理が必要な場合:
完整 LaTeX 环境 + 自动化脚本
より安定した会。
簡単な要約は次のとおりです。
能電影電視就就不进表;画像を回転する必要があり、通常のシーンは PNG を選択し、優れた場合は拡大縮小する必要があります。優れたフィルムの場合、
基本的にこれで実際のニーズのほとんどをカバーできます。