SVG減色ツールの使い方

SVGの色を意図した数色に減らし、パスはそのまま保ちます。

よい結果を出すための短いガイドと、よくある質問への答えです。

160色のベクター看板と、同じファイルを知覚的 (CIEDE2000)で8色に減らしたもの。
変換前変換後
160色のベクター看板と、同じファイルを知覚的 (CIEDE2000)で8色に減らしたもの。

ツールを開く

使い方

  1. 1

    ファイルを選択を押す

    SVGをドロップするかサンプルを試すを押します。パレットが色ごとの数付きですぐ出ます。Illustratorやトレーサーのファイルは、ほぼ同じ塗りを何十色も含みがち。

  2. 2

    Target colorsを設定

    仕事で許される数を入力します:色ごとに1版、1シート、1糸。切りの良い数ではなく、その正確な数まで減らします。

  3. Target colors 4Target colors 4
    Target colors 8Target colors 8
    Target colors 16Target colors 16
    同じファイルでTarget colorsを4、8、16に。
  4. 3

    アルゴリズムを選ぶ

    知覚的 (CIEDE2000)は見た目の違いで統合する既定です。K-Means (Lab)とメディアンカットは空間の分け方が違うので、既定が誤った色を残すときに試します。

  5. 知覚的 (CIEDE2000)知覚的 (CIEDE2000)
    K-Means (Lab)K-Means (Lab)
    メディアンカットメディアンカット
    8色を3通りで:知覚的 (CIEDE2000)、K-Means (Lab)、メディアンカット。
  6. 4

    分割を確認

    分割は元と削減後を同じ図の上で並べます。グラデーションと柔らかな縁に削減が最初に表れます。スウォッチをロックすれば保持されます。

  7. 5

    SVGをダウンロードを押す

    パスは同じパスのまま、変わるのは塗りと線の色だけ。PNGをダウンロードは最大8倍でプレビュー、パレットを保存でコードを保存します。

このツールについて

SVGをドロップすると全色が一覧され、目標数を設定すれば近い色がひとつのパレットに統合されます。トレースや書き出しで作ったファイルは、設計より多くの色を持ちがちです。シルク印刷、カッティング、刺繍の色数制限を守るのに使われます。

色数を減らした同じSVG(パスは無変更)に加え、PNGとパレットファイルが得られます。色が減ればファイルは小さくなり、インクごとに一つの形になります。

特長

パレット分析

変更前に、ファイル内の全色を数えて一覧します。

9種のアルゴリズム

知覚的、K-Means、メディアンカット、Octree、頻度、色相、明度、Webセーフ、グレー、独自パレット。

ロックと再着色

スウォッチをロックして変更から守るか、クリックしてファイル全体で色を変えます。

パスは無損失

形とパスは動きません。塗りと線の色だけが統合または置き換えられます。

よくある質問

無料ですか?

はい。すべての機能と書き出しが無料で、アカウントもウォーターマークも不要です。アカウントは任意で、プロジェクトを保存して別の端末で開き直すためだけのものです。

ファイルはアップロードされますか?

いいえ。すべてブラウザ内で動き、ファイルはお使いの端末に留まります。端末から出るのは、アカウントに保存すると自分で選んだプロジェクトだけです。

なぜSVGの色を減らすのですか?

トレースや書き出しのSVGはほぼ同一の色を抱え、ファイルを肥大させ、1版1色の原則を破ります。減らせば印刷機やカッターが使えるパレットになります。

色を減らすとアートワークが歪みますか?

いいえ。パスと形は無変更で、塗りと線の色だけが統合または置き換えられます。グラデーションは最も近い単色に平坦化されます。

グラデーションや埋め込み画像があっても動きますか?

塗りと線が削減されます。グラデーションの各ストップは一色として扱い、埋め込み画像はそのままです。先に変換が必要なファイルはツールが知らせます。

その他のツール

ProDesignerは世界中の誰でも無料で利用できます。作業時間の節約に役立ったら、開発の支援をご検討ください。

ProDesignerを支援する