LoginSignup
6
5

More than 1 year has passed since last update.

VSCodeでクリップボードの画像をそのままMarkdownに貼り付ける

Posted at

VSCodeに下記のような設定を追加すると、クリップボードの画像をそのままMarkdownへペーストできるようになります(2023年4月時点)。

// settings.json
{
    "markdown.experimental.copyFiles.destination": {
        "**/*": "images/"
    },
    "editor.experimental.pasteActions.enabled": true,
}

実際にWindows上でペーストしてみると、次のような感じになりました。

![Alt text](images/image.png)
![Alt text](images/image-1.png)
![Alt text](images/image-2.png)

画像は自動で images フォルダ内に連番で保存されました。

サクッとスクリーンショット入りのドキュメントを書く際にとても便利な機能だと思います。
image.png

experimentalな設定なので将来的にどうなるかは不明ですが、もし使えなくなっても画像コピペは別ツールの ObsidianMarkText の同等機能で一応は代替可能です。

この機能は下記の質問で偶然知りました。

おまけ - 画像圧縮

Microsoftのlearn-imagesというVSCode拡張を使うと、フォルダ内の画像をまとめて縮小・圧縮できます。

コンテキストメニューにフォルダ内の画像を圧縮する項目が追加されます。

image.png

実行すると、巨大な画像をいい感じに縮小してくれます。

image.png

この拡張期のは Microsoft Learn の編集者向けツール vscode-docs-authoring の一つとして提供されているようです。

6
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
6
5