一款可以快速将图片生成html的小工具---慧切图

年关将至,活动页面大量聚集。产品运营设计技术同学叫苦不迭。

最近做了款产品慧切图,可以帮助产品和运营同学迅速得根据图片生成一张页面。希望可以帮助大家。下面是工具的详细使用说明。

前往新功能介绍:慧切图全新版

附加推荐另外一个产品:小木屋网站导航

第一步:上传文件

点击开始使用,上传psd、png、jpg格式的图片

第二步:分割图片

现在可以对界面进行五马分尸(分割)了。如何分割呢?点击标尺栏(就是0-1024,0-1536的灰色条了)可以添加分割线(红线),可以双击取消,也可以移动,如果分割线位置不是很满意的话。如下图,图片已经被残忍地分割成了九大块。

第三步:配置

1、首先在页面配置Tab中,可以可以切换页面类型,添加页面标题,以及页面描述!

2、分割完成后,在图片配置Tab中,也会显示与分割份数相同的配置项。如上,图片被分割成九份,图片配置项也就有九项。每一项都可以配置链接,可以跳转任意有效地址。如图,我们在2018狗年大吉(也就是区块5)处添加了一个链接。

第四步:提交

完成一系列配置之后,点击提交按钮,生成页面便开始了。生成成功之后,我们会来到我的界面。我的界面中,便是我们生成的页面列表了。点击页面名称以及页面路径,均可以查看生成的页面。如果想在手机端预览,那么生成二维码扫描查看会是一个很好的选择。

点开链接之后,发现,哎呀这个还不是原来的图片吗?那这个有什么用呢?

1、在2018狗年大吉处,点击可以跳转链接,其他地方点击无效,这就是成功的设置了跳转了。

2、图片被分割成多份,有利于页面加载。一张1MB的图片与九张100KB的图片,页面打开的速度上当然是后者更加有优势。

第五步:完成

页面已经完成,做你想做的事情吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,638评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,269评论 19 139
  • 冬至後三戌,臘祭百神。腊八那天继续读文字的起源,这被关乎社会性事物的起源。有人以为“斯仁远哉?我欲仁,则斯仁至矣!...
    Lnrsyao阅读 227评论 0 0
  • 她的名字叫丫丫,天性活泼,人见人爱,是我们大家的开心果。她的妈妈很勤快,而且还干很多家务,是一个贤妻良母。她的爸爸...
    沙柳1989阅读 641评论 2 4
  • 随着智能手机的迅猛发展,各大厂商的竞争也在不断加剧。回顾这几年来,手机技术的发展也是伴随着各大厂商的新品卖点而成长...
    此木无为阅读 240评论 0 0