DevTulz Online

コードを画像に

コードスニペットを美しい共有可能な画像に変換します。シンタックスハイライトのテーマ、グラデーション背景、ウィンドウスタイルを選択。PNGでダウンロード。無料。

code.js

コードを画像にとは?

コードを画像には、あらゆるコードスニペットを洗練された共有可能な画像に変換します。ブログ投稿、SNS、プレゼンテーション、ドキュメントに最適です。コードを貼り付け、シンタックスハイライト用の言語を選択し、7つのテーマ(Atom One Dark、Atom One Light、GitHub Dark、Dracula、Monokai、VS Dark、Nord)から1つを選び、グラデーションまたは単色の背景を選択し、余白やウィンドウスタイルを調整し、行番号を切り替えて、高解像度のPNGをダウンロードします。すべてブラウザで動作し、コードがサーバーにアップロードされることはありません。

コードを画像にの使い方

  1. 入力エリアにコードを貼り付けるか入力します(Tabキーでスペースを挿入)。
  2. プログラミング言語を選択するか、「自動検出」のままにします。
  3. 「テーマ」ドロップダウンからシンタックスハイライトのテーマを選択します。
  4. 背景スウォッチをクリックしてグラデーションや色を設定します。
  5. 余白、ウィンドウスタイル、フォントサイズ、行番号を調整します。
  6. ファイル名を入力します(ダウンロード時のPNGファイル名として使用されます)。
  7. 「PNGをダウンロード」をクリックして2×解像度で画像を保存します。