1

我的网页上有这样的图像：

<img src="/Images/content/home.png" alt="" style="float: left;">

是否有一个 CSS 属性，我可以使用该属性从该图像中提取一些颜色，而无需进入 Photoshop 并编辑图像。更好的是，我可以使用在线应用程序来“处理”图像并去除一些颜色吗？

4

4 回答 4

2

一个名为vintageJS的优秀jQuery插件可以将图像转换为灰度，并且不需要服务器端处理......这一切都在查看器浏览器中完成。

可用于Firefox、Chrome 和其他浏览器的效果包括灰度、模糊边缘、棕褐色、去饱和、噪点、亮度、对比度、曲线等。还可以实现多种效果！

关于允许图像处理然后保存图像的在线应用程序，vintageJS 插件有这个很酷的Playground 网页，允许您上传任何图像，即时自定义不同的效果，并下载您编辑的图像！

在此处输入图像描述

于 2012-07-01T12:18:25.367 回答
1

如果你想编辑你的图像，有很好的网络应用程序可以用于此目的

CSS3/Webkit 过滤器是您正在寻找的。但截至目前，这些仅适用于 Chrome Canary 和 Webkit Nightly。可用的效果有灰度、模糊、棕褐色、饱和度、不透明度、亮度、对比度、色调旋转和反转。

资源： CSS3 过滤器

相反，您可以只设置opacity.

img {  
    opacity: .7;  
    //above line works in Firefox, Safari, Chrome, Opera
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);  
    // above line works in IE6, IE7, and IE8  
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";  
    // above line is IE8 only
}
于 2012-07-01T12:07:49.797 回答
1

更好的是，我可以使用在线应用程序来“处理”图像并去除一些颜色吗？

嗨，杰玛，

您提到您使用 Photoshop，但不想打开它来执行此操作。如果灰度图像是你必须经常做的事情，你应该考虑为此创建一个 Photoshop 'Droplet'。基本上，它允许您创建一个桌面快捷方式，您可以将文件（或文件文件夹）拖到该快捷方式，并且它将执行您设置的任何任务以在其中自动执行，例如

  1. 打开文件
  2. 转换为黑白
  3. 以 80% 质量另存为 [文件名]-bw.jpg
  4. 关闭文件

这是 Adob​​e 文档的链接，该文档介绍了从操作创建液滴以自动化批处理。另一个选项可能是ImageMagick用于批处理图像。

于 2012-07-01T13:15:06.927 回答
0

尝试设置opacity图像。

例子：

img
{
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
于 2012-07-01T12:00:54.433 回答