Githubに貼る画像サイズを簡単にいい感じにしたい

はじめに

Githubに画像を添付するときデフォルトだと必要以上に大きく表示されてしまう。

<img>タグを使うことで幅を指定するのが良いが、毎回手作業でやるのはめんどい。

+ <img src="{画像URL}" width="50%" />
- ![iPhone 13_2022-02-06 15:27:44 085500]({画像URL})

```text

![SCR-20220206-mta](/images/SCR-20220206-mta.png)

# 画像を貼り付けたときの形式

Githubの更新で形式が変わる場合があるようですが、記事の更新地点では以下のような感じでした👀
pngとそれ以外で変わるようです。

## pngの場合

```text
<img width="1162" alt="SCR-20230502-nedr" src="https://github.com/Riscait/zenn-content/assets/90010509/b0a57ed6-06ac-45b3-9b43-41b5757658d6">

```text

## png以外の場合

```text
![SCR-20230502-nfok](https://github.com/Riscait/zenn-content/assets/90010509/587c3a15-20b8-43de-81ef-3aa1ffd37ec3)

```text

# 拡張機能でReplace

Find & Replace for Text Editingを使うと正規表現で貼り付けた画像を見つけて、imgタグで囲った状態に置換できます

1. 拡張機能をChromeに追加

<https://chromewebstore.google.com/detail/find-replace-for-text-edi/mogefjlnnldblkakpbakdaffphhjfjba>

2. 以下のように設定

![2023-05-24-23-15-46](/images/2023-05-24-23-15-46.png)

```text:コピペ用
(?:<img.*"(http.*?)">)|(?:!\[.*\]\((https.*?)\))

```text

```text:コピペ用
<img src="$1$2" width="50%" />

1. Replaceボタンで一括変換できる！

pngでもそうでなくても機能するようにした結果、正規表現が複雑です😅
もっといい正規表現があったらコメントで教えていただけると嬉しいです👍