HTML怎么保存出图片 PS切片只保存了html格式 没保存JPG格式

html-css016

HTML怎么保存出图片 PS切片只保存了html格式 没保存JPG格式,第1张

保存的方法和操作步骤如下:

1、首先,在PS中完成切片后,依次单击“文件”-->“存储为Web和设备所用格式”,如下图所示。

2、其次,在弹出窗口中,单击右上角的“存储”按钮,如下图所示。

3、接着,在此步骤中,选择“HTML和图像(*.HTML)”作为保存类型,然后单击“保存”按钮即可,如下图所示。

4、最后,保存后,HTML格式的文件和JPG格式的图片就保存在了“images”文件夹中,如下图所示。这样,问题就解决了。

在做项目过程中会用到导出功能,就是将HTML页面导出,生成为word文档,实际上就是导出table,会遇到某些图片超出整个word宽度的问题,怎么设置都不行,研究很久终于发现可以生效的css样式写法,如下,在行内对图片写样式:

<img width="556" style="width:100%max-width:100%" />

其中:width=“556”是写给word里的table识别用的,style的内容是写给html页面识别的,这样写就能控制导出图片宽度