Wix ヘルプセンター
    ホーム
  1. サイトの作成
  2. メディアの管理
  3. Wix プロギャラリー
    4. Wix プロギャラリー：ギャラリーメディアの解像度を設定する

Wix プロギャラリー：ギャラリーメディアの解像度を設定する

読了時間：4分
Wix プロギャラリーでは、個々のメディアファイルまたはすべてのメディアに対して画像の解像度を設定し、カスタマイズすることができます。
注意：
最良の結果を得るには、ギャラリーに可能な限り高画質のメディアファイルをアップロードすることをおすすめします。解像度が最低でも 2560 X 1440 ピクセルの画像または動画をアップロードしてください。Wix が画質を損なうことなく、画面に表示される正確なサイズに最適化します。
この記事では、解像度の設定について説明します：

個々のメディアの解像度を設定する

  1. エディタで Wix プロギャラリーをクリックします。
  2. 「メディアを管理」をクリックします。
  3. 該当する画像または動画をクリックし、「その他のアクション」アイコン  をクリックします。
  4. 「解像度を調整」をクリックします。
  5. 「解像度を調整」トグルをクリックして、画質の設定方法を変更します：
    • 有効：メディアの解像度を手動で調整します：
      • 「解像度」スライダーをドラッグして、画像の解像度を調整します。
        注意：画質が高ければ高いほどメディアの読み込みには時間がかかります。そのため、画像の解像度を 90以上に設定することはおすすめしません。
    • 無効：メディアの解像度は自動的に設定されます。
  6. 「画像シャープ補正」トグルをクリックして、画像のシャープ補正の設定方法を変更します。
    • 有効：手動でメディアのシャープ補正を行います：
      • 補正量：画像に適用するシャープ補正の強さを調整します。
      • 範囲：シャープ補正が適用されるエッジからのピクセル数を調整します。
      • しきい値：エッジピクセル（輪郭ピクセル）とみなされ、フィルターでシャープ補正される前の、ピクセルの周囲との差を設定します。
        注意：しきい値が低いほど、シャープ補正が強調されます。
    • 無効：メディアのシャープ補正は自動的に設定されます。
  7. 「適用」をクリックします。
単独メディアの編集パネル

すべてのメディアの解像度を設定する

  1. エディタで Wix プロギャラリーをクリックします。
  2. 「設定」をクリックします。
  3. 「詳細設定」タブをクリックし、「高度画像編集ツール」セクションまでスクロールします。
  4. 以下のオプションを使用して画像をカスタマイズします：
    • 解像度：「解像度」スライダーをドラッグして、解像度を調整します。
      注意：画像の解像度を 90以上に設定するとサイトのパフォーマンスに影響を与える可能性があるため、おすすめしません。
    • 画像シャープ補正：トグルをクリックして、画像のシャープ補正の設定方法を変更します。
      • 有効：手動でメディアのシャープ補正を行います：
        • 補正量：メディアに適用するシャープ補正の強さを調整します。
        • 範囲：シャープ補正が適用されるエッジからのピクセル数を調整します。
        • しきい値：エッジピクセル（輪郭ピクセル）とみなされ、フィルターでシャープ補正される前の、ピクセルの周囲との差を設定します。
          注意：しきい値が低いほど、シャープ補正が強調されます。
      • 無効：メディアのシャープ補正は自動的に設定されます。
    • 画像を WebP 形式に変換：WebP は、ウェブ上の画像を 25〜35％ 小さくする画像フォーマットです。好みに応じてトグルを有効または無効にします。トグルを無効にするとサイトの読み込み時間が遅くなる可能性があるため、トグルを有効にしておくことをおすすめします。
      • 有効：（推奨）画像は WebP 形式に変換されます。
      • 無効：画像は元のファイル形式で表示されます。これはサイトの読み込み時間に影響を与える場合があります。
    • 画像のサイズを自動的に変更：Wix は、メディアの読み込み時間を最適化し、サイト訪問者の閲覧体験を維持するために、ギャラリー画像のサイズを自動的に変更します。ドロップダウンをクリックして、画像のサイズを変更するタイミングを選択します。サイトの読み込み時間が影響を受けないように、設定を「常に有効」にしておくことをおすすめします。
      • 常に有効（おすすめ）：ギャラリー画像は、サイトの読み込み時間を短縮するために自動的にサイズ変更されます。
      • ギャラリーのみ：プロギャラリーのメインビューのメディアのみがサイズ変更されます。拡大表示の画像は、元の解像度で表示されます。
      • しない：メディアはオリジナルのサイズで読み込まれます。このオプションを利用すると、サイトの読み込み時間に影響しますが、より良い拡大モードでズームイン・ズームアウトが可能になります。
「詳細設定」タブ
重要：
画像の歪みを防ぐため、ブラウザはデフォルトで自動的に画像にエイリアスを適用します。これは、画像を元の品質で表示することによって生じる可能性のある視覚的アーティファクトやその他の不具合を減らすために行われます。ブラウザのダウンスケーリングアルゴリズムによって、高解像度画像のデータが失われる可能性があり、その結果、フル解像度の画像が実際の画像サイズよりも小さくレンダリングされてしまいます。よって、元のファイルと比較して、ライブサイトでは画像の色があせたり、ぼやけてしまうことがあります。
注意：
  • 画像をシャープにしても、画像全体のコントラストには影響しません。シャープ補正ツールは、画像内の線のエッジのコントラストのみを強調します。エッジが明るい側はより明るくなり、暗い側はより暗くなります。
  • 非常に低いシャープ補正のしきい値を使用した場合、アルゴリズムは画像のノイズをエッジや境界線として認識することがあります。これはノイズのコントラストを増加させる場合があるため、画像のノイズをより目立たせることになります。
  • 画像の彩度が高すぎたり、コントラストが強すぎたりする場合は、シャープ補正セクションの値を下げてみてください。

お役に立ちましたか？

|

この記事では下記を説明します：

  • 個々のメディアの解像度を設定する
  • すべてのメディアの解像度を設定する