画像トリミング

トリミングで画素に起きること

画像はマス目です。トリミングはそのマス目の長方形を1つ残し、残りを捨てます。そのためファイルは小さくなり、画像を表示する場所では被写体が大きく見えるようになります。枠の中は何も変わりません。4000ピクセルの写真から切り出した幅1200ピクセルの枠は、元の1200ピクセルのままで、くっきり具合も同じです。

リサイズは別の作業です。枠全体を残したまま、もっと小さなマス目に描き直します。このページでは両方を一度にできます。何を残すかは枠で決まり、それを何ピクセルで残すかは「最終的な幅」で決まります。この欄を空にしておけば、枠の実寸で保存されます。

どの形をどこに使うか

画像を表示する場所のほとんどは、すでに形が決まっています。別の形を渡すと向こうで勝手に切り抜かれ、たいていは誰かの額の真ん中で切られます。自分で形を選べば、何を切るかを自分で決められます。

リンクのカードは、画像を整えるだけでは足りません。ページの側でもその画像を宣言する必要があり、各SNSがどう表示するかはリンクプレビュー確認でわかります。

ここでファイルに起きること

1. ブラウザが画像を読み込み、カメラが記録した回転を適用します。そのため縦向きの写真はちゃんと縦に表示されます。
2. 回転と反転はその画像に適用されます。90度の回転は画素を移動するだけで描き直さないので、劣化はありません。
3. 枠は、ドラッグする、角や辺を引っぱる、位置と大きさをピクセルで入力する、のいずれかで配置します。枠を選んでいるときは、矢印キーで1ピクセルずつ、Shiftを押しながらなら10ピクセルずつ動かせます。
4. 「切り抜く」を押すと、枠の中の範囲が最終的なサイズでキャンバスに描かれ、選んだ形式でエンコードされます。

新しいファイルは画素だけから作られます。元のファイルのEXIFのブロック、GPSの位置、カメラの機種、埋め込みのサムネイルは残りません。最後のものは思った以上に大事です。ソフトによっては画像を切り抜いても古いサムネイルを残し、そこには消したつもりの部分がまだ写っています。

形式の選び方

画像を元の場所に戻すなら、「元の形式と同じ」が無難です。それ以外なら：

• WebP：ウェブサイトに載せるものすべてに。同じ見た目ならJPEGよりはっきり小さく、透明部分も保てます。
• JPEG：送り先がうるさいときに。2012年ごろのアップロードフォーム、印刷所、誰かの会社のパソコンに送るメールなどです。透明部分は白になります。
• PNG：スクリーンショット、ロゴ、平坦な色の図に。可逆圧縮なので、写真をPNGで保存すると何倍も重くなります。

JPEGとWebPなら、品質85から始めるのがよいでしょう。ファイルをできるだけ小さくしたいときやAVIFにしたいときは、ここでPNGとして切り抜き、その結果を画像圧縮にかけてください。そうすれば、画像の圧縮は1回だけで済みます。