如何在Github中比较图片修改前后效果-控件新闻-慧都网

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

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

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

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

有了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

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：慧都控件网

上一篇：无需 jQuery，编写JavaScript的10个小贴士下一篇：Kendo UI API中文介绍七：ComboBox (1)

在线采购

中文文档库

试用/Demo下载

开发社群