適切な画像サイズを選択することは、視覚的に魅力的で読み込み速度の速いウェブサイトを維持するために不可欠です。適切なサイズの画像を使用することで、あらゆるデバイスでコンテンツが鮮明に表示されるだけでなく、ページのパフォーマンスも向上します。
このガイドでは、Pixpaの各セクションにおける推奨画像サイズについて概説し、歪みや不必要な拡大縮小なしに、画像がぴったり収まるようにアップロードする方法を説明します。これらのガイドラインに従うことで、一貫性のあるレイアウトを実現し、訪問者により快適な閲覧体験を提供できます。
Pixpaは、元の縦横比を維持しながら、最適な表示とパフォーマンスを確保するために、画像を自動的に拡大縮小します。
- 画像は最大2560×3840ピクセルの境界ボックスに収まるようにリサイズされます。
- 幅も高さもこれらの制限を超えてはならない。
- 画像の向きによっては、一方の寸法が小さくなる場合があります。
スケーリングの仕組み：
- 両方の条件が満たされるまで、画像は縮小されます。
- 幅が2560ピクセル以下
- 高さが3840ピクセル以下
推奨サイズ:
- 横向き表示の場合は、幅2560ピクセル以下の画像を使用してください。
- 縦向きの場合は、高さ3840ピクセル以下の画像を使用してください。
ここで扱われる内容：
- ウェブサイト ギャラリーの理想的な画像サイズ
- バナーの理想的な画像サイズ
- アイキャッチ画像の理想的な画像サイズ
- 商品画像の理想的な画像サイズ
- ブログ記事画像に最適な画像サイズ
- ページ ビルダー スニペットの画像サイズ
- ページ ビルダー リスト アイテムの画像サイズ
- クライアント ギャラリーの理想的な画像サイズ
- ギャラリーアプリに最適な画像サイズ
- GIF に最適なサイズ
- 画質と圧縮
- 画像のカラー プロファイル
- ウェブサイト画像の画像サイズ変更
- 画像のシャープネス
- 一括画像処理
ウェブサイト ギャラリーの理想的な画像サイズ
ギャラリーには、100%高画質の高解像度画像（1枚あたり最大50MB）をアップロードすることをお勧めします。ウェブサイトの読み込み速度を向上させるため、デバイスと解像度に応じて画像サイズを自動的に調整し、最適なサイズで配信します。
ウェブサイトでサポートされている画像ファイル形式は、JPG、JPEG、PNG、およびGIFです。
ウェブサイトには、お客様のオリジナル画像は保存されません。Pixpaは、元の縦横比を維持したまま、幅2560ピクセル、高さ3840ピクセル以内のサイズに画像を自動的に最適化します。より大きな画像をアップロードした場合、幅が2560ピクセル、高さが3840ピクセルを超えないように自動的に縮小されます。
画像は、元の縦横比を維持したまま、幅2560ピクセル、高さ3840ピクセル以内のサイズに自動的に最適化されます。ギャラリーグリッドレイアウトの場合、ウェブサイトの画像は選択したグリッドレイアウトに基づいて自動的に生成されます。
最適なパフォーマンスを実現するため、ウェブサイトギャラリー／ページギャラリーごとに許可される画像の最大数は500枚です。表示したい画像が500枚を超える場合は、複数のギャラリーを作成することを検討してください。
バナーの理想的な画像サイズ
バナー画像やカバー画像は、ページに華やかさを添えます。バナーはページの上部または下部に追加できます。
バナー画像の理想的なサイズは2000ピクセル×2000ピクセルです。
バナーに使用できる画像ファイル形式は、JPG、JPEG、PNG、GIFです。
アイキャッチ画像の理想的な画像サイズ
ページのアイキャッチ画像は、ソーシャルメディアでの共有に使用され、ページがフォルダに追加された場合にも使用されます。サムネイル画像には、100%品質の高解像度画像をアップロードすることをお勧めします。
特集画像でサポートされているファイル形式は、JPG、JPEG、およびGIFです。
アイキャッチ画像の推奨画像サイズはありません。 画像をアップロードすると、システムは自動的に画像のサイズを変更します。
商品画像の理想的な画像サイズ
ストアでは、最大200枚の商品画像を追加して商品を紹介できます。
対応している画像ファイル形式は、JPG、JPEG、PNGです。
理想的な商品画像のサイズは、約1000ピクセル×1000ピクセルです。
ブログ投稿画像の理想的な画像サイズ
100%高画質の高解像度画像をアップロードすることをお勧めします。ウェブサイトでサポートされている画像ファイル形式は、JPG、JPEG、PNG、GIFです。
ブログ記事には、お客様のオリジナル画像は保存しておりません。
ブログ記事の画像に最適なサイズは1200ピクセルです。これより大きいサイズの画像をアップロードした場合、幅が1200ピクセルに縮小されます。
最適なパフォーマンスを実現するため、ブログ記事ギャラリーごとに許可される画像の最大数は500枚です。
ページ ビルダー スニペットの画像サイズ
ドラッグ＆ドロップ式のページビルダーには、画像ベースのコンテンツスニペットが多数用意されています。理想的なサイズは以下のとおりです。
大きなサイズの画像は、自動的に次のサイズに縮小されるため、画像をトリミングする必要はありません。 サポートされているファイル形式は、JPG、JPEG、および PNG です。
- ブロックの背景画像 – 幅2560pxを使用してください
- 単一の画像スニペット – 幅2560pxを使用してください
- 2 列の画像スニペット – 幅1200pxを使用してください
- 3 列の画像スニペット – 幅750pxを使用してください
- 4 列の画像スニペット – 幅500pxを使用してください
対応画像の最大高さは3840ピクセルです。対応サイズを超える画像をアップロードした場合、元の縦横比を維持したまま自動的に縮小されます。
ページ ビルダー リスト アイテムの画像サイズ
ページビルダーには、画像リストやお客様の声など、画像をアップロードできる動的なリスト項目があります。
このようなセクションでは、画像のサイズは追加する列の数によって異なります。
- 単一画像リスト – 幅2560pxを使用してください
- 2列の画像リスト – 幅1200pxを使用してください
- 3列の画像リスト – 幅750pxを使用してください
- 4 列以下のイメージ リスト – 幅500pxを使用してください
サポートされている画像ファイルの最大サイズは20MBです。
クライアント ギャラリーの理想的な画像サイズ
クライアントギャラリーの場合、お客様のオリジナルファイルは保存されます。
ベーシックプランには 3 GB、クリエイタープランには 5 GB、プロフェッショナルプランには 25 GB、アドバンスプランにはオリジナルファイル（オンライン配信用）を保存するための 100 GB のスペースがあります。
さらにスペースが必要な場合は、 クライアント ギャラリー アドオン ウェブサイトの計画に。
以下の選択肢からお選びいただけます 20GBから無制限のクラウドストレージ容量 お客様のご要望に応じて、オリジナル画像を対応いたします。
こちらもご覧ください：オリジナルファイル用のスペースとは何ですか？
100%高品質のオリジナル高解像度画像（1枚あたり最大100MB）をアップロードすることをお勧めします。お客様のオリジナルファイルは一切変更せず、注文完了後、安全なリンクを通じてお客様に直接配信されます。画像の販売方法についてはこちらをご覧ください。
オリジナルの画像を使用して、複数の Web サイズのバージョンを作成します。これは、Web サイトでオリジナルのファイルを紹介する際に使用されます。 システムは、元のファイルから作成された Web サイズの画像にも圧縮設定を適用します。
最適なパフォーマンスを実現するため、アルバム内のクライアントギャラリーごとに許可される画像の最大数は1000枚です。表示したい画像が1000枚を超える場合は、複数のギャラリーを作成することを検討してください。
クライアントギャラリーでデジタルダウンロード可能な画像について、Pixpaはオリジナルサイズの画像ダウンロードとは別に、以下の3つの解像度オプションを提供しています。
-
大：2560ピクセル
-
中サイズ：1200ピクセル
-
小：600ピクセル
ギャラリーアプリに最適な画像サイズ
ギャラリーアプリを使用すると、顧客向けにパーソナライズされたモバイルギャラリーアプリを作成し、顧客はそれを自分のモバイル端末にインストールできます。
モバイルギャラリーの場合、より小さな画像で十分なので、推奨される画像サイズは幅640ピクセルです。
GIF に最適なサイズ
Pixpa スタジオに gif を追加する場合、gif は幅と高さの両方が 2560 ピクセル未満である必要があります。
また、GIFのフレーム数は60以下でなければなりません。
画質と圧縮
画像圧縮は、ウェブサイトの読み込み速度に影響を与える画像品質とファイルサイズの適切なバランスを見つけるのに役立ちます。理想的な圧縮率は75%（高画質）です。この値を変更すると、変更後にアップロードされた画像に適用されます。
ウェブサイトにアップロードされる画像はすべて標準で75%の圧縮率が適用されるため、100%品質のJPEG画像をアップロードすることをお勧めします。ただし、設定ページから画像圧縮率を簡単に管理できます。圧縮率を高くすると画像サイズが大きくなり、画質が向上します。圧縮率を低くするとファイルサイズが小さくなり、サイトの読み込み速度が速くなります。
画像のカラー プロファイル
追加するために、Web サイトの画像が標準のブラウザ レンダリング カラー プロファイルである sRGB カラー プロファイルにあり、72 dpi でほとんどすべてのブラウザ ディスプレイに十分すぎることを確認してください。
こちらもご覧ください：最適な結果を得るための画像のカラープロファイルの準備。
ウェブサイト画像の画像サイズ変更
Photoshopで画像のサイズを変更するには、「画像」→「画像サイズ」を選択します。Web用には、解像度を72dpiに設定し、幅を2560ピクセルに設定してください。
画像のシャープネス
画像のサイズ変更後には必ず多少のぼやけが生じるため、アンシャープマスクフィルターを使用することをお勧めします。Photoshopでアンシャープマスクフィルターを使用するには、「フィルター」→「シャープ化」→「アンシャープマスク」を選択します。
一括画像処理
回転、サイズ変更、またはシャープ化する画像が複数ある場合は、アクションを記録し、バッチ コマンドを使用して、画像ごとにこれらの手順を繰り返すことなく、画像のフォルダー全体を処理できます。
または、使用することもできます サードパーティのソフトウェア 画像のサイズを一括で変更します。