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