画像のアップロード エラーまたはアップロード後の表示に関する問題のトラブルシューティング手順

サイトに画像をアップロードすると、その形式によっては期待どおりに表示されない場合があります。アップロード エラーや表示の問題を最小限に抑えるために、書式設定のガイドラインに従うことが重要です。

アップロード作業中や画像をサイトに追加した後のエラーを解決するために、このガイドをご利用ください。

ヒント: アップロードする前に、書式設定のガイドラインを確認し、画像ファイルの情報が要件を満たしていることを確認してください。

アップロード中のエラー

画像をアップロードしようとしたときにエラーが表示される場合は、画像要件を確認し、画像がその要件を満たしていることを確認してください。正しいファイル形式を使用していて、画像が20MB以下の場合は、画像の解像度の問題である可能性があります。画像の解像度はメガピクセル単位で測定され、上限は120MPです。画像が要件を満たすよう調整を行い、再度アップロードしてください。

画像ファイルがすべての要件を満たしているにもかかわらずアップロード中にエラーが発生する場合、問題はブラウザーに関連するものである可能性があります。ブラウザーのトラブルシューティング手順に従って、もう一度お試しください。

ぼやけた画像

画像がぼやけて見えたり、ピクセル化されて見えたりする場合は、コンテンツの幅に合わせて拡大されている可能性があります。Squarespaceのほとんどのエリアでは、幅が1500ピクセル以上の画像を使用することをおすすめします。ただし、次のような一部のコンテンツ エリアには異なる要件があります。

• ブラウザー アイコン (ファビコン)
• メールキャンペーンの画像
• バージョン7.0のサイトのロゴ

画像を要件に合わせてサイズ変更し、再度アップロードしてください。

色の歪み

画像の色が歪んでいる場合、画像のカラー モードまたはカラー プロファイルが正しく書式設定されていない可能性があります。

画像要件を確認し、必要に応じて画像の色設定を更新してください。要件を満たすよう調整したら、再度アップロードしてください。

モバイル端末でトリミングされたバナー画像

バナーの幅は広く、モバイル端末の幅は狭いため、通常、モバイル端末ではバナー画像がトリミングされます。モバイル端末でトリミングに気付いた場合は次のことを行います。

• バナーとセクションの背景画像がモバイル端末でどのように表示されるかを確認します。
• トリミングの問題を軽減するために、バナーをカスタマイズする方法をご覧ください。

目的の効果を得るために、Squarespaceの外部で画像を編集して再度アップロードする必要が生じる場合があります。

様々なサイズで変化する画像の解像度

サイト上の画像のサイズを変更すると、画像プロセッサは画像のサイズを直接変更するのではなく、画像を再サンプリングします。これにより、同じピクセル寸法が維持されます。つまり、画像コンテナーのサイズが変化すると、ピクセルがブレンドされ、画像の鮮明さが失われる可能性があります。

要件とベスト プラクティスに従って画像をアップロードすると、画像はどのサイズでも許容できる鮮明さを維持してレンダリングされますが、わずかな不一致が生じる可能性があります。

その他の手順

画像が要件を満たしているにもかかわらず、画像がゆがんだり、予期せずトリミングされたりする場合は、次の手順を踏むことができます。

• 画像を追加したブロック、セクション、またはページのスタイルを変更します。
• 焦点を使用して画像を中央に配置します。
• 組み込みの画像エディターを使用して、トリミングや縦横比の変更などを行います。
• 「トリミングの問題のトラブルシューティング」の手順に従います。
• デバイス上で元の画像をサイズ変更、トリミング、または編集を行ってから、再度アップロードします。

画像にアクセスしやすくする方法については、「オーディオ、画像、動画にアクセスしやすくする」をご覧ください。