Conceptでは、画像サイズに厳密なルールはなく、任意のサイズを選択できます。ただし、最適な表示のために、この記事ではサイトに完璧に表示される画像サイズを推奨します。
このページでは
さまざまなセクションとブロックの画像サイズ
Conceptで最適な結果を達成するには、以下の表で詳しく説明されているように、さまざまなセクションにさまざまな画像サイズを使用することをお勧めします。
画像の場所 画像サイズ ヘッダーグループ プロモーションイメージ プロモーション画像はメガメニューセクションにあります。
デスクトップとモバイルデバイスの両方に推奨される画像サイズは、選択したアスペクト比によって異なります。
- 画像に適応- 画像の比率を維持します
- 正方形- 少なくとも 2000 x 2000 ピクセル
- ポートレート- 少なくとも 2000 x 2500 ピクセル
- 風景- 少なくとも 2400 x 1600 ピクセル
- ワイド- 少なくとも 2400 x 1350 ピクセル
オーバーレイグループ ニュースレターのポップアップ画像 デスクトップとモバイルブラウザの両方の推奨サイズ: 1080 x 1080 ピクセル。 テンプレートグループ コラージュのブログ投稿 ブログ投稿の注目の画像を設定するには、 Shopify 管理ダッシュボードで[オンライン ストア] > [ブログ投稿]に移動します。次に、投稿をクリックし、右側の列で[注目の画像]ボックスを見つけて画像を追加します。
デスクトップとモバイルブラウザの両方で推奨されるサイズ: 1600 x 900 ピクセル。
カウントダウンタイマー 推奨サイズ:
- デスクトップブラウザ: 2200 x 1000 ピクセル。
- モバイルブラウザ: 1000 x 1167 ピクセル。
画像比較 デスクトップとモバイルブラウザの両方の推奨サイズ: 1800 x 1013 ピクセル。 見た目を良くする デスクトップとモバイルブラウザの両方の推奨サイズ: 1800 x 1191 ピクセル。 スライドショー 推奨サイズ:
- デスクトップブラウザ: 2200 x 980 ピクセル。
- モバイルブラウザ: 833 x 1000 ピクセル。
お客様の声のバナー デスクトップとモバイルブラウザの両方の推奨サイズ: 1800 x 1013 ピクセル。 商品の画像サイズ
Shopify 管理者ダッシュボードの[製品]タブから、画像付きの新しい製品を追加できます。これらの製品と画像は、 「 注目のコレクション 」 、 「 注目の製品 」 、 「 最近閲覧した製品」など、コンセプトWeb サイトの製品関連セクションに表示されます。
画像には 2000 x 2000 ピクセルのサイズを使用することをお勧めします。
これが、コンセプトテーマで使用される最適な画像サイズに関する推奨事項のすべてです。
同じセクション内の同様のブロック内の画像には一貫したサイズを適用する必要があることに注意することも重要です。たとえば、4 つの画像を含むスライドショー セクションを追加する場合、これら 4 つの画像が同じサイズであることを確認してください。
この記事がお役に立てば幸いです。この機能についてご質問やご不明な点がございましたら、お気軽に弊社チームのサポートまでお問い合わせください。
* 画像は非商業的な製品のデモンストレーションのみを目的として使用されており、このテーマの説明ドキュメントでの使用のみを目的としています。
"
Share:
Concept のカスタム Javascript イベント リスナーとトリガー
Concept テーマにカスタム フォントを追加する