Masterpiece
解決済みMASTERPIECEのトップ画面の画像サイズ
トップ画面の画像サイズって、きれいに収まるためには縦横どのサイズにすればいいんでしょうか？小さすぎたり、大きすぎたりして表示がうまくいきませんので、どなたか教えて頂ければ嬉しいです。
ご質問ありがとうございます。
現状がどうなっていて、きれいに収まるというのが具体的にどういう状態かをお知らせいただけると具体的にアドバイスが可能になるかと思います。よろしくお願いいたします。
回答が 2件あります
ご返事ありがとうございます。
現状についてです。
トップ画面の画像用に小さいサイズの画像を選択すると、余白が生まれ、大きいサイズの画像を選択すると表示されなくなります。余白がない形でぴったりと収まる縦横サイズなどのサイズ感が分かれば指定した形でできますが、分からないので困っております。
ショップURLはございますか？
ショップURLは以下です。
宜しくお願いします。トップ画面に画像を入れてみましたが、余白が生まれてしまいます。
余白がでないように大きいサイズの画像をいれると逆に画像が入らずに表示されなくなります。
URL
https://northhakusan.thebase.in/
利用されているのは600x600ピクセルの正方形ですね。
https://base-ec2.akamaized.net/images/user/template/northhakusan/image-MainVisual1_5d97e3ab855a2.jpg600というのは一般的に見ても小さすぎるかと思いますので、画質を考えてもせめて倍はあったほうがよいかと思います。（Masterpieceの画像エリア幅は780なので最低それが必要です。）
>大きいサイズの画像をいれると逆に画像が入らず
少なくともPCでは正方形ではなく横長の比率であればうまくフィットします。
仮に正方形だとしても、ご存知の通り、レスポンシブデザインではPC、タブレット、スマホなどあらゆる縦横比の画面サイズに柔軟にレイアウトされるので、常に端から端までピッタリと表示するということは難しいかと思います。結論として、最低でも横幅で780px以上（PCで最適化するなら横長比率で）の画像を用意してみてください。
