如何在Github中比较图片修改前后效果

原创|使用教程|编辑:龚雪|2014-07-02 09:42:25.000|阅读 1796 次

概述:在Github中,我们常使用分享代码、项目和、贡献功能。除此之外,Github还有其他很棒的功能,比如图片修改前后比较,除了开发者,如果你是一位设计师,那这个功能一定会让你兴奋。今天,我们来看看如何在Github中比较图片修改前后效果。

有了Git,你不仅可以跟踪更改的代码,也可以比较修改内容,以此避免修改内容有误,如果有误,你可以恢复到以前的版本。你还可以轻松直观地在Github上比较修改的代码。

尽管在开发者中,主要使用分享代码、项目和、贡献功能。 Github也能实现历史版本查看,文件对比功能。要实现该功能你可以点击文件夹中历史(History)按钮。

如何在Github中比较图片修改前后效果

新旧版本对比

在下图中,可以看见旧版本为绿色标记,新版本为红色标记。绿色表示绿色线代表行添加,红色表示行减少。这些颜色可以让你知道文件中代码增减情况。

如何在Github中比较图片修改前后效果

通常情况下,个项目不是文本编码,它甚至也可能包含很多图片和PSD文件,Github最近添加比较图像和PSD的交互功能。这是一个令人兴奋的新功能,值得探索。

图像修正和比较

Github支持多种图像格式,如PNG、 JPG、 GIF 和 PSD等,似于我们如何比较代码。首先选择历史按钮,下图为三种比较方式:2-Up、 Swipe 和 Onion Skin。

如何在Github中比较图片修改前后效果

首先,使用Swipe方式。可以将图片分割成两部分,在进行前后更改效果对比。如果你改变了图片整体部分,那么,Swipe方式就是最好的比较方式了,比如灰度调整。

如何在Github中比较图片修改前后效果

2-Up是按顺序显示两个版本(新、旧版本)的图片比较方式。如下图,该方式在查看图像尺寸的变化的时候比较推荐使用。

如何在Github中比较图片修改前后效果

Onion Skin可以在你认为修改完成的图片中比较,或者差异难以看到的情况下用,当你选择Onion Skin,将会出现一个操作栏,如下图。

如何在Github中比较图片修改前后效果

拖动操作栏到左边,可以看到图片老版本,拖动到右边可以淡入到新版本,淡入效果将帮助你发现修改前后之间的差别。

如何在Github中比较图片修改前后效果

总结:

我可以看到这个新功能会带来新的视角:Github不仅是为程序员服务。如果你是一个平面设计师,你应该很激动:你也可以利用这一特性,使用Git 和 Github管理设计版本。

英文:How To Compare Image Revisions In Github



标签:Github

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都控件网

登录 慧都网发表评论


慧都网友 2016-02-05 02:33:28.000
0

测试


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
在线客服 在线QQ 电话咨询
400-700-1020
反馈
在线客服系统
live chat