このサイトのhtmlを見てみると：http://www.3lateral.com/ ロゴ、リンゴタッチアイコン、mstilesなどのすべての画像がすべて「サイト上」にあることがわかりました。そのよう：画像を設定してウェブページにリンクする
<meta name="twitter:image:src" content="http://www.3lateral.com/img/seo-logo.png">
<meta name="msapplication-TileImage" content="http://www.3lateral.com/mstile-144x144.png">
は、彼らがこれをどのようにしたんだと、私はこの自分自身をどのように行うことができますか？ ...また、TwitterのようなURLパス（/img/seo-logo.png）の下にあるものもありますが、これはどのように接続されていますか？
http://www.3lateral.com/img/seo-logo.png絶対パスと呼ばれ、/img/seo-logo.pngは相対パスと呼ばれている（：、> ような画像タグのSRCを設定しますから呼び出されている現在のファイルと比較して）。
両方を使用して同じ画像にアクセスできます。意味http://www.3lateral.com/img/seo-logo.pngは/img/seo-logo.pngと同じです。
通常、Webサイトが現在展開されている場所のベースURLにバインドされないように、相対URLを使用することがベストプラクティスとみなされます。たとえば、ローカルホストだけでなくパブリックドメインでも、修正なしで動作することができます。あなたのケースに
は、あなたのルートディレクトリにimg/フォルダ& css/フォルダを持っていると言います。あなたのcss/フォルダにあるmain.cssのimg/フォルダ内の画像を参照するとき。あなたは使用することができます。
www.yourdomain.com/img/thisimage.png（ルートすなわちからのパスを見つけwww.yourdomain.com。）
OR
../img/thisimage.pngを（これは直接あなたmain.css代わりのルートから画像のパスを検索します）。 ../は「現在のディレクトリから1つ上のディレクトリを移動する」を意味します
サイトのディレクトリにイメージをコピーして、特定の名前でサイトアドレス/イメージディレクトリ/イメージ名で始まるパスを設定します。 例：サイトパスのイメージディレクトリにイメージをコピーする場合（SRC =「http://www.yourdomain.com/image/yourImageName.png」）
http：// www.3lateral.com/img/seo-logo.pngは**絶対パス**および/ img/seo-logoです。 pngは**相対パス**です。両方を使用して画像にアクセスできます。 'http：// www.3lateral.com/img/seo-logo.png'の意味は'/img/seo-logo.png'と同じです –