我的Photoshop圖像不會顯示在我的網站上

-1

我在Photoshop中創建了一個圖像，但它不會顯示在我的網站上。相反，它顯示與撕紙圖標的小白盒。我是否需要將PSD文件轉換爲其他類型的文件？我的Photoshop圖像不會顯示在我的網站上

這裏是我的HTML片段：

<!doctype html> 
<link rel="stylesheet" href="styles.css"> 
<img src='file:///C:/Users/Tom/Pictures/logo.psd'> 
<div align="center"> 
<h1>Home</h1> 
<a href="home.html"> Home </a> 
<a href="myproducts.html"> My Products </a> 
<a href="about.html"> About </a> 
</div>

來源

2014-06-25 user3774020

你不能在你的網站上使用該PSD有.psd。你需要轉換它是的。 – putvande

怎麼做呢....：/ – user3774020

使用'保存在Photoshop Web'選擇，我會保存爲JPG格式，並把質量下降了一點，所以你優化圖像。你可以把它保存爲png或gif。 –

PSD不是一個有效的網絡圖像格式。你可能會在以下格式之一導出圖片：

JPEG/JPG
PNG
GIF

來源

2014-06-25 09:55:28 Daniel

你應該使用JPEG，PNG或GIF，取決於什麼是更適合你的形象。看看這對方的回答指導：

https://stackoverflow.com/a/392646/1203176

來源

2014-06-25 09:56:06 Cmorales

在你的網站不能使用PSD。將其轉換爲PNG，JPG，GIF或其他格式。

您可以通過單擊文件> Save for Web來完成此操作。

在右上角，您可以選擇新的圖像類型。

來源

2014-06-25 09:56:16

您必須將其轉換爲png爲例。要做到這一點，只需在photoshop中打開logo.psd，然後單擊文件==>另存爲，然後選擇png擴展名。

來源

2014-06-25 09:57:05

在這種特殊情況下PNG可能是正確的選擇（因爲它是一個標誌，我們可以假設它沒有很多顏色），但是在其他情況下，它會導致比JPEG更大的文件。請記住這一點。 – Cmorales

您可以通過https://tinypng.com/運行保存的'.png' - 通常可以節省60-70％左右的質量損失。 –

你是對的，但通常最好先選擇合適的格式。如果您的PNG是1000kb，並且您的JPEG是200kb，則生成的壓縮的300kb將仍然大於JPEG。顯然，你必須在每種情況下測試哪個選項更好。 – Cmorales

PSD文件是Adobe Photoshop使用的特定文件格式。其他應用程序（如您的瀏覽器）不知道如何閱讀它。您需要將其轉換爲其他格式。

在Photoshop中，打開文檔，單擊文件»另存爲...，然後選擇文件格式爲所需格式（請參見下圖）。可以選擇的格式是pretty much explained in another Stack Overflow answer。

Photoshop file formats list

我們還建議您避免使用file:///C:/Users/Tom/Pictures/logo.psd的鏈接;改用相對鏈接。如果您打算將您的網站放到網上，並且有很多用戶，則圖片將不會顯示，因爲您網站訪問者的瀏覽器將根據自己的計算查找位於C:/Users/Tom/Pictures/logo.psd之間的文件。

來源

2014-06-25 10:07:34

+1關於文件路由的評論。 – Cmorales

Web瀏覽器不呈現.psd文件。此文件擴展名只能由Adobe Photoshop正確理解。

打開您在Adobe Photoshop中.psd
選擇文件 - >另存爲Web和設備...
將文件保存爲.jpg或.png
使用此新保存的文件作爲替補的圖像，你在你的.html文件

來源

2014-06-25 10:08:59 iGbanam

我的Photoshop圖像不會顯示在我的網站上

回答

相關問題