ストアーズ（Stores）を活用してオンラインショップを運営する際、画像サイズの選択は非常に重要なポイントです。適切な画像サイズや形式で商品を魅力的に表示することで、お客様の興味を引き、売上を上げることができます。この記事では、ストアーズ（Stores）での画像サイズ選びのポイントや、画像サイズの確認方法、レイアウトやバナー設定について詳しくご紹介します。是非ご参考にして、ストアーズ（Stores）を活用して効果的なオンラインショップを作り上げましょう。
1. STORESで使う画像の適正サイズ
ネットショップを運営する上で、適切な画像サイズの選択は非常に重要です。STORESでは、以下のような画像サイズを推奨しています。
- 1.1 正方形 920×920
- 1.2 長方形（縦） 920×1104
- 1.3 長方形（横） 924×664
これらのサイズに合わせて画像を選ぶことで、商品を適切に表示することができます。また、使用できる画像形式はjpg/jpeg/png/gifで、容量は1枚につき5MBまでです。
画像を登録する際には、以下の手順に従ってください。
1. 画像のサイズを確認し、適した形式を選びます。
2. STORESでは、アイテム画像はアップロード時に自動的に正方形にリサイズされますが、途中で途切れる場合はサイズを確認してください。
3. Windowsを使用している場合は、画像を右クリックしてから「プロパティ」を選択し、「概要」タブを開き、「詳細設定」ボタンを押すことで、幅や高さのピクセル数などの詳細な情報を確認することができます。
4. 必要に応じて画像をリサイズすることも可能です。編集ソフトを使用すれば、パーセントで編集するだけでなく、サイズ値を指定してリサイズすることもできます。これにより、自分で撮影した写真をネットショップに適した形に合わせることができます。
5. スマホからでも画像の登録が可能です。例えば、iPhoneを使用している場合は、写真アプリからファイルアプリに画像を保存し、ファイルアプリで画像の情報を確認することができます。スマホでの商品画像のリサイズもアプリを使用すれば簡単に行うことができます。
適切な画像サイズを選ぶことで、STORESではネットショップの魅力を最大限に引き出し、売上を上げることができます。商品を実際に見ることができないオンライン販売の場合、画像が非常に重要ですので、注意して選びましょう。
2. 画像サイズの確認方法
画像のサイズを確認する方法についてご紹介します。Windowsとスマホ（iPhoneを例に）の場合の方法をそれぞれ説明します。
2.1 Windowsでの画像サイズの確認方法
Windowsで画像サイズを確認する手順は以下の通りです：
- 画像を右クリックしてから「プロパティ」を選択します。
- 「概要」タブを開き、「詳細設定」ボタンをクリックします。
- 画像の幅や高さなどの詳細情報が表示されます。
2.2 スマホでの画像サイズの確認方法（iPhoneを例に）
スマホ（iPhone）での画像サイズの確認方法は以下の通りです：
- 写真アプリからファイルアプリに画像を保存します。
- 写真アプリで保存した画像を選択し、長押ししてメニューを表示します。
- 「情報」を選択すると、ファイルサイズや縦横の大きさを確認できます。
画像サイズを確認した後は、必要に応じて編集ソフトを使用してリサイズすることもできます。自分で撮影した写真をネットショップに適した形に合わせるためには、パーセントで編集するだけでなく、サイズ値を指定してリサイズすることもできます。
画像のサイズを確認してからアップロードすることは、綺麗な画像を使用するために重要です。STORESではアイテム画像のアップロード時に自動的に正方形にリサイズされますが、画像が途中で途切れる場合は、サイズを再度確認することも大切です。
また、画像の内容によって拡張子との相性も影響するため、使用する形式も慎重に選ぶことをおすすめします。
さらに、最新のアプリを利用すればスマホからでも簡単に画像を登録することができます。以上の手順を参考にして、ネットショップのデザインに適した画像サイズを選びましょう。
3. レイアウト構成の設定
ストアーズでは、さまざまなレイアウト構成の設定が可能です。以下では、レイアウト構成に関する設定の詳細をご紹介します。
設定をしたレイアウト構成
ストアーズでは、以下のような設定が可能です。
- トップの画像
- ロゴの設定
- スライド画像（ギャラリー設定）
- 自己紹介文（コラム設定）
- キャンペーンバナー（バナー設定）
- 商品一覧（アイテム設定）
- カテゴリーのバナー設置（バナー設定）
ストアーズの無料テンプレートを活用しながら、これらの設定を最大限に活用することができます。さらに、高品質なデザインを作成するためには、良い写真素材も重要です。
パーツ編集での設定
ストアーズでは、パーツ編集を使用して各コンテンツの設定が可能です。具体的には、バナーの設定やギャラリーの設定が行えます。
バナーの設定
バナーの推奨サイズは横1880×縦360です。ショップ下部に配置している各カテゴリーバナーは、横1880×縦500で設定しています。
区切り線の設定を使用することで、コンテンツごとに線を引くことができ、見やすさを向上させることができます。ナビゲーションメニューや各カテゴリーバナーに区切り線を使用することが推奨されています。
ギャラリーの設定
ギャラリーでは最大5枚の画像の設定が可能です。推奨サイズは横940px×縦400pxです。特におすすめ商品をギャラリーで表示させることで、効果的なデザインを実現できます。
コラムの設定
コラムのテキストは最大300文字まで設定が可能で、写真を右か左に設定することができます。推奨サイズは横940px×縦400pxです。テキストだけでコンテンツを構成することも可能で、バリエーションが豊富になります。
アイテムの設定
アイテムでは、「すべて」を選択することで全商品を表示することができます。登録商品がすべて設定可能で、トップページには4列32商品、3列30商品まで表示することができます。その他にも新着やカテゴリー別に表示する、カスタマイズ設定（自由に商品を選べる）の選択ができ、最大6商品まで表示することができます。商品の並びのレイアウトは、パソコン表示の場合は4つずつの表示、スマホの場合は2つずつの表示が見やすいです。スマホの場合、1列の配置だと商品数が多くなりスクロールが増えるため、注意が必要です。
また、他の設定としては、動画設定、お知らせ、ランキング設定なども可能です。レイアウトの構成に合わせてワンランク上のデザインを作成してみてください。
以上がレイアウト構成の設定についての詳細です。ストアーズではさまざまな設定が可能ですので、自分のショップに合わせた最適なレイアウトを選択してください。
4. バナーの設定
バナーは、ストアのデザインにおいて重要な要素の一つです。バナーの設定方法や推奨サイズについて詳しく説明します。
推奨サイズ
- トップバナー：1枚バナー画像の推奨サイズは横1880×縦360です。バナータイトル画像も同じサイズにしてください。
- カテゴリーバナー：ショップ下部に配置している各カテゴリーバナーは横1880×縦500で設定しています。
設定方法
バナーの設定は、パーツ編集機能を使って行います。以下は、具体的な手順です。
- ログイン後、管理画面のメニューバーから「ストアデザイン」を選択します。
- 「パーツ編集」をクリックし、バナーの設定を開きます。
- 各バナーの設定項目を選択し、対応する画像をアップロードします。
バナーの活用方法
バナーは、ストアの魅力や商品の特徴を伝えるために活用できます。以下は、バナーの活用方法の一部です。
- トップバナー：ストアのトップページに設置することで、ストアの雰囲気やコンセプトを伝えることができます。
- カテゴリーバナー：各カテゴリーごとに設置することで、カテゴリーごとの特徴や商品をアピールできます。
バナーの設定には注意点もあります。例えば、トップバナーは推奨サイズに合わせることや、バナーの内容がストアのイメージやコンセプトと一致していることを確認しましょう。
バナーはストアの魅力を引き立てる重要な要素なので、ぜひ工夫して設定してみてください。
5. ギャラリーとアイテム画像比率
アイテム画像の比率によって、一覧ページやアイテムページでの見え方が異なることがあります。ギャラリーの設定方法とアイテム画像の比率について詳しく説明します。
ギャラリーの設定方法
ギャラリーは最大5枚の画像を設定することができます。おすすめの商品や特集したいアイテムをギャラリーに表示すると効果的です。以下はギャラリーの設定に関する詳細です。
- 推奨サイズ: 横940px×縦400px
- 設定可能枚数: 最大5枚
アイテム画像比率の変更
アイテム画像の比率を変更すると、一覧ページとアイテムページのすべてのアイテム画像に適用されます。以下はアイテム画像比率の変更に関する詳細です。
- 横比率を選択した場合: 横長のアイテム画像が表示されます。
- 縦比率を選択した場合: 縦長のアイテム画像が表示されます。
元画像の比率によって、一覧ページやアイテムページでの見え方が異なります。以下はそれぞれの比率での推奨画像サイズです。
- 正方形(1:1): 幅920px×高さ920px
- 縦:長方形(5:6): 幅920px×高さ1,104px
- 横:長方形(1.4:1): 幅924px×高さ660px
アイテム画像の比率を変更すると、過去に登録したアイテムにも変更が反映されます。意図しない見え方になってしまう場合には、お手数ですが推奨サイズにて改めて画像を登録し直してください。
アイテム画像はアップロード時に自動的に正方形にリサイズされますが、途切れてしまう場合や適切な表示ができていない場合は、サイズを確認してリサイズしてください。
アイテム画像の表示方法や比率は、ネットショップのイメージを大きく左右する要素です。ぜひ設定に工夫を凝らして、魅力的なショップデザインを作り上げましょう。
以上がギャラリーの設定方法とアイテム画像の比率に関する詳細情報です。ぜひ参考にしながら、ネットショップのデザインを最適化してください。
まとめ
画像サイズの適切な選択は、ネットショップの成功に不可欠な要素です。STORESでは、正方形や長方形の推奨サイズを提案しており、登録する際にはサイズの確認や必要に応じたリサイズが重要です。また、Windowsやスマホでも画像サイズの確認が可能ですので、それぞれの設定方法を覚えておきましょう。さらに、レイアウト構成の設定やバナーの活用方法にも工夫を凝らすことで、より魅力的なネットショップを作り上げることができます。正しい画像サイズの選択と豊富な機能を活用して、ネットショップの成功を目指しましょう。
よくある質問
Q1. STORESで使用する画像はどのようなサイズが適切ですか？
STORESでは、正方形の画像が920×920、縦長の画像が920×1104、横長の画像が924×664のサイズが推奨されています。
Q2. 画像のサイズはどのように確認すればよいですか？
Windowsの場合は、画像を右クリックして「プロパティ」を選択し、概要タブの詳細設定ボタンをクリックすることでサイズを確認できます。スマホ（iPhone）の場合は、写真アプリからファイルアプリに画像を保存し、「情報」を選択することで確認できます。
Q3. バナーの設定方法を教えてください。
バナーの設定は、STORESの管理画面のパーツ編集機能を使用して行います。具体的な手順は、メニューバーから「ストアデザイン」を選択し、「パーツ編集」をクリックしてバナーの設定を行います。
Q4. ギャラリーの設定方法とアイテム画像比率の変更方法を教えてください。
ギャラリーの設定は、最大5枚の画像を横940px×縦400pxの推奨サイズで設定します。アイテム画像の比率は、一覧ページとアイテムページでの見え方を変えるため、適切なサイズを設定する必要があります。詳細な設定方法はSTORESの管理画面のパーツ編集機能を使用して行えます。