图像处理技术之图片添加水印
关于如何给添加图片水印，网上流传的代码片段有很多，但是基本都是相同的代码，被各大网站转载的到处都是。网上流传的使用PHP给添加图片水印的代码，一般情况下还能使用，发现不了有什么问题，处理图片量一大，就会发现很多图片添加水印会有问题。给某些图片添加文字水印会出现颜色失效的问题，有时候会出现文字中空问题，有些图片会有锯齿，锯齿可能跟字体有关，同时也跟代码处理方式有关。本文讲解如何使用PHP为图片添加水印技...
JavaScript实现图片懒加载非可视区域延迟加载
网页上图片很多时，如果不对图片使用懒加载(延迟加载)技术，网站显示速度就会很慢，给用户的感觉很不好，图片资源服务器的负载也会很大，一般不太好的服务商会直接返回 503 Service Unavailable 暂停服务错误。很多网站在处理这个问题时，直接使用 JQuery 的懒加载扩展，这样一来，网站必须要加载 JQuery，速度自然下降。JQuery 是一个很臃肿的 JavaScript 框架，虽然...
前端技术之CSS实现图片垂直居中
让图片实现水平居中比较简单，只需要在父级容器中添加属性 text-align 为 center 即可。使用纯 CSS 实现图片的垂直居中，可以将图片包裹容器的 display 属性设置为 table-cell，然后加上 vertical-align: middle 就好了 。table-cell 的显示效果同 table 是一样的，兼容性还不错，所以直接使用 table 来包裹图片也是同样的效果，个...
从网站统计功能看百度图片蜘蛛抓取错误地址
类型。 日志里面的请求，有很多一部分是首页的请求，地址也就是"/"。但是也有不少的请求是在故意的猜测一些文件，比较多的是猜测一些编辑器的文件，看来市面上编辑器的漏洞还是很多。除了这些外，我发现了百度图片蜘蛛有很多错误的请求，由于本站使用了延迟加载，图片标签并没有src属性。在此之前，我看百度网页快照，本站的所有页面的快照都是没有图片的，当时我就在想，百度做网站分析这么多年，为什么不从图片的其他属性里...
花生WIFI天猫百度图片加载失败问题
在上海挤地铁上班的人应该会经常连接花生WIFI，也许会发现一个问题，有些网站的图片加载不了，比如天猫，百度，一点资讯什么的。这个问题我一开始也觉得很奇怪，时间一长，就想了解到底是什么原因。我开始求证，在电脑上调试天猫移动站点的图片，发现百度和天猫的图片在移动 UA 下使用的是 webp 后缀文件名，天猫的图片文件名里面含有感叹号逗号等一些非常规字符。webp 是谷歌研发的有损图片压缩格式，率先在 ch...
windowsXP下图片和传真查看器在桌面打开图片很慢
问题描述：Windows XP 下在桌面打开图片很慢，使用的是 Windows 自带的图片和传真查看器，跟图片的大小没有什么关系，在其他文件夹下打开速度很快。如果 Windows 图片和传真查看器只是打开桌面上的图片很慢，或只有个别目录下打开慢。用下面的方法或许可以解决。问题的根源在桌面的快捷方式上，其中一些快捷方式指向的目录由于被清理或者移动导致已经失效了，而 WinXP 自带的图片和传真查看器会...
图片格式或后缀名与浏览器的关系
本文谈谈关于图片后缀名的问题，以及图片格式，图片后缀名和浏览器或者 Windows 照片查看器等图片编辑查看软件的关系。事实证明，png bmp jpg gif 后缀结尾的图片不论格式是否与之对应，浏览器和 Windows 照片查看器都能正常打开。浏览器能正常打开是因为 web 服务器能正确识别图片并返回正确的协议头；照片查看器能正常打开也是同样的原因，靠的不是后缀名。写这篇文章是因为我在代码中看到上...
图像处理技术之图片相似度比较
Today,工作中发现需要去除图片上的水印，由于涉及文章太多，手动重新编辑很慢且容易出错。于是想到了使用脚本比较全部图片的相似度，然后替换文件的方式来达到去除水印效果。在完成这项工作前，我们需要找到所有的原图放在同一个文件夹中。通过遍历原图和目标文章目录的图片进行比较，若发现相似则覆盖。在网上找了一个PHP写的类，略加修改，代码如下： <?php /** * Image similarity comp...
苏先生事件让人气恼让人愤怒
就是他死前不久注册的 Google+ 账号 Wen Qiang Xu。也许很多媒体没有注意到，他这个 Google+ 账号注册时间离死亡很近，并且整个账号只发了一篇文章，就是他的遗言，全文有 13 张图片；他这个账号取名 Wen Qiang Xu (许文强)，一看就是一个孤独的英雄，失路之悲。附上一张 Google+ 图片和苏先生自己写的事件经过截图，图片来自网络。这张图片在 Google+ 上有高清...
基于JavaScript在线头像图片编辑前端后台实现
前端使用Jcrop实现预览和获取图片大小，选定位置等信息。关于Jcrop，项目地址在GITHUB上，它基于MIT开源协议。本人看了下项目的源代码，感觉作者蛮认真的。Jcrop做到了兼容IE系列和其他主流浏览器，非常稳定，让开发者不再为前端方面花费太多精力。加上本人不太喜欢Flash实现，纯JavaScript实现的功能效率会更高。由于时间比较仓促，代码没有过多的优化，有点乱，下面公布前端实现和服务端...