前阵子在阮一峰的博客上看到了这篇《相似图片搜索原理》博客,就有一种冲动要将这些原理实现出来了。

Google "相似图片搜索":你可以用一张图片,搜索互联网上所有与它相似的图片。

打开Google图片搜索页面:

点击使用上传一张angelababy原图:

点击搜索后,Google将会找出与之相似的图片,图片相似度越高就越排在前面。如:

这种技术的原理是什么?计算机怎么知道两张图片相似呢?

根据Neal Krawetz博士的解释,实现相似图片搜素的关键技术叫做"感知哈希算法"(Perceptualhash algorithm),它的作用是对每张图片生成一个"指纹"(fingerprint)字符串,然后比较不同图片的指纹。结果越接近,就说明图片越相似。

以下是一个最简单的Java实现:

预处理:读取图片

  1. File inputFile = newFile(filename);
  2. BufferedImage sourceImage = ImageIO.read(inputFile);//读取图片文件
File inputFile = newFile(filename);
BufferedImage sourceImage = ImageIO.read(inputFile);//读取图片文件

第一步,缩小尺寸。

将图片缩小到8x8的尺寸,总共64个像素。这一步的作用是去除图片的细节,只保留结构、明暗等基本信息,摒弃不同尺寸、比例带来的图片差异。

  1. int width= 8;
  2. intheight = 8;
  3. // targetW,targetH分别表示目标长和宽
  4. int type= sourceImage.getType();// 图片类型
  5. BufferedImagethumbImage = null;
  6. double sx= (double) width / sourceImage.getWidth();
  7. double sy= (double) height / sourceImage.getHeight();
int width= 8;
intheight = 8;
// targetW,targetH分别表示目标长和宽
int type= sourceImage.getType();// 图片类型
BufferedImagethumbImage = null;
double sx= (double) width / sourceImage.getWidth();
double sy= (double) height / sourceImage.getHeight();
  1. // 将图片宽度和高度都设置成一样,以长度短的为准
  2. if (b) {
  3. if(sx > sy) {
  4. sx= sy;
  5. width= (int) (sx * sourceImage.getWidth());
  6. }else {
  7. sy= sx;
  8. height= (int) (sy * sourceImage.getHeight());
  9. }
  10. }
  11. // 自定义图片
  12. if (type== BufferedImage.TYPE_CUSTOM) { // handmade
  13. ColorModelcm = sourceImage.getColorModel();
  14. WritableRasterraster = cm.createCompatibleWritableRaster(width,height);
  15. booleanalphaPremultiplied = cm.isAlphaPremultiplied();
  16. thumbImage= new BufferedImage(cm, raster, alphaPremultiplied, null);
  17. } else {
  18. // 已知图片,如jpg,png,gif
  19. thumbImage= new BufferedImage(width, height, type);
  20. }
  21. // 调用画图类画缩小尺寸后的图
  22. Graphics2Dg = target.createGraphics();
  23. //smoother than exlax:
  24. g.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
  25. g.drawRenderedImage(sourceImage,AffineTransform.getScaleInstance(sx, sy));
  26. g.dispose();
// 将图片宽度和高度都设置成一样,以长度短的为准
if (b) {
if(sx > sy) {
sx= sy;
width= (int) (sx * sourceImage.getWidth());
}else {
sy= sx;
height= (int) (sy * sourceImage.getHeight());
}
}
// 自定义图片
if (type== BufferedImage.TYPE_CUSTOM) { // handmade
ColorModelcm = sourceImage.getColorModel();
WritableRasterraster = cm.createCompatibleWritableRaster(width,height);
booleanalphaPremultiplied = cm.isAlphaPremultiplied();
thumbImage= new BufferedImage(cm, raster, alphaPremultiplied, null);
} else {
// 已知图片,如jpg,png,gif
thumbImage= new BufferedImage(width, height, type);
}
// 调用画图类画缩小尺寸后的图
Graphics2Dg = target.createGraphics();
//smoother than exlax:
g.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);
g.drawRenderedImage(sourceImage,AffineTransform.getScaleInstance(sx, sy));
g.dispose();

第二步,简化色彩。

将缩小后的图片,转为64级灰度。也就是说,所有像素点总共只有64种颜色。

  1. int[]pixels = new int[width * height];
  2. for (inti = 0; i < width; i++) {
  3. for(int j = 0; j < height; j++) {
  4. pixels[i* height + j] = rgbToGray(thumbImage.getRGB(i, j));
  5. }
  6. }
  7. /**
  8. * 灰度值计算
  9. * @param pixels 彩色RGB值(Red-Green-Blue 红绿蓝)
  10. * @return int 灰度值
  11. */
  12. public static int rgbToGray(int pixels) {
  13. // int _alpha =(pixels >> 24) & 0xFF;
  14. int _red = (pixels >> 16) & 0xFF;
  15. int _green = (pixels >> 8) & 0xFF;
  16. int _blue = (pixels) & 0xFF;
  17. return (int) (0.3 * _red + 0.59 * _green + 0.11 * _blue);
  18. }
int[]pixels = new int[width * height];
for (inti = 0; i < width; i++) {
for(int j = 0; j < height; j++) {
pixels[i* height + j] = rgbToGray(thumbImage.getRGB(i, j));
}
}
/**
* 灰度值计算
* @param pixels 彩色RGB值(Red-Green-Blue 红绿蓝)
* @return int 灰度值
*/
public static int rgbToGray(int pixels) {
// int _alpha =(pixels >> 24) & 0xFF;
int _red = (pixels >> 16) & 0xFF;
int _green = (pixels >> 8) & 0xFF;
int _blue = (pixels) & 0xFF;
return (int) (0.3 * _red + 0.59 * _green + 0.11 * _blue);
}

第三步,计算平均值。

计算所有64个像素的灰度平均值。

  1. int avgPixel= 0;
  2. int m = 0;
  3. for (int i =0; i < pixels.length; ++i) {
  4. m +=pixels[i];
  5. }
  6. m = m /pixels.length;
  7. avgPixel = m;
int avgPixel= 0;
int m = 0;
for (int i =0; i < pixels.length; ++i) {
m +=pixels[i];
}
m = m /pixels.length;
avgPixel = m;

第四步,比较像素的灰度。

将每个像素的灰度,与平均值进行比较。大于或等于平均值,记为1;小于平均值,记为0。

  1. int[] comps= new int[width * height];
  2. for (inti = 0; i < comps.length; i++) {
  3. if(pixels[i] >= avgPixel) {
  4. comps[i]= 1;
  5. }else {
  6. comps[i]= 0;
  7. }
  8. }
int[] comps= new int[width * height];
for (inti = 0; i < comps.length; i++) {
if(pixels[i] >= avgPixel) {
comps[i]= 1;
}else {
comps[i]= 0;
}
}

第五步,计算哈希值。

将上一步的比较结果,组合在一起,就构成了一个64位的整数,这就是这张图片的指纹。组合的次序并不重要,只要保证所有图片都采用同样次序就行了。

 =  =
8f373714acfcf4d0

  1. StringBufferhashCode = new StringBuffer();
  2. for (inti = 0; i < comps.length; i+= 4) {
  3. intresult = comps[i] * (int) Math.pow(2, 3) + comps[i + 1] * (int) Math.pow(2, 2)+ comps[i + 2] * (int) Math.pow(2, 1) + comps[i + 2];
  4. hashCode.append(binaryToHex(result));//二进制转为16进制
  5. }
  6. StringsourceHashCode = hashCode.toString();
StringBufferhashCode = new StringBuffer();
for (inti = 0; i < comps.length; i+= 4) {
intresult = comps[i] * (int) Math.pow(2, 3) + comps[i + 1] * (int) Math.pow(2, 2)+ comps[i + 2] * (int) Math.pow(2, 1) + comps[i + 2];
hashCode.append(binaryToHex(result));//二进制转为16进制
}
StringsourceHashCode = hashCode.toString();

得到指纹以后,就可以对比不同的图片,看看64位中有多少位是不一样的。在理论上,这等同于计算"汉明距离"(Hammingdistance)。如果不相同的数据位不超过5,就说明两张图片很相似;如果大于10,就说明这是两张不同的图片。

  1. int difference = 0;
  2. int len =sourceHashCode.length();
  3. for (inti = 0; i < len; i++) {
  4. if(sourceHashCode.charAt(i) != hashCode.charAt(i)) {
  5. difference++;
  6. }
  7. }
int difference = 0;
int len =sourceHashCode.length(); for (inti = 0; i < len; i++) {

if(sourceHashCode.charAt(i) != hashCode.charAt(i)) {

difference++;

}

}

你可以将几张图片放在一起,也计算出他们的汉明距离对比,就可以看看两张图片是否相似。

这种算法的优点是简单快速,不受图片大小缩放的影响,缺点是图片的内容不能变更。如果在图片上加几个文字,它就认不出来了。所以,它的最佳用途是根据缩略图,找出原图。

实际应用中,往往采用更强大的pHash算法和SIFT算法,它们能够识别图片的变形。只要变形程度不超过25%,它们就能匹配原图。这些算法虽然更复杂,但是原理与上面的简便算法是一样的,就是先将图片转化成Hash字符串,然后再进行比较。

以上内容大部分直接从阮一峰的网站上复制过来,想看原著的童鞋可以去在最上面的链接点击进去看。

提供源码下载,源码下载链接:http://download.csdn.net/detail/luohong722/3965112

参考链接:神奇的图像处理算法11款相似图片搜索引擎推荐,以图搜图将不再是难事http://insidesearch.blogspot.com/2011/07/teaching-computers-to-see-image.html

Google 以图搜图 - 相似图片搜索原理 - Java实现 (转)的更多相关文章

  1. Google 以图搜图 - 相似图片搜索原理 - Java实现

    前阵子在阮一峰的博客上看到了这篇<相似图片搜索原理>博客,就有一种冲动要将这些原理实现出来了. Google "相似图片搜索":你可以用一张图片,搜索互联网上所有与它相 ...

  2. 使用 selenium 实现谷歌以图搜图爬虫

    使用selenium实现谷歌以图搜图 实现思路 原理非常简单,就是利用selenium去操作浏览器,获取到想要的链接,然后进行图片的下载,和一般的爬虫无异. 用到的技术:multiprocessing ...

  3. 以图搜图(一):Python实现dHash算法(转)

    近期研究了一下以图搜图这个炫酷的东西.百度和谷歌都有提供以图搜图的功能,有兴趣可以找一下.当然,不是很深入.深入的话,得运用到深度学习这货.Python深度学习当然不在话下. 这个功能最核心的东西就是 ...

  4. 以图搜图之模型篇: 基于 InceptionV3 的模型 finetune

    在以图搜图的过程中,需要以来模型提取特征,通过特征之间的欧式距离来找到相似的图形. 本次我们主要讲诉以图搜图模型创建的方法. 图片预处理方法,看这里:https://keras.io/zh/prepr ...

  5. [No000007]搜索引擎以图搜图的原理

    之前,Google把"相似图片搜索"正式放上了首页. 你可以用一张图片,搜索互联网上所有与它相似的图片.点击搜索框中照相机的图标. 一个对话框会出现. 你输入网片的网址,或者直接上 ...

  6. php 以图搜图

    感知哈希算法count < =5 匹配最相似count > 10 两张不同的图片var_dump(ImageHash::run('1.jpg’, '2.jpg’)); <?php c ...

  7. 谷歌百度以图搜图 "感知哈希算法" C#简单实现

    /// <summary> /// 感知哈希算法 /// </summary> public class ImageComparer { /// <summary> ...

  8. 如何使用 js 实现相似图片搜索

    如何使用 js 实现相似图片搜索 以图搜图 https://www.google.com/imghp?hl=en https://www.google.com/imghp?hl=zh https:// ...

  9. Google图片搜索

    本博文的主要内容有 .Google图片搜索的介绍 .Google图片之普通搜索    .Google图片之高级搜索 1.Google图片搜索的介绍   Google的图片搜索,不仅通过关键字查找拥有特 ...

随机推荐

  1. 使用 VS2017 和 js 进行桌面程序开发 - electron 之 Hello Word

    现在基于 js 和 web浏览器核心构建的 C/S 程序越来越多,比如微信桌面版(基于 duilib 和 cef).VS CODE(基于electron)等,出于了解的目的,最近学习了 electro ...

  2. Django源码学习 了解render与render_to_response

    render与render_to_response def render_to_response(template_name, context=None, content_type=None, sta ...

  3. hbase集群导入csv文件

    小数据文件导入: 样例 hbase  org.apache.hadoop.hbase.mapreduce.ImportTsv  -Dimporttsv.separator="," ...

  4. 禁止UIWebView随键盘的弹起而往上滚动

    问题:当UIWebView中的html有输入框,点击输入框,UIWebView会随键盘的弹起而整体往上移动,收起键盘后,UIWebView无法回到原来的位置; 问题的原因:由于UIWebView继承的 ...

  5. iOS开发 MVVM+RAC 的使用

    好长一段时间没有敲简书了! 主要是因为一直在跑面试. 终于还是在上海入职了! 由于项目原因最终还是入了MVVM+RAC的坑 下面是正题. Demo效果 使用MVVM+RAC请求网络数据 Reactiv ...

  6. 【JAVASCRIPT】React学习-巧用 props 的 children 属性实现内容填充

    背景 平常写组件,经常遇到需要获取内容放入组件内部的情形. 实现方法 我们有两种实现方式 1. 自定义 props render 的时候通过获取 this.props.content 填充到组件内部 ...

  7. [js] 小谈 export (没总结完)

    作用 导出变量/类 等等 用法 index.js 文件 export default name 仅导出一个变量 import name from './index.js' index.js 文件 ex ...

  8. EL与JSTL

    1.EL 只要web服务器支持Servlet2.4/JSP2.0就可以在JSP页面中直接使用EL表达式.但是为了和过去版本兼容,可以禁止使用EL表达式.EL作用域及其禁用方法如下: EL的基本语法为$ ...

  9. HH去散步[SDOI2009]

    题目描述 HH有个一成不变的习惯,喜欢饭后百步走.所谓百步走,就是散步,就是在一定的时间 内,走过一定的距离. 但是同时HH又是个喜欢变化的人,所以他不会立刻沿着刚刚走来的路走回. 又因为HH是个喜欢 ...

  10. 分享 C++图像处理的代码简易示例

    采用Decoder:stb_image https://github.com/nothings/stb/blob/master/stb_image.h 采用Encoder:tiny_jpeghttps ...