1

私のウェブページには次のような画像があります。

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

フォトショップに行って画像を編集しなくても、この画像から色の一部を取り出すために使用できる CSS プロパティはありますか? さらに良いのは、画像を「処理」して色を削除するために使用できるアプリケーションがオンラインにありますか?

4

4 に答える 4

2

vintageJSという名前の優れたjQueryプラグインは、画像をグレースケールに変換でき、サーバー側の処理は必要ありません。すべてビューアーのブラウザーで行われます。

Firefox、Chrome およびその他のブラウザーで使用できる効果は、グレースケール、ぼかしエッジ、セピア、彩度の低下、ノイズ、明るさ、コントラスト、曲線などです。また、マルチエフェクトも可能！

画像の操作と画像の保存を可能にするオンライン アプリに関連して、vintageJS プラグインには、任意の画像をアップロードし、その場でさまざまな効果をカスタマイズし、編集した画像をダウンロードできるこのクールなPlayground Web ページがあります。

ここに画像の説明を入力

于 2012-07-01T12:18:25.367 に答える
1

さらに良いことに、画像を「処理」して色を削除するために使用できるアプリケーションはオンラインにありますか？

こんにちはジェマ、

Photoshopを使用しているとのことですが、これを行うためにPhotoshopを開きたくありません。画像のグレースケーリングを頻繁に行う必要がある場合は、このためのPhotoshopの「ドロップレット」の作成を検討する必要があります。基本的に、ファイル（またはファイルのフォルダ）をドラッグできるデスクトップショートカットを作成でき、その中で自動化するように設定したタスクを実行します。

  1. ファイルを開く
  2. 白黒に変換
  3. [ファイル名]-bw.jpgとして80％の品質で保存
  4. ファイルを閉じる

バッチ処理を自動化するアクションからドロップレットを作成するためのAdobeのドキュメントへのリンクは次のとおりです。別のオプションは、画像をバッチ処理するためのImageMagickである可能性があります。

于 2012-07-01T13:15:06.927 に答える
1

画像を編集したい場合は、この目的のための優れた Web アプリがあります

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 に答える
0

画像の設定opacityをお試しください。

例：

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