JPG、GIF、またはPNG画像をサイトに追加する方法

あなたのウェブサイトに写真を表示するための簡単なガイド

オンラインのほとんどの画像は、 JPGGIFPNGなどの形式です。 このような写真を自分のウェブサイトにアップロードして、他の人と共有したり、何かを説明したり、アイデアを紹介したりすることができます。

あなたのウェブサイト上の画像をリンクするときには、自分で画像をホストする必要はありません。 写真を別のWebサーバーにアップロードし、自分のWebサイトからリンクすることができます。

画像サイズを確認する

一部のホスティングサービスでは、特定のサイズを超えるファイルは許可されません。 あなたのウェブサイトにアップロードしようとしているものが、あなたのウェブホスティングサービスによって最大許容サイズ以下であることを確認してください。 これは、画像がPNG形式またはGIF、JPG、 TIFFなどである場合でも同じです。

あなたが望む最後のものは、アップロードするには大きすぎるようにするために完全な画像を作成することに熱心に取り組むことです。 幸いにも、 写真のサイズを縮小して機能させることができます

イメージをオンラインでアップロードする

Webホスティングサービスが提供するファイルアップロードプログラムを使用して、JPGまたはGIFイメージをサイトにアップロードします。 提供していない場合は、画像をアップロードするためのFTPプログラムが必要です。 もう1つの選択肢は、自分のWebサーバーを使用してイメージをホストし、別のイメージホスティングサービスを使用することを避けることです。

ダウンロードしたWebサイト、またはZIPファイルのようなアーカイブにパッケージ化した画像を追加する場合は、最初に画像を抽出する必要があります。 ほとんどのWebホスティングプラットフォームでは、JPG、GIF、PNGなどのイメージ形式でない限り、イメージのアップロードは許可されません.7ZRARなどのアーカイブファイルタイプではありません。

一方、他の人のウェブサイトのように、あなたのイメージが既に他の場所でホストされている場合は、次の手順で直接リンクすることができます。ダウンロードする必要はなく、自分のWebサーバーにアップロードし直す必要はありません。

あなたのイメージへのURLを見つける

JPGまたはGIFイメージをどこにアップロードしましたか? それをあなたのWebサーバーのルートまたは写真を保持するために特別に作られたフォルダのような別のフォルダに追加しましたか? これは、後で実際にあなたの訪問者に画像を提供するために必要となる永続的な場所を識別できるように知るために必要です。

ここでは、PNGファイルへの直接リンクの例を示します。このファイルは、ここでホストされています。

https:// www。 /static/2.49.0/image/hp-howto.png

たとえば、画像のWebサーバーのフォルダ構造が \ images \で 、アップロードした写真の名前がnew.jpgの場合、その写真のURL \ images \ new.jpgです。 これは、イメージがhp-howto.pngと呼ばれ、フォルダーが/static/2.49.0/image/と呼ばれる私たちの例に似ています。

写真が他の場所でホストされている場合は、リンクを右クリックしてコピーオプションを選択してURLをコピーしてください。 または、ブラウザで画像をクリックして開き、ブラウザのナビゲーションバーから画像をコピーします。

URLをページに挿入する

あなたのウェブサイトにリンクしたい画像のURLがあるので、どこに行くべきかを選択する必要があります。 JPGイメージをリンクしたいページの特定の部分を探します。

画像をリンクする適切な場所を見つけたら、Webサーバーのハイパーリンク機能を使用して、人々を写真に向かわせるべき文章内の語句にURLをリンクします。 これは、 リンクの挿入またはハイパーリンクの追加と呼ばれることがあります

イメージにリンクするには多くの方法があります。 たぶんあなたのnew.jpgイメージは花のもので、訪問者がリンクをクリックして花を見ることができるようにしたいと思うかもしれません。

ページのHTMLコードを使用して画像にリンクしたい場合は、そのコードを使用することもできます。

私は庭で成長している非常にかわいい花を持っています。

ウェブサイト上の画像にリンクするもう1つの方法は、HTMLコードでインラインで投稿することです。 つまり、ページを開いたときに訪問者がイメージを見るので、上記の例のようなリンクはありません。 これは、自分のサーバー上のイメージや他の場所でホストされているイメージでも機能しますが、これを行うにはWebページのHTMLファイルにアクセスする必要があります。