Question

我在Photoshop中制作了一个图像，但它不会在我的网站上显示。相反，它显示了带有翻录纸图标的小白框。我是否需要将PSD文件转换为其他类型的文件？

这是我的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>

Answer 1

PSD文件是Adobe Photoshop使用和特定的文件格式。其他应用程序（如您的webbrowser）不知道如何阅读它。您需要将其转换为其他格式。

在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 他们自己的计算。

Answer 2

你应该使用jpeg，png或gif，具体取决于你的图像更合适。看看这个其他答案以获得指导：

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

Answer 3

您不能在您的网站中使用PSD。将其转换为PNG，JPG，GIF或其他格式。

您可以点击文件＆gt;除了网络。

在右上角，您可以选择新的图像类型。

Answer 4

PSD不是有效的网络图片格式。您可以使用以下格式之一导出图像：

JPEG / JPG
PNG
GIF

Answer 5

您必须将其转换为png以示例。要做到这一点，只需在photoshop中打开logo.psd，然后单击文件==＆gt;保存为并选择png扩展名。

Answer 6

Web浏览器不会呈现.psd个文件。只有Adobe Photoshop才能正确理解此文件扩展名。

在Adobe Photoshop中打开.psd
选择文件 - ＆gt;保存为Web和设备...
将文件另存为.jpg或.png
将此新保存的文件用作.psd文件中.html

我的Photoshop图片不会显示在我的网站上

6 个答案: