如何将HTML(网页文件)中的切片还原为png?

如何将HTML(网页文件)中的切片还原为png?,第1张

可以的,用PS实现

方法如下:

一,把所有的切片图片弄下来

二,在PS里建一个大图,

三,把所有的切片图弄到大图里去

四,排好位置

五,合并所有图层,记得背景层的眼精要去掉

六,全选合并后图层

七,复制

八,新建文档,大小PS会自动适应的

九,粘到新图层,然后,你想怎么切就怎么切

文件-另存为

或者到IE缓存里面找

楼上这说的,从没见过哪个软件可以生成DIV+CSS的- -

网页效果图切片成为HTML只用PS或者firework的切片工具将作网页时需要用到的图片切出再导成web格式,LZ可以先了解下网页的布局以及做网页时需要用到哪些图片,切出来的HTML是用table将每个图片装起来而组成的网页,可更改性低,建议LZ先用DIV+CSS写出网页大致框架,然后再把切出的图片填进去。

具体的转换步骤是:

切片工具切图--------文件----储存为web和设备所用格式---- 点击储存后在格式化一栏选择HTML和图像

搞定~,很简单的。LZ只需要了解切图工具的用法就可以了。

PS:图片一般储存为PNG格式。一个网页最少需要两次切图,先考虑好自己网页布局和需要的图片再切片导出,可以大大提高工作效率哦~

准备工具/材料:装有windows 10的电脑一台,Photoshop CC(Creative Cloud)软件。

1、打开安装好的ps软件。

2、打开一张图片。

3、将图片切片。

4、找到图片,将图片储存为。

5、进入储存图片界面,设置好之后点击储存。

6、选择格式,图像跟HTML。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7333247.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存