GIMP004:国产系统下GIMP如何分割图片和切片保存成网页文件( 二 )

先说第一个知识点 , GIMP如何把一张大图分割成几个小图分别保存 。 这个功能很简单 。 首先在创建好参考线 , 也就是你想把这张图分割成哪几张小图 , 然后在GIMP菜单栏的图像里找到子菜单:Slice Using Guides 。 然后GIMP就自动沿着你创建好的参考线把素材图片切割成了多个子图片 , 并且分别自动打开了 。 接下来你是保存还是编辑就看你自己了 。

第二个知识点 , 则是我们常在PS里用到的很熟悉的切片工具 , 也就是把一张图片切片成多个小图并加上若干代码保存成能正确显示的HTML表格片段的网页文件 , 以下两个对比图 , 大家一看就明白了切片的实际效果 。

而要实现这个功能也很简单 , 和PS里的切片一样 , 在以前的文章里一人客也介绍过 , 免费作图软件GIMP的切片在滤镜菜单里的网页子菜单里 。 首先 , 在GIMP图像显示区域的标尺上分别拉出待切割的参考线 , 然后选择滤镜-网络-切片 。

打开一个标题为Pytho-fu-slice的属性界面 。 在这里我们可以选择把我们HTML文件保存到哪个文件夹里 , 导出的文件名是什么 , 图像格式是什么 , 是否要单独的图像文件夹(如果默认否 , 则生成的子图像和HTML在一个文件夹里) , 设置图像导出的文件夹 , 设置表格元素的空间 , 用于鼠标悬停及点击的JavaScript , 是否跳过表头动画 。

推荐阅读