オンラインで公開する画像を準備すると、Webサイトの読み込みが速くなります。たった2つのステップしかかかりません。まず、 無料のオンラインエディターなどのフォトエディターを使用して、画像の幅と高さを変更する必要があります。次に、 イメージコンプレッサーを使用して画像を圧縮すると、ファイルサイズが小さくなります。
小さい画像の読み込みが速くなります。イメージ サイズは、次の 2 つのパラメーターによって異なります。
1.画像の幅と高さ(ピクセル単位)—サイズが3000×2000ピクセルの画像は、300 x 200ピクセルの画像よりも大きくなります)。
2.画像のコンテンツ—画像に含まれる詳細と色が多いほど、そのサイズは大きくなります。
オンラインで公開する画像を準備するには、最初に画像をトリミングしてから、不要な詳細を削除して読み込みをさらに高速化することをお勧めします。
1.画像の幅と高さ(ピクセル単位)—サイズが3000×2000ピクセルの画像は、300 x 200ピクセルの画像よりも大きくなります)。
2.画像のコンテンツ—画像に含まれる詳細と色が多いほど、そのサイズは大きくなります。
オンラインで公開する画像を準備するには、最初に画像をトリミングしてから、不要な詳細を削除して読み込みをさらに高速化することをお勧めします。
最適な画像サイズは？
Tildaにアップロードすると、すべての大きな画像は自動的に1680ピクセルにサイズ変更されます。1680 ピクセルより小さい画像は、元のサイズのままです。
これは自動化されたプロセスであるため、読み込みを高速化するために画像の品質が低下する場合があります。そのため、写真を手動で編集することをお勧めします。これにより、写真の品質をより良く保つことができます。
これは自動化されたプロセスであるため、読み込みを高速化するために画像の品質が低下する場合があります。そのため、写真を手動で編集することをお勧めします。これにより、写真の品質をより良く保つことができます。
大きなサイズの画像をTildaにアップロードする前に、最長の境界線を基準にして測定した場合、画像サイズを少なくとも1680ピクセルに縮小します。
理想的には、Web サイトに表示されるサイズの画像をアップロードする必要があります。写真がページ レイアウトにあると想定されるサイズでない場合、ブラウザーは画像を自動的に圧縮または引き伸ばします。どちらもうまくいかないため、写真がぼやけて見える場合があります。
画像のサイズを確認するには、ページにテキスト ブロックを追加し、ブロック設定でグリッドを有効にすると、画像が占める列数が表示されます。 1 列の幅は 60 ピクセル、列間の距離は 40 ピクセルです。
画像のサイズを確認するには、ページにテキスト ブロックを追加し、ブロック設定でグリッドを有効にすると、画像が占める列数が表示されます。 1 列の幅は 60 ピクセル、列間の距離は 40 ピクセルです。
画像ファイルのサイズを最小化するには?
画像最適化の例
Unsplashからダウンロードした クリストフ・ベングトソン・リサルデによる この画像を使用して、画像の最適化がどのように機能するかを示しましょう。
元の画像サイズ:4405 х 2478ピクセル、ファイルサイズ:3.5MB。
元の画像サイズ:4405 х 2478ピクセル、ファイルサイズ:3.5MB。
画像をそのままTildaにアップロードしましょう。画像は1680 x 945ピクセルにトリミングされ、サイズは1.2MBになります。
Photoshopで元のファイルを開き、画像サイズを1680х945ピクセルに変更して保存すると、サイズは832KBに縮小されます。
写真を TinyPNG にアップロードして圧縮すると、353KBの画像が得られます。
Photoshopで元のファイルを開き、画像サイズを1680х945ピクセルに変更して保存すると、サイズは832KBに縮小されます。
写真を TinyPNG にアップロードして圧縮すると、353KBの画像が得られます。
画質を維持することに成功しました。
