40px
14px

このツールについて

このコードスクリーンショットツールは、コードスニペットをウィンドウ枠、グラデーション背景、ダークまたはライトテーマ付きの共有しやすい画像にし、PNG でダウンロードしたりクリップボードにコピーしたりできます。

使い方

  1. コードを貼り付けます。
  2. 背景、ダーク・ライトテーマ、余白、フォントサイズを選び、必要に応じてタイトルを追加します。
  3. プレビューを確認します。
  4. PNG をダウンロードするか、画像をクリップボードにコピーします。

知っておきたいこと

  • 背景は Purple、Pink、Blue、Green、Sunset、Soft、Dark、White の 8 種類から選べます。
  • 余白とフォントサイズを調整できるので、X や LinkedIn の投稿、スライドに合わせた画像を作れます。
  • コードは等幅フォントで表示され、シンタックスの色分けはされません。
  • 画像はブラウザ内で作成されるため、コードがアップロードされることはありません。

すべてブラウザ内で動作します。入力した内容がアップロード・保存されることはありません。

よくある質問

シンタックスハイライトは付きますか?

いいえ。コードは選んだテーマ上に単色で表示されます。コントラストはダークまたはライトテーマで調整してください。

Carbon とは何が違いますか?

背景の上に枠付きのコード画像を載せるという似た結果を、アカウントなしで得られます。しかもすべてブラウザ内でローカルに処理されます。

どの画像形式で出力されますか?

PNG ファイルです。ブラウザが対応していれば、画像をクリップボードにコピーすることもできます。

コードはアップロードされますか?

いいえ。スクリーンショットはすべてブラウザ内で作成されます。