フロントの人の雑多メモ

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

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

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

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

やり方

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

コメント

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

お名前・メールアドレスも入力する

メールで返信がほしい場合に入力してください。

頂いた個人情報は開示しません。返信のためだけに利用いたします。

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

お役に立てましたら応援をお待ちしております!
頂いた応援は子育てに活用させていただきます。

OFUSEで応援を送る


または以下のボタンからなにか買って応援 (PR)

Amazon

楽天市場

Yahoo!ショッピング

Amazonのアソシエイトとして「けん」は適格販売により収入を得ています。

シェア

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

お役に立てましたら応援をお待ちしております!
頂いた応援は子育てに活用させていただきます。

OFUSEで応援を送る