フロントの人の雑多メモ

【iOS17】iPhoneでWebページ全体のスクショを写真に保存する方法

【iOS17】iPhoneでWebページ全体のスクショを写真に保存する方法

今までも、iPhoneでWebページ全体のスクリーンショットを撮ることはできたのですが、PDFで保存することしかできませんでした。

しかしiOS17の新機能として、Webページ全体のスクリーンショットを画像として写真に保存することができるようになったので、その方法をご紹介します。

やり方

まずは普通にスクショを撮り、左下のプレビューをタップします。

普通にスクショを撮ると左下に表示されるプレビュー

スクショの撮り方は、FaceID機種ならロックボタン + 音量大
ホームボタン機種ならロックボタン + ホームボタン同時押しです。

編集画面が開くので、 右上の「フルページ」をタップします。

スクリーンショットの編集画面で

すると右側にページ全体が表示されるのですが...

ページ全体のスクリーンショットが表示される

ちょっとハプニングで、パララックス要素 (スクロールするとふわっと出てくる要素) が写っていません。

こうなってしまう場合、ページの一番下でスクリーンショットを撮りましょう。

iPhone Webサイトの一番下でスクリーンショットを撮る

今度は正しくページ全体が表示されました。

ページ全体のスクリーンショット

最後に左上の「完了」から「"写真"に保存」をタップします。

Webページ全体のスクリーンショットを写真に保存

カメラロールを確認すると、Webページ全体のスクショが保存されているはずです。
(長いので一部省略)

カメラロールに保存されたWebページ全体のスクリーンショット

今回、私が制作させていただいている さかもとこのみさん のサイトを例に紹介させていただきました。 (本人承諾済み)

コメント

内容を確認の上、個人情報などは省いて掲載させていただきます。

直接送信されます。確認の上、「送信」してください。

シェア

Twitterでシェア Facebookでシェア LINEでシェア はてなブックマークでシェア