<p data-line="0" class="code-line">全く同じ場所でスクリーンショットを撮りたいときがある。</p>
<p data-line="2" class="code-line">同じものを撮るが一部の条件だけ (例えば <code>prefers-color-scheme: light</code> | <code>dark</code>) 変えて撮りたい場合などだ。同じものを撮るので 1px でもズレてほしくない。そういうときに Command+Shift+4 で範囲選択するのは至難の業だ。</p>
<p data-line="4" class="code-line">そんなときは <code>screencapture</code> コマンドが役に立つ。</p>
<div class="code-block-container"><pre class="language-console"><code class="language-console code-line" data-line="6">screencapture -x -R2250,1200,500,260 a.png
</code></pre></div><p data-line="10" class="code-line">使い方は <code>-R</code> に続けて X座標, Y座標, width, height だ。</p>
<table data-line="12" class="code-line">
<thead data-line="12" class="code-line">
<tr data-line="12" class="code-line">
<th>a.png</th>
<th>b.png</th>
</tr>
</thead>
<tbody data-line="14" class="code-line">
<tr data-line="14" class="code-line">
<td><img src="https://storage.googleapis.com/zenn-user-upload/84fddeb3f1df-20250203.png" loading="lazy" class="md-img"></td>
<td><img src="https://storage.googleapis.com/zenn-user-upload/bb59823ac9e9-20250203.png" loading="lazy" class="md-img"></td>
</tr>
</tbody>
</table>


全く同じ場所でスクリーンショットを撮る

Discussion