MASTERPIECEのトップ画面の画像サイズ

質問一覧Category: MasterpieceMASTERPIECEのトップ画面の画像サイズ
Koujisankoujisan asked 2週間 ago

トップ画面の画像サイズって、きれいに収まるためには縦横どのサイズにすればいいんでしょうか?小さすぎたり、大きすぎたりして表示がうまくいきませんので、どなたか教えて頂ければ嬉しいです。

BaseadminBaseDesignInfo Staff replied 2週間 ago

ご質問ありがとうございます。
現状がどうなっていて、きれいに収まるというのが具体的にどういう状態かをお知らせいただけると具体的にアドバイスが可能になるかと思います。よろしくお願いいたします。

2 Answers
Koujisankoujisan answered 2週間 ago

ご返事ありがとうございます。
現状についてです。
トップ画面の画像用に小さいサイズの画像を選択すると、余白が生まれ、大きいサイズの画像を選択すると表示されなくなります。余白がない形でぴったりと収まる縦横サイズなどのサイズ感が分かれば指定した形でできますが、分からないので困っております。

BaseadminBaseDesignInfo Staff replied 2週間 ago

ショップURLはございますか?

Koujisankoujisan answered 2週間 ago

ショップURLは以下です。
宜しくお願いします。トップ画面に画像を入れてみましたが、余白が生まれてしまいます。
余白がでないように大きいサイズの画像をいれると逆に画像が入らずに表示されなくなります。
URL
https://northhakusan.thebase.in/

BaseadminBaseDesignInfo Staff replied 2週間 ago

利用されているのは600×600ピクセルの正方形ですね。
https://base-ec2.akamaized.net/images/user/template/northhakusan/image-MainVisual1_5d97e3ab855a2.jpg

600というのは一般的に見ても小さすぎるかと思いますので、画質を考えてもせめて倍はあったほうがよいかと思います。(Masterpieceの画像エリア幅は780なので最低それが必要です。)

>大きいサイズの画像をいれると逆に画像が入らず

少なくともPCでは正方形ではなく横長の比率であればうまくフィットします。
仮に正方形だとしても、ご存知の通り、レスポンシブデザインではPC、タブレット、スマホなどあらゆる縦横比の画面サイズに柔軟にレイアウトされるので、常に端から端までピッタリと表示するということは難しいかと思います。

結論として、最低でも横幅で780px以上(PCで最適化するなら横長比率で)の画像を用意してみてください。