Html 我的Photoshop图像赢得了'；我的网站上没有显示_Html_Css_Image_Psd

Html 我的Photoshop图像赢得了'；我的网站上没有显示

html css image

Html 我的Photoshop图像赢得了'；我的网站上没有显示,html,css,image,psd,Html,Css,Image,Psd,我在Photoshop中制作了一张图像，但它不会显示在我的网站上。取而代之的是，它显示的是一个带有撕纸图标的白色小盒子。我是否需要将PSD文件转换为其他类型的文件以下是我的HTML代码片段： <!doctype html> <link rel="stylesheet" href="styles.css"> <img src='file:///C:/Users/Tom/Pictures/logo.psd'> <div align="center">

我在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>

家

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

JPEG/JPG
巴布亚新几内亚
GIF

您应该使用jpeg、png或gif格式，这取决于哪些格式更适合您的图像。请看另一个答案以获得指导：

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

您可以通过单击文件>为Web保存来执行此操作

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

例如，您必须将其转换为png。要做到这一点，只需在photoshop中打开logo.psd，然后单击“文件==>另存为”并选择png扩展名。

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

在Photoshop中，打开文档，单击文件»另存为…，然后选择所需格式作为文件格式（见下图）。要选择哪种格式，请参阅

还建议您避免使用

file:///C:/Users/Tom/Pictures/logo.psd

用于链接；改用相对链接。如果你打算让你的网站在线，有很多用户，图像将不会显示，因为网站访问者的浏览器会在自己的计算机上查找

C:/users/Tom/Pictures/logo.psd

中的文件。

网络浏览器不会呈现

.psd

文件。只有Adobe Photoshop才能正确理解此文件扩展名

在Adobe Photoshop中打开你的

.psd

选择文件->为Web和设备保存

将文件另存为

.jpg

或

.png

使用此新保存的文件作为替换图像，其中

.psd

位于

.html

文件中

您不能在网站中使用PSD。您需要将其转换为是。我该如何转换….：/使用Photoshop中的

Save for Web

选项，我将保存为.jpg，并将质量降低一点，以便优化图像。您也可以将其保存为png或gif格式。正如@NickR所述，

save for web

是您的最佳选择。如果您在图片中使用透明，并且背景应该可见，请选择

png

else

jpg

。我不推荐真正的

gif

，除非里面有动画。再说一次，这是我自己的预参考，你也可以对标准图片使用

gif

文件。在这种特殊情况下，PNG可能是正确的选择（因为它是一个徽标，我们可以假设它没有很多颜色），但在其他情况下，它会产生比JPEG大得多的文件。请记住这一点。您可以始终运行保存的

.png

，但它通常可以节省约60-70%，而不会造成质量损失。您是对的，但通常最好首先选择适当的格式。如果PNG为1000kb，JPEG为200kb，则产生的压缩300kb仍将大于JPEG。显然，您必须测试在每种情况下哪个选项更好。@NickR这不是真的。TinyPNG提到“智能有损压缩”——结果图像有质量损失。@McEmperon没有可见的质量损失是我应该说的：）