見出し画像

LPのような長いWebページを1枚の画像で保存したい時、Vivaldiブラウザなら超簡単にできます!

LPのような縦に長いWebページを画像として保存したい時、皆さんはどうしてますか?

「Chromeの拡張機能を使ってるよー」という方もいらっしゃると思います。

しかし、拡張機能の中には、キャプチャできるページの最大の長さが決まっていたりして、上手くキャプチャできないことがあります( ;∀;)

そんな時、Vivaldiというブラウザを使うと、なんと標準の機能でページのキャプチャが可能です!!

スクリーンショット 2020-10-10 18.05.17

以下のページからVivaldiをダウンロードできます。

Vivaldiを起動すると、右下に「ページキャプチャ」のアイコンがあります。

それをクリックして、「ページ全体」を選択して「キャプチャ」を押せば、そのWebページを画像として保存できます。

この機能を使うと、以下のような長〜いLPでも1枚の画像として保存できちゃいます!

ファイルサイズを小さくするには?

また、保存される画像のファイルサイズは大きくなりがちです。そうなると、画像のプレビューをした時に、読み込みが遅くなってしまいます。

ファイルサイズを軽くするために、以下のことをしましょう。

・JPEGで保存
・画像サイズを小さくする

LPのような長いWebページは「JPEGで保存」したほうが良いです。(画像ファイルサイズが小さくなります)

スクリーンショット 2020-10-10 18.38.58

Vivaldiでキャプチャする際に、「PNGで保存」するか「JPEGで保存」するか選択できるので、「JPEGで保存」を選択しましょう。

画像サイズを小さくするには、Macだと「プレビュー」を使って画像サイズを変更するのが簡単です。

スクリーンショット 2020-10-10 18.41.15

サイズを調整する画像を「プレビュー」で開き、
ツール」→「サイズを調整...」を選択します。

スクリーンショット 2020-10-10 18.42.38

高さ」の数値を半分くらいにすると良いでしょう。

これで、LPのような長いWebページでも、簡単に画像として保存できますので、皆さんも是非試してみてください!

追伸

LP、ホームページ、アプリが必要な方、
デザイナーやエンジニアが必要な方へ

Webデザインのお仕事やエンジニアリングに関するお仕事の相談、お問い合わせはこちら↓
https://forms.gle/fdTxhbSED7sb1b3E8

チャットによる相談も受け付けていますので、お気軽にご相談ください。
(こちらはChatworkのアカウントが必要となります)
https://chatwork.com/take_webdesigner

『LINEでも情報を発信しています』
Webデザイン、エンジニアに関する情報を発信しています。
@558jolwa
でID検索!
以下のURLからも追加できます✨
https://lin.ee/uCzFcYr

この記事が気に入ったらサポートをしてみませんか?