a11y.skipToMainContent
1

イメージ フィルター

CSS グレード フィルターを任意のイメージに適用する — グレースケール、セピア、ブラー、明るさ、コントラスト、彩度、色相回転、反転。 あなたがチューンとしてライブプレビュー.

common.dragImageHere, paste from clipboard (Ctrl+V), or

Preview

Was this tool helpful?
Send Image to:
Advertisement

How to use Image Filters

  1. 画像を選ぶ.
  2. フィルター スライダーを調節して下さい.
  3. [適用] をクリックし、[ダウンロード] をクリックします.

画像フィルターとは?

ライブスライダと共通の画像フィルタ。 それらのいずれかを組み合わせる — 50% グレースケール + ヴィンテージルックのためのわずかなセピアを開始, または鮮やかな製品ショットの飽和とコントラストを高める. 出力は、キャンバスのネイティブフィルタパイプラインを介してサーバー品質をレンダリングします。

Advertisement

FAQ

これらはCSSと同じフィルタですか?
はい。同じCSSフィルタ機能で、画像のキャンバスレンダリングされたコピーに適用されます.
画像をアップロードしたり、保存したりすることはできますか?
いいえ。 すべてのフィルター処理はブラウザでローカルで行われます。 あなたのイメージはあなたのデバイスを離れません.
複数のフィルターを一度に結合できますか?
お問い合わせ たとえば、グレースケール+ブール+コントラストなど、好きなように多くのフィルタを積み重ねて、結果のライブをプレビューできます.

Related tools

Author

AR
Aisha Rahmani"The Visual Storyteller"

Design Technologist & Media Specialist

Aisha bridges the gap between pixels and code. With expertise in image processing, SVG optimization, and video compression, she helps creators, designers, and marketers prepare media that looks great and loads fast. She has spoken at design conferences about accessible visual content and has helped agencies reduce page-weight budgets by up to 60 percent without sacrificing creative quality.

Advertisement