グラフィック / コード
コードスクリーンショットジェネレーター：コードをきれいな画像に変換
スライド、ドキュメント、ソーシャル投稿に使える、コードスニペットの洗練された画像を作成できます。17言語の構文カラー、4つのテーマ、タイトル付きのウィンドウフレーム、行番号、グラデーションまたは透明の背景に対応し、鮮明なPNGまたはSVGとして保存できます。コードがブラウザの外に出ることはありません。
コードスクリーンショットジェネレーター：コードをきれいな画像に変換: コードは内蔵の簡易ハイライターによって、キーワード、文字列、コメント、数値、関数名、型に分けられます。その後、等幅フォントで1行ずつSVGとして配置し、エディターウィンドウのようなフレームを付けます。PNGはこのSVGから1倍、2倍、3倍のサイズで描画されるため、高解像度の画面でも鮮明です。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。
- カテゴリ
- 画像ツール
- 実行回数
- ブラウザ内で
- コスト
- 無料 · 登録不要
- 提供状況
- すぐに使えます
完全にブラウザ内で実行します
ブラウザの外にデータが送信されることはありません。SVGには等幅フォントが埋め込まれず、フォント名だけが指定されるため、作成したコンピューターで最もきれいに表示されます。PNGの表示は固定されています。
読みやすいコード画像
フィードやスライド上で画像を縮小しても文字が読みやすいように、コードは10〜25行程度、横幅は80文字未満に収めて短くしましょう。
アクセシビリティ
コード画像はコピーできず、スクリーンリーダーでも読み上げられません。可能であれば、コードそのものをaltテキストに入れるか、画像の横に掲載してください。
使い方
- コードを貼り付けます。
- 言語、テーマ、ウィンドウスタイル、背景を選びます。
- 画像をPNGまたはSVGとしてダウンロードします。
プライバシーと制限事項
コードはブラウザ内にとどまり、アップロードされることはありません。
関連ツール
よくある質問
どの言語がハイライト表示に対応していますか？
JavaScript、TypeScript、Python、Go、Rust、Java、C、C++、C#、PHP、Ruby、SQL、CSS、HTML、JSON、Bash、YAMLに対応しています。言語はコードから推測されますが、自分で選ぶこともできます。
別のコンピューターでSVGの見た目が変わるのはなぜですか？
SVGはフォントを埋め込まず、フォント名を指定します。そのため、別のコンピューターでは独自の等幅フォントが使われる場合があります。PNGはどの環境でも同じように表示されます。
背景を透明にできますか？
はい。「なし」を選ぶと、PNGではウィンドウの周囲の背景が透明になります。
無料ツール · ブラウザ内で · アカウント不要