03 / ガイド
文書とスライドのためのコード画像
PNG と SVG、フォントと倍率を選び、共有するコードの読みやすさを確認します。
Toolars がコンテンツを管理 · 2026-09-25 更新
用途に合う形式
PNG は描画済みの画素を固定し、スライドやチャットに向きます。SVG は拡大できますが、フォント未選択時は端末のシステムフォントに依存します。検証済みのアップロードフォントは全体を埋め込むためサイズが増え、閲覧側の対応も必要です。実際の閲覧ソフトで確認してください。
1x と 2x を比較
このガイドの JavaScript サンプル code.txt をダウンロードし、Code to Image に貼り付けて 1x で生成します。寸法を記録して倍率だけを 2x に変え、再生成してください。幅と高さは各 2 倍、PNG の画素数は 4 倍になりますが、コードの情報は増えません。同じ表示幅で比較し、上限を超える場合はコードを短くするか余白を減らしてください。
多言語テキストと長い行を確認
日本語や中国語の短いコメントを試します。全字形を含み、埋め込み可能なフォントを選びます。アップロードフォントに字形がない場合は生成が止まります。システムフォントでは PNG を確認し、SVG を対象端末でも開いてください。長いコードは小さな例に分けます。
共有前の確認
実際の表示サイズで字下げ、記号、コントラスト、行番号を確認します。公開例に秘密情報を含めないでください。コードは実行されません。画像に加えてテキストのソースを置き、作業後は非公開の内容を消去します。
保守と検証
このガイドと関連ツールは Toolars が保守しています。説明と現在の出力に相違があれば、両方を確認できるようお知らせください。
以下のダウンロード例は合成テスト入力であり、顧客の事例ではありません。再現時は入力と設定を揃え、プレビューだけでなくダウンロードしたファイルを記載の確認項目と照合してください。
確認の範囲はこの例に限られ、すべてのファイル、ブラウザー、利用先ソフトでの動作を保証しません。ツールの変更後は再確認し、共有前に自分の出力も確認してください。
内容やツールの問題を報告サンプルで手順を再現
Toolars の合成サンプル・更新日 2026-09-13。操作手順の例であり、実際の写真やスキャン品質、提出先の受理を示すものではありません。
JavaScript サンプルをコード画像ツールに貼り、JavaScript を選択します。プレビュー生成後、PNG を 1× と 2× で出力し、表示された寸法と照合します。長い数字の文字列と字下げを 100% 表示で確認してください。倍率は画素寸法を変え、元の文字精度は変えません。フォント未埋込みの SVG は環境で表示が異なる場合があります。
ツールを開くコード画像変換を開く
PNG と SVG、フォントと倍率を選び、共有するコードの読みやすさを確認します。