ps导出html怎么看不了图片大小

PS导出的HTML文件中图片显示问题，一直是很多设计师和前端开发者头疼的事情，就让我们来聊聊这个问题，看看有没有什么好办法可以解决。

我们得明白PS导出HTML的机制，PS作为一个图像处理软件，它的主要功能是编辑和处理图片，而不是生成网页，当我们从PS导出HTML文件时，它实际上是把图片和HTML代码一起打包，生成一个网页文件，这个过程中，PS会尽量保持图片的原始质量，但有时候也会出现一些问题，比如图片大小显示不正确。

为什么会出现图片大小显示不正确的情况呢？这主要有两个原因：

1、分辨率问题：PS导出的图片默认是按照72DPI的分辨率来设置的，而网页的标准分辨率是96DPI，这就导致了图片在网页上显示时，大小和PS中预览的不一样，解决这个问题的方法也很简单，就是在PS中调整图片的分辨率，使其与网页的标准分辨率一致。

2、编码问题：PS导出的图片默认是按照RGB颜色模式来编码的，而网页上显示的图片通常是按照sRGB颜色模式来编码的，这就导致了图片在网页上显示时，颜色和PS中预览的不一样，解决这个问题的方法也很简单，就是在PS中调整图片的颜色模式，使其与网页的标准颜色模式一致。

除了这两个原因，还有可能是因为HTML代码的问题，PS导出的HTML代码，有时候会有一些冗余或者错误的部分，导致图片显示不正确，这时候，我们就需要检查HTML代码，找出问题所在，然后进行修改。

具体应该怎么做呢？这里有几个步骤：

1、检查图片的分辨率：在PS中，点击“图像”菜单，选择“图像大小”，就可以看到图片的分辨率，如果分辨率不是96DPI，就需要调整，调整的方法很简单，只需要在“分辨率”输入框中输入96，然后点击“确定”就可以了。

2、检查图片的颜色模式：在PS中，点击“图像”菜单，选择“模式”，就可以看到图片的颜色模式，如果颜色模式不是sRGB，就需要调整，调整的方法也很简单，只需要选择“sRGB颜色”就可以了。

3、检查HTML代码：在PS导出的HTML文件中，找到<img>标签，检查其中的src属性，看看是否正确指向了图片文件，如果不正确，就需要修改，也要检查<img>标签的width和height属性，看看是否正确设置了图片的大小，如果没有设置，就需要添加。

4、清理HTML代码：使用代码编辑器，比如Sublime Text或者Visual Studio Code，打开PS导出的HTML文件，然后删除其中的冗余或者错误的部分，删除多余的空格、换行符、注释等。

5、测试：在浏览器中打开修改后的HTML文件，检查图片是否正确显示，如果还有问题，就需要继续检查和修改。

通过以上步骤，就可以解决PS导出HTML中图片显示不正确的问题，这个过程可能会比较繁琐，需要一定的耐心和细心，也需要一定的HTML和CSS知识，才能正确地修改代码。

不过，这个问题也不是没有解决方案，现在市面上有很多工具和插件，可以帮助我们自动地解决这个问题，Adobe Dreamweaver就是一个很好用的网页设计软件，它可以帮助我们自动地生成HTML代码，并且保持图片的正确显示，也有很多在线的图片压缩工具，可以帮助我们自动地调整图片的分辨率和颜色模式，使其适合网页显示。

PS导出HTML中图片显示不正确的问题，虽然比较常见，但是通过一些方法和工具，还是可以解决的，只要我们了正确的方法，就可以轻松地解决这个问题，让我们的网页设计更加完美。