WEBサイト制作

ホームページのスライドショーは何pxが最適?PCとスマホサイズをまとめてみた

2020年6月22日

スライドショーのサイズ

悩んでいる人
「スライド画像のサイズって、何pxが最適なの?」

 

ホームページのスライド画像って、パソコンとスマホを同じサイズにしていませんか?

現在では、ホームページの作成は手軽な存在となりました。

ワードプレスは、誰でもホームページが作成できる便利なツールです。

 

 

しかし、素人はスライドショーの最適な画像サイズを知りません。

じつは、パソコンとスマホは画像サイズを分けた方が良いんですよ。

 

 

なぜなら、スマホは縦長の画面です。

そのため、パソコンと同じサイズだと

画面表示したときに小さくなってしまうからです。

 

WordPressのスライドショーに最適な画像サイズについて説明します。

今回は、『Linghtning Pro』というワードプレステーマを使います。

 

パソコン用のスライド画像サイズ

『Linghtning Pro』をテーマとして使用する場合、

スライドショーの推奨サイズは、1900px×600pxです。

横が1900pxなので、ほぼ画面いっぱいに見せるサイズになっています。

 

モバイル用のスライド画像サイズ

モバイル用の場合、『Linghtning Pro』では

特に指定されているサイズはありません。

 

私の場合は、510px×340pxをオススメしています。

パソコンサイズに使用していた横長の長方形から

横幅をかなり短くして四角に近づけることで、

モバイルでは見やすいサイズになります。

 

まとめ

この様にパソコンとスマホは画像サイズを分けた方が良いでしょう。

スマホは縦長の画面なのでパソコンと同じサイズだと

表示されたときに小さくなってしまうからです。

 

 

それでは、また!

  • この記事を書いた人

アラフォーフリーランサーすぎにい

どうも!アラフォーフリーランサーすぎにいです。 サイト管理人について詳しく知りたい方はこちら。

おすすめ記事

オーディブル 1

あなたは最近、読書をしていますか? 『読書したいけど、集中力がないから読めない』 『そもそも本を読むのが苦手や~』 という方もいらっしゃるでしょう。   実を言うと、私も集中力がないので、読 ...

2

「給料が少なくて、いつも金欠状態、家族にも贅沢をさせてやれない。」 「何か副業をして、今の経済状況を早く改善したい。」 そんな感じで、副業に興味を持った方も多いですよね?     ...

ワードプレスでブログ 3

「ワードプレスは、アメブロやライブドアブログよりも検索に強い。」 「ブログはワードプレス一択でしょ!」 と言われても、ブログ初心者にとってはハードルが高いですよね?     私は2 ...

-WEBサイト制作

Copyright© すぎにい公式ブログ | 初心者フリーランス講座 , 2020 All Rights Reserved.