我的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图像不会显示在我的网站上

回答

相关问题