開発者にスクリーンショットを共有する方法 — 圧縮でぼやけた画像を送らないために

バグ、レイアウトの崩れ、デザイン案——10分かけて完璧なスクリーンショットを撮り、それをSlackに貼り付けたり、メールに添付したりする。ところが開発者が開いたときには、画像はぼんやりとして粗く、いちばん見てほしかった細部が消えている。

これは、プロダクトやデザインの現場で週に何十回も起きている、小さな摩擦のひとつです。そして解決策は、多くの人が思っているよりずっとシンプルです。

なぜ送信中にスクリーンショットがぼやけるのか#

ほとんどのメッセージアプリやメールクライアントは、画像をフル解像度で送信しません。通信量やストレージのコストを抑えるため、自動的に——ときにはかなり強めに——圧縮します。Slack、Teams、Gmail、WhatsApp、どれも同じです。

その結果、シャープな2倍解像度（Retina）のスクリーンショットが、読み取れないほど濁った画像になってしまいます。小さな文字、密集したUIコンポーネント、微妙な見た目の違いを指摘したいときは特に深刻です。

開発者とやり取りする場面では、これが大きな問題になります。ボタンがどこでずれているのか、エラーメッセージに何と書かれているのか、どの要素がおかしな挙動をしているのかが明確に伝わらなければ、「そもそも何が問題なのか」を確認するだけで何往復もやり取りすることになります。

ファイル添付でも完全には解決しない#

すぐ思いつく回避策は、インラインで貼り付けるのではなく添付ファイルとして送ることです。たいていの場合はこちらのほうが良い結果になりますが、別の問題も生まれます。

メール添付にはサイズ制限があります。企業のメールシステムでは添付ファイルが削除されたり隔離されたりすることもあります。社外の相手に送る場合は、ファイルをダウンロードし、別のアプリで開き、どのバージョンの話なのかを確認する——という手間で時間がかかりがちです。

本当に必要なのは、圧縮されないフル解像度の画像を即座に共有でき、相手がフォルダを探したり何かをダウンロードしたりしなくて済む方法です。

開発者にスクリーンショットを共有する最もシンプルな手順#

実際の現場で機能するワークフローはこうです。

1. スクリーンショットをPNGまたはJPEGファイルとして保存する。 チャット画面に直接貼り付けないこと。まず保存します。Macなら Command+Shift+4 で自動的にデスクトップに保存されます。Windowsなら Snipping Tool や Win+Shift+S でクリップボードに取り込み、画像編集アプリに貼り付けて書き出します。

2. ファイルをアップロードして直接リンクを取得する。 ここで多くの人がつまずきます。Google DriveやDropboxを開き、フォルダを選び、共有権限を設定し、結局は閲覧にログインが必要なリンクを送ってしまう。代わりに share-pics.com にアップロードすれば、数秒でプライベートなリンクが手に入り、そのまま送るだけです。アカウント登録も、権限設定の調整も不要です。

3. 画像ではなくリンクを送る。 Slack、メール、その他どこでもリンクを貼るだけ。開発者はクリックしてブラウザでフル解像度の画像を見られ、劣化なしで拡大できます。

4. リンクを期限切れにする。 スクリーンショットには、社内ツールや未公開機能など、見せたくないUIが写っていることも少なくありません。24時間や数日で失効するリンクなら、その画像がインターネット上に残り続けることはありません。業務関連の共有では、これが妥当な初期設定です。

画像フォーマットはどうする？#

Macを使っているなら、スクリーンショットは既定でPNGとして保存されます。PNGは可逆圧縮なので、スクリーンショットに最適です。文字もUI要素もシャープなまま保たれます。

共有前にスクリーンショットをJPEGに変換したい場合——たとえばツール側にファイルサイズ制限があるときなど——は、画像コンバーターを使えば、PNGからJPEGへ必要以上に画質を落とさずに変換できます。ただしJPEGは圧縮によるノイズが出るため、文字を含むスクリーンショットではPNGのほうが基本的に適しています。

特に効果が大きい場面#

このワークフローが最も効くのは、次のような状況です。

• バグ報告。 開発者は画面に何が表示されているかを正確に見る必要があります。圧縮はその細部を隠してしまいます。
• デザインレビュー。 コンポーネントの2つの状態の1ピクセル差は、圧縮画像ではまったく見えません。
• クライアントへの納品。 モックアップや成果物を、意図したとおりの見た目で見てもらう必要があります。
• リモートチーム。 隣の席から画面を覗き込めない環境では、画像の鮮明さがコミュニケーションのすべてになります。

身につけておきたいシンプルな習慣#

メッセージに直接貼り付ける代わりに、アップロードしてリンクを共有する——その追加の30秒が、確認のやり取りにかかる時間を何倍も節約してくれます。そして受け取った側の開発者も、きっと感謝してくれるはずです。

次にスクリーンショットを共有するときは、share-pics.com を試してみてください。画像をアップロードし、リンクをコピーして送るだけ。アカウント不要、設定不要、圧縮なしです。