當看看這個網站的html：http://www.3lateral.com/ 我看到所有的圖像，如標誌，蘋果觸摸圖標，井筒等都位於「網站」像這樣：設置圖片src在網頁上鍊接
<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稱爲相對路徑（相對於你正在調用的當前文件而言）。
您可以使用兩者訪問相同的圖像。含義http://www.3lateral.com/img/seo-logo.png與/img/seo-logo.png相同。
通常認爲使用相對URL是最佳做法，以便您的網站不會綁定到當前部署的基本URL。例如，它可以在本地主機上以及公共領域上工作，無需修改。
在你的情況，說你有你的根目錄下的文件夾img/一個&夾css/。現在，當您在css/文件夾中引用main.css中的img/文件夾中的圖像時。您可以使用：
www.yourdomain.com/img/thisimage.png（發現從根即路徑www.yourdomain.com。）
OR
../img/thisimage.png（這從main.css，而不是直接根發現圖片的路徑）。 ../意味着「從當前旅遊目錄上移動」
只是在站點目錄的具體名稱，要，然後設置與您的網站地址/ image目錄/圖片名稱 如啓動路徑複製你的形象中，設置圖像標籤的src> 像：（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'相同 –