写真にURLを追加する方法

...

画像にURLを追加します。

画像がWebページまたはWebサイト全体を表す場合は、画像にURLを追加します。 たとえば、企業は多くの場合、製品の画像内にWebサイトのURLを含めて、消費者が画像を表示するだけで製品の詳細を知ることができるようにします。 画像自体にURLを追加してオフラインで表示したり、マウスオーバーまたはインターネット表示用のインタラクティブリンクとして追加したりできます。

グラフィカルなURLの追加

ステップ1

グラフィックデザインプログラムで写真を開きます。

今日のビデオ

ステップ2

URLを挿入する画像の上部または下部の近くでマウスをクリックします。 テキストで覆われると視聴者にはこの領域がはっきりと見えないため、画像の背景のみを含む領域を選択してください。 たとえば、屋外で撮影した写真の場合は、テキストを空の領域に挿入します。

ステップ3

グラフィックプログラム内のオプションを選択して、テキストを追加します。

ステップ4

画像の背景色に対して目立つテキストの色を選択してください。 たとえば、夜に暗い背景で撮影した写真の場合、テキストの色として「白」を選択します。

ステップ5

テキスト領域にURLを入力します。 テキストのサイズを調整して、画像の背景の大部分を占めるようにしますが、画像を超えて、またはメインの画像の詳細にまでは及ばないようにします。

ステップ6

元の編集されていない画像を上書きしないように、photoname-URL.jpgなどの新しい名前を使用して画像を保存します。

オンラインURL追加

ステップ1

画像を挿入するWebページのHTMLコードを開きます。

ステップ2

次のように「imgsrc」タグを使用してHTML内に画像を挿入します。 「yorupicture.jpg」という単語を画像の名前に置き換えます。

ステップ3

次のように「alt」タグを使用して、訪問者が画像上にマウスを移動したときにURLが表示されるように、画像にURLを追加します。 http:www.yourwebsiteurl.com

ステップ4

訪問者が画像をクリックしたときにURLがブラウザウィンドウで開くように、画像にインタラクティブURLを追加します。 画像内にマウスオーバーとクリック可能なURLの両方を含む次のコードを使用します。 http:www.yourwebsiteurl.com

必要なもの

  • グラフィックデザインソフトウェア

  • HTMLまたはテキストエディタ