HTML - 画像ファイル管理のヒント
HTMLグラフィックス。 それは実際のバランスをとる行為であり、必ずしも達成するのが簡単な作業ではありません。 それに直面しよう。 すべてテキストであるWebページは、単にチェックアウトするのが退屈です。 新聞の死亡記事を読んでいるようなものです。 したがって、グラフィックは、あなたのウェブサイトを少しスプルースしようとするときに、本当に役立ちます。 問題は、グラフィック、またはさらに特別にグラフィックファイルが非常に大きく、完全なページに束ねるのに十分な時間がかかる可能性があるということです。 グラフィックが多すぎる場合、または選択したグラフィックが大きい場合は、訪問者がページを読み込むのを楽しみにして忍耐を失う可能性があります。 結果は、彼らがシフトしたので、とにかく聴衆を失ったことです。 それでは、鈍いウェブサイトとロードに永遠にかかるものとの間のバランスをとるにはどうすればよいですか? この投稿では、この問題に関して確かにできることをいくつか確認します。 | - |
最初の、そして最も簡単な動きは、自分のサイトであまりにも多くのグラフィックファイルを使用しないことです。 特にニュース項目のあるページがある場合は、訪問者の注意を完全に把握するために、完全なページに慎重に配置されたグラフィックファイルをいくつか必要とする場合があります。 ニュースヘッドラインアイテムのメイントピックの1枚の写真、たとえば個性がある場合、ニュースヘッドラインのテキストの横に必要なのはすべてです。 ニュースヘッドラインの記事自体が最初のページを超えている場合、別のページに関連付けられた別の写真を追加することができます。 これは、いくつかのビジュアルで彼に与えることによって、訪問者に常に注意を払うことができます。 | - |
あなたができる次のことは、あなたが完全なページにいくつかの写真を持っている必要があるならば、各グラフィックの大きさを減らすことです。 グラフィックファイルはピクセルで構成され、バイトでサイズのサイズが表されます。 グラフィックファイルのバイトが多いほど、ファイルが大きくなり、フルページにロードするのが長くなります。 ほとんどのグラフィックプログラムにより、それらを圧縮することで品質を低下させることができます。これは、グラフィックスの詳細、またはいくつかのピクセルをしっかりと奪うことによって行われます。 繰り返しを使用すると、ファイルから十分な詳細を取ることができます。これにより、詳細の欠如が目で事実上検出できなくなり、同時に64,000バイトのグラフィックファイルを32,000バイトのグラフィックファイルに減らし、したがってひずみの時間を半分に減らします。 ページにいくつかの写真があれば、これは大きな違いを生むかもしれません。 | - |
できるもう1つのことは、GIFファイルと呼ばれるグラフィックファイルを使用することです。これは、実際に写真がロードされているため、画面に写真が徐々に表示されるため、訪問者はファイルに続いてロードが完了すると簡単に表示されることがわかります。 。 | - |
Webサイトのデザイナーが忘れていることの1つは、一部のブラウザがグラフィックファイルを正しくまたはまったく表示しないことです。 Webデザインサービスとしてのこの可能性のために許可するには、HTMLをコーディングする際に、訪問者がグラフィックを表示できない場合、何かが意味していることに気付くことができるように、画像ソースタグに代替テキストを含める必要があります。 そこにいる。 | - |
あなたがする必要があるもう1つのことは、あなたの写真がページに適切にフレーム化されていることを確認することです。 写真の周りに境界線が必要な場合は、自分の画像ソースファイルに境界= 1タグを追加してください。 | - |
最後に、画像ソースタグの高さと幅のオプションであることを確認してください。 これが行うことは、HTMLコードがロードする前であっても、写真に正確な領域を提供するようにすることです。 これは、メモリの管理方法により、読み込み時間を増やすのに役立ちます。 | - |