オンラインの一般的なシナリオは、リンク先のウェブサイト上にイメージがあることです。 おそらくあなたはあなたのサイト上のページをコーディングしていて、そのイメージを追加したい、あるいはあなたが持っているソーシャルメディアアカウントのような別のサイトのサイトにリンクしたいと思うかもしれません。 どちらの場合でも、このプロセスの最初のステップは、そのイメージのURL(ユニフォームリソースロケータ)を識別することです。 これは、Web上の特定のイメージへの一意のアドレスとファイルパスです。
これがどのように行われるかを見てみましょう。
入門
まず、使用したい画像があるページに移動します。 ただし、あなたが所有するイメージを使用する必要があることに注意してください。 これは、他人の画像を指し示すことが帯域幅の盗難とみなされ、法的にさえトラブルにつながる可能性があるためです。 あなたのウェブサイトの画像にリンクする場合は、あなた自身の画像と独自の帯域幅を使用しています。 それは問題ありませんが、他人のウェブサイトにリンクしている場合は、その画像を表示するためにサイトの帯域幅を吸い上げています。 そのサイトが多くのホスティング会社が課している帯域幅使用量に毎月の制限がある場合は、同意なしに毎月の制限を食べています。 さらに、他人の画像をあなたのウェブサイトにコピーすることは、著作権侵害の可能性があります。 誰かが自分のウェブサイトで使用する画像の使用許諾を得た場合、ウェブサイトだけで使用するようにしています。 その画像にリンクしてあなたのページに表示するようにあなたのサイトに描画すると、そのライセンスの外に出て、あなたに法的罰金と罰金を科すことができます。
結論として、自分のサイト/ドメインの外にある画像にリンクすることはできますが、最高で無礼で、最悪では違法であると考えられています。 この記事では、自分のドメインで画像が合法的にホストされているものと仮定します。
イメージリンクの「落とし穴」を理解したので、使用するブラウザを特定する必要があります。
異なるブラウザは、異なる企業によって作成されたすべてのユニークなソフトウェアプラットフォームであるため意味があります。 しかし、ほとんどの場合、ブラウザは最近、やや類似した動作をしています。 Google Chromeでは、これは私がやることです:
- あなたが望むイメージを見つけてください。
- その画像を右クリックする(MacではCtrl +クリック )。
- メニューが表示されます。 そのメニューからCopy Image Addressを選択します。
- 今クリップボードに貼り付けると、その画像への完全なパスがあることがわかります。
さて、これはGoogle Chromeで動作する方法です。 他のブラウザには違いがあります。 Internet Explorerでは、画像を右クリックして[ プロパティ ]を選択します 。 そのダイアログボックスから、このイメージへのパスが表示されます。 画像のアドレスを選択し、クリップボードにコピーしてコピーします。
Firefoxでは、イメージを右クリックしてイメージのコピーを選択します。
モバイルデバイスはURLパスを見つけるのが難しく、現在市場にはさまざまなデバイスが存在するため、すべてのプラットフォームやデバイスでイメージURLを見つける方法の決定的なリストを作成するのは難しい作業です。 ただし、多くの場合、画像をタッチして押し続けると、画像を保存したりURLを見つけることができるメニューにアクセスできます。
イメージURLを取得したら、それをHTMLドキュメントに追加することができます。 覚えておいて欲しいのは、画像のURLを見つけてページに追加することができるようにすることです。 HTMLを追加する方法は次のとおりです。 このコードは、好きなHTMLエディタで書くことに注意してください。
タイプ:
二重引用符の最初のセットの間に、あなたが含めるイメージへのパスを貼り付けます。 altテキストの値は、ページ上に実際に表示されない人のためにイメージが何であるかを説明する説明的な内容でなければなりません。
あなたのウェブページをアップロードし、ウェブブラウザでテストして、あなたのイメージが現在整っているかどうかを確認してください!
役に立つヒント
幅と高さの属性はイメージには必須ではなく、そのイメージを常に正確なサイズでレンダリングする必要がある場合を除き、それらを除外する必要があります。 レスポンシブなウェブサイトや画面サイズに基づいてリフローやサイズ変更を行うイメージでは、これはまれです。 他のサイジング情報やスタイルが存在しない場合には、ブラウザはデフォルトのサイズで画像を表示するので、幅と高さを残しておく方がよいでしょう。