画像に URL を追加する方法

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

グラフィカル URL の追加

ステップ 1

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

ステップ 2

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

ステップ 3

テキストを追加するには、グラフィック プログラム内のオプションを選択してください。

ステップ 4

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

ステップ 5

URL をテキスト領域に入力します。テキストのサイズを調整して、画像の背景の大部分を埋めますが、画像を超えたり、メインの画像の細部にはみ出さないようにします。

ステップ 6

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

オンライン URL の追加

ステップ 1

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

ステップ 2

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

ステップ 3

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

ステップ 4

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