MacでAndroidのスクロールスクリーンショットを作る方法

※本ページにはプロモーション(広告)が含まれています。
MacでAndroidのスクロールスクリーンショットを作る方法

MacでAndroidの長い画面を一枚にまとめたいけれど、どうやって撮ればいいか迷っている方は多いはずです。

この記事を読むと、Mac側の準備からAndroid端末の撮影まで、迷わず進められる実際に動くやり方が手に入ります。画像をきれいに1枚にするための簡単なコツや、よくあるつまずきの直し方までカバーするので、初心者でも短時間で満足いくスクロールスクリーンショットが撮れます。

項目内容
実体験に基づく具体的なやり方Macの環境設定とAndroidの撮影操作を順を追って分かりやすく説明します。
つまずきやすい箇所の直し方接続トラブルや画像のズレといった実際に遭遇しやすい問題への対処法を示します。
プログラマー視点の効率化ワザスクショを自動化したり画像品質を維持するための便利な裏ワザを紹介します。

準備は思ったよりも簡単ですぐに実行できますので、最初の数ステップだけ試してみれば撮れる感覚がつかめるはずです。

Android博士

緊張せずにやってみてくださいね。小さな一歩を積み重ねれば必ず上手くいきますし、途中で困ったら落ち着いて戻れば大丈夫です。

目次

MacでAndroid端末の本体スクロール機能を使って長い画面を一枚にする方法

MacでAndroid端末の本体スクロール機能を使って長い画面を一枚にする方法

Android端末の本体スクロール機能を使えば、長いウェブページやチャットの履歴を一枚の画像にまとめられます。特別なアプリを入れなくても端末だけで完結する場合が多く、手早く共有したいときにとても便利です。

流れはシンプルで、対象ページを開いてスクリーンショットを撮り、表示されたメニューでスクロールキャプチャやもっと見るを選んで必要な範囲まで延ばします。完成した長尺画像はUSB接続やクラウド、あるいはAirDroidやSnapdropなどのワイヤレス転送でMacに移すのがおすすめです。

端末だけで縦スクロールを一枚にまとめる実践パターン

端末だけで縦スクロールを一枚にまとめる実践パターン

端末だけで縦スクロールを一枚にまとめるときは、画面をきれいに整えるのが第一歩です。通知やキーボードを隠し、画面回転を固定しておくと余計な乱れが少なく、スクロールも安定します。

動的に読み込むコンテンツはスクロール速度に注意すると良いです。ゆっくり少しずつ延ばしていき、読み込みが追いつかないときは一時停止してから続けると、欠けや重複の少ない長尺画像が作れます。

Androidでキャプチャしたいページを開く

手順
対象ページを表示する

ブラウザやアプリでキャプチャしたいページを開き、画像にしたい範囲が画面上にあることを確認します。読み込みが終わるまで待ちます。

手順
画面を整える

キーボードと通知を閉じ、画面の向きを縦に固定します。余計なオーバーレイがある場合は事前に消しておくと仕上がりがきれいになります。

端末で電源+音量小を同時に押してスクリーンショットを撮り、表示されたスクリーンショットのメニューでスクロールキャプチャやもっと見るをタップする

手順
スクリーンショットを撮る

端末で電源+音量小を同時に押してスクリーンショットを撮ります。機種によってはジェスチャーやサイドキーの組み合わせが異なることがあります。

手順
スクロールキャプチャを選ぶ

撮影後に画面下や右上に表示されるサムネイルやメニューでスクロールキャプチャやもっと見るをタップします。機種によって呼び名が違うので注意してください。

必要な範囲までスクロールを続けて完了ボタンを押し、生成された長尺画像を確認してAirDropやUSB経由でMacに転送する

手順
範囲を延ばして完了する

スクロールを繰り返して必要な範囲まで延ばし、完了または保存ボタンを押して長尺画像を生成します。スクロールはゆっくり行うと安定します。

手順
Macへ転送する

生成された画像はUSBで接続してAndroid File Transferなどでコピーするか、クラウドやAirDroidやSnapdropを使ってワイヤレス転送でMacに移します。AirDropはAndroidからは使えないので注意してください。

Macでscrcpyを使ってAndroid画面を操作し連続キャプチャを作る方法

Macでscrcpyを使ってAndroid画面を操作し連続キャプチャを作る方法

MacからAndroidの長い画面を一枚画像にまとめたい場面はよくあります。スクロール部分をつなげて保存したいとき、端末だけで完結できないこともあります。そこでMac上で端末画面を操作できるscrcpyを使う手が便利です。

  1. scrcpyで画面をミラーして手動でスクロールしながら複数撮影して後で結合する。
  2. adbで端末から連続スクリーンショットを取得して画像処理でつなげる。
  3. 端末本体のスクロールキャプチャ機能で一発生成する。

ここでは実体験に基づいて1番目の方法を中心に手順とちょっとしたコツを丁寧に伝えます。初心者でも迷わないように準備から結合まで順を追って説明します。

scrcpyで画面をミラーしてMacで部分的に連続撮影する実践パターン

scrcpyで画面をミラーしてMacで部分的に連続撮影する実践パターン

scrcpyで画面をミラーしながら部分的に連続撮影するパターンは扱いやすく再現性が高いです。ウィンドウ内でドラッグしてスクロールしつつMacのスクリーンショットを順に撮っていき、重なり部分を残しておくと結合が楽になります。

Android博士

最初はゆっくりスクロールして重なりを確認してみてください。慌てずやれば必ずうまくいきますよ。

Macでターミナルを開きscrcpyを起動してAndroid画面をミラー表示する

手順
端末の準備

USBでMacに接続し開発者向けオプションのUSBデバッグを許可します。

手順
ターミナルで起動

ターミナルを開きscrcpyを実行してミラー表示を確認します。接続が複数ある場合はデバイスを指定します。

手順
ウィンドウ調整

必要ならオプションで解像度を制限してウィンドウサイズを揃えます。解像度を小さくすると撮影と処理が軽くなります。

mirrored window上で指の代わりにscrcpyでスクロールしながらMacのスクリーンショット(Shift-Command-4)で必要箇所を順に撮る

手順
スクロール操作

mirrored window内をドラッグして画面をスクロールします。マウスドラッグは実機の指操作に相当します。

手順
スクリーンショット撮影

MacのショートカットShiftとCommandと4を同時押しで範囲選択し必要箇所を連続で撮ります。各ショットは少し重なりを作ります。

手順
撮影のコツ

重なりは約10%から20%が目安です。スクロール速度は一定にして撮影間隔を保つと後処理が楽になります。

撮った複数画像をMacのPreviewで開き縦に並べて位置を合わせて結合保存する

手順
画像を読み込む

撮った画像をPreviewで全て開きサムネイル表示にします。

手順
新規ファイルに貼り付け

一枚目を基準にコピーして新規書類に貼り付け上から順に縦に並べて位置を微調整します。

手順
書き出し

位置を確認したら書き出しで一枚の画像として保存します。必要なら拡大してピクセル単位で合わせます。

MacでadbとImageMagickを使って自動でスクロールし連番を結合する方法

MacでadbとImageMagickを使って自動でスクロールし連番を結合する方法

MacでadbとImageMagickを組み合わせるとAndroidの長い画面を一枚にまとめられます。ターミナルを少し触るだけで自動スクロール、連番保存、結合まで手早く行えます。

ここで紹介する流れは端末側で連続キャプチャを取り、Macに取り出して縦に結合する流れです。実際に使うコマンドや調整ポイントを具体的に示します。

エンジニア視点のコツとしてスワイプ幅と待ち時間は端末ごとに少しずつ調整してください。連番の命名規則は厳密にすると結合時のトラブルが減ります。

adbで連続キャプチャを取りImageMagickで縦に結合する実践パターン

adbで連続キャプチャを取りImageMagickで縦に結合する実践パターン

実践パターンはまずadbでscreencapをループ実行して連番を保存します。次にadb shell input swipeで自動的にスクロールしながら撮影を続けます。

終わったらadb pullでまとめてMacに取り出し、ImageMagickのmagickコマンドで縦に結合します。簡単なシェルでワンコマンド化しておくと操作が楽になります。

Macのターミナルでadb shell screencapコマンドを繰り返し実行し、adb shell input swipeで画面を自動スクロールしつつ連番で保存する

手順
連番スクショを保存

adb shell screencap -p /sdcard/shot001.png のように連番を付けてループで保存します。ファイル名をゼロ埋めしておくと並びが安定します。

手順
自動スクロールを組み合わせる

adb shell input swipe 500 1600 500 400 300 のようにスワイプを送ってスクロールします。座標と待ち時間を調整して重なりが少ない位置を探してください。

手順
待ち時間と確認

各ループにsleep 0.6などを入れて画面描画を待ち、スクリーンショットのつなぎ目を都度確認します。重複がある場合はスクロール量を微調整してください。

adb pullで端末から連番スクショをMacに取り出し、ImageMagickのmagick convert +appendで縦に結合して一枚の画像にする

項目内容
adb pullで取得adb pull /sdcard/shot*.png ./shots でまとめてMacにコピーします。
縦結合コマンドImageMagickは縦結合に-appendオプションを使います。magick convert -append shot001.png shot002.png output.png の順で実行してください。
仕上げの調整必要ならmogrify -trimで余白を削除したり、convertでリサイズしてつなぎ目を整えます。

応用 Macで作ったAndroidスクロール画像を見やすく整えるやり方

応用 Macで作ったAndroidスクロール画像を見やすく整えるやり方

長いスクロール画像はそのままだと余白や解像度の違いで見づらくなることがあります。まずはトリミングで左右の不要部分を揃え、注釈を追加して見やすさを高めてから共有用にリサイズや形式変換を行うのが実務でよく使う流れです。ここではMac上で迷わずできる実践的なコツを分かりやすく伝えます。

  • 左右をトリミングして表示幅をそろえる
  • プレビューで吹き出しや矢印を入れて注釈を付ける
  • sipsで一括リサイズやPNG/JPEG変換をして共有用に書き出す

トリミングと余白調整で表示範囲を揃えるパターン

トリミングと余白調整で表示範囲を揃えるパターン

トリミングと余白調整は最も手早く見た目を整える方法です。画像ごとに幅が揃っていないと結合後に不自然に見えるので、まずは同じ幅に揃えることを優先してください。

実務的なコツとしては元ファイルを複製してから編集することと、プレビューの選択範囲でピクセルの端を合わせて切り取ることです。複数画像を同じ基準で切ると後で並べたときに違和感が出ません。

Previewで結合画像を開き矩形選択で左右の不要な部分を切り取り余白を整えて保存する

手順
画像を複製してPreviewで開く

元画像は必ず複製してから作業します。Previewで画像を開くとマークアップや選択ツールが使えます。

手順
矩形選択で左右の不要部分を切り取る

マークアップの矩形選択で左右の余分を選びます。選択範囲の端が他の画像と揃うように注意してください。

手順
トリミングして余白を整え保存する

Toolsのトリミングやメニューの切り取りで確定します。書き出しは別名で保存して元ファイルを残してください。

注釈追加と共有形式に変換するパターン

注釈追加と共有形式に変換するパターン

注釈を付けると情報の伝わりやすさが大きく上がります。プレビューのマークアップツールで吹き出しや矢印を入れて重要箇所を示すと、スクリーンショットだけでは分かりにくい流れが伝わりやすくなります。

共有形式は用途で選びます。透明部分を残したいならPNG、ファイルサイズ優先ならJPEGを選んでください。複数ファイルの一括変換やリサイズはターミナルのsipsコマンドが手早く便利です。

PreviewやMacのプレビュー機能で吹き出しや矢印を追加し、sipsコマンドでリサイズやPNG/JPEG変換を行って共有用に書き出す

手順
プレビューで注釈を追加する

プレビューのマークアップを開き吹き出しや矢印で説明を付けます。テキストのフォントや色を揃えると見た目がすっきりします。

手順
書き出しで形式を選ぶ

メニューの書き出しでPNGやJPEGを選びます。PNGは画質と透明性重視、JPEGは容量優先のときに使ってください。

手順
sipsでリサイズや変換を行う

多数ファイルをまとめて処理する場合はsipsを使うと効率的です。幅を指定してリサイズしたりフォーマットを変えて共有用にまとめて書き出せます。

よくある質問

よくある質問
MacだけでAndroidのスクロールスクリーンショットを一枚にできますか

端末本体に長尺スクリーンショット機能があれば、それを使ってからMacへ転送するのがもっとも手軽です。端末に長尺機能がない場合はスクロールしながら複数撮ってから結合する方法が現実的です。

USBデバッグは必要ですか

adbやscrcpyで端末操作や画像取得を行うときはUSBデバッグをオンにしてください。無線adbも使えますが同一ネットワークや事前設定が必要になります。

ウェブページだけなら全体を一枚で保存できますか

はい。Chromeのデベロッパーツールを使えば、リモートデバイス接続中にフルページのスクリーンショットを取得できます。ページ全体をそのまま画像にできるので簡単に済ませられます。

画像のつなぎ合わせはどうするのがいいですか

手軽なのは端末向けの自動つなぎアプリLongShotやStitch&Shareを使う方法です。エンジニア寄りの手順ではadbで連続スクショを取得してImageMagickのコマンドで縦連結するスクリプトを用意すると正確に仕上がります。

デバイスがMacで認識されないときはどうすればいいですか

まずケーブルを交換して端末側がファイル転送モードになっているかを確認してください。Mac側でadbが古いと認識しないことがあるのでHomebrewで更新し、端末の接続許可ダイアログを必ず承認してください。

機密コンテンツやDRMで保護された画面は撮影できますか

一部のアプリや動画はセキュリティ設定でスクリーンショットが無効になります。そうした場合に撮影を回避することは推奨されないため、正当な許可がない限り撮影は行わないでください。

まとめ

まとめ

最後まで読んでくれてありがとう。MacでAndroid端末の長い画面を一枚にまとめる方法は、大きく分けて端末本体のスクロール機能を使う方法と、MacからADBで操作してキャプチャをつなげる方法の2つがあります。日常の保存なら本体機能で十分で、細かい調整や高画質が必要なときはADB経由が頼りになります。

ADBを使う場合はadb screencapで連続取得してImageMagickのconvertやappendで縦につなげると仕上がりがきれいです。撮る前にUSBデバッグの有効化と端末の画面回転を固定しておくと手間が減ります。まずは短いページで試して自分に合う方法を見つけてください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次