コンテンツにスキップ
Coverton ブログ
この記事では
画像

画像の背景・余白・色を整える方法

ロゴの周囲の空きスペースをトリミングすることは、写真の背景を削除することとは異なります。スペースがすでに透明な場合は余白のトリミングを使用し、背景が画像の一部である場合は背景の削除を使用します。最終的な表示サイズでアイコンを検査します。

無料ツールを使う →

背景の除去方法を選択してください

ソリッド モードでは、境界線に接続された色が削除されます。複雑な写真の場合は、AI を検討し、髪、透明な製品、細かいエッジをソースと比較してください。 AI モードでは、初回使用時に WebGPU とおよそ 219 MB モデルのダウンロードが必要です。

人々が目にするサイズで効果を検査する

回転、グレースケール、ぼかし、境界線はさまざまな役割を果たします。コンタクトシートは、複数の画像を 1 つのキャンバス上に配置します。ブラーによって個人情報が安全に削除されるとは考えないでください。共有する予定のファイルの内容を個別に確認してください。

アイコンと使えるパレットを用意する

ファビコン PNG バンドルを作成する前に、透明な余白をトリミングします。すべてのアプリまたはオペレーティング システムのアイコン形式が自動的に生成されるわけではありません。パレット抽出では、主な HEX の色と比率がレポートされます。視覚的に比較すると、同じ寸法の 2 つの画像間のピクセルの違いが見つかります。

目的に合うツールを選ぶ

入力例はワークフローを示しています。特定のファイル サイズ、認識精度、互換性を保証するものではありません。

画像を回転・反転

写真を回転またはミラーリングして新しいファイルに保存します。ミラーリングにより画像内のテキストが反転するかどうかを確認します。

例

写真 + 左右反転 → ミラーコピー
  1. JPG, JPEG, PNG, WEBP, GIF, BMP, AVIF, ICOファイルを選択します。最大100ファイルを選べます。
  2. 出力品質(%), 回転角度(度), 反転を確認し、処理を開始します。
  3. JPGPNGWEBPの結果をダウンロードし、内容と品質を確認します。
何を確認するか

再保存で品質やメタデータが変わる場合があります。反転と回転は別の操作です。

ツールを開く →

画像を白黒に変換

グレーの階調を使用して写真を表現します。グレースケールは、黒と白のみへのしきい値処理とは異なります。

例

カラー写真 → グレースケール写真
  1. JPG, JPEG, PNG, WEBPファイルを選択します。最大100ファイルを選べます。
  2. 出力形式, 出力品質(%)を確認し、処理を開始します。
  3. Imageの結果をダウンロードし、内容と品質を確認します。
何を確認するか

濃淡は保持されます。1ビットの白黒二値化ではありません。

ツールを開く →

画像にぼかしをかける

画像全体を背景としてぼかします。これは、特定の顔だけを非表示にするための領域セレクターではありません。

例

写真+ぼかし量 → 画像全体をぼかした状態
  1. JPG, JPEG, PNG, WEBPファイルを選択します。最大100ファイルを選べます。
  2. ぼかしの強さ, 出力形式, 出力品質(%)を確認し、処理を開始します。
  3. Imageの結果をダウンロードし、内容と品質を確認します。
何を確認するか

画像全体をぼかします。顔の自動検出や安全な墨消しではありません。

ツールを開く →

画像に枠線を追加

出版コピーに境界線とコーナーの処理を追加します。境界線が出力寸法に及ぼす影響を確認します。

例

画像+フチ幅・色 → フチありコピー
  1. JPG, JPEG, PNG, WEBPファイルを選択します。最大100ファイルを選べます。
  2. 枠の幅(px), 色, 角の丸みを確認し、処理を開始します。
  3. Imageの結果をダウンロードし、内容と品質を確認します。
何を確認するか

枠は出力画像の一部になります。後から独立した図形レイヤーとして編集できません。

ツールを開く →

画像の一覧シートを作成

列数とセルの寸法を使用して、1 つのシート上の複数のデザインを比較します。個々のソース写真を保管してください。

例

写真 4 枚 + 2 列 → 画像グリッド
  1. JPG, JPEG, PNG, WEBPファイルを選択します。最大100ファイルを選べます。
  2. 列数, セル幅(px), セル高さ(px)を確認し、処理を開始します。
  3. PNGJPGの結果をダウンロードし、内容と品質を確認します。
何を確認するか

サムネイルはセルに合わせて縮小されます。大きな一覧はCanvasやメモリの上限に達する場合があります。

ツールを開く →

ファビコンを作成

ウェブサイトのアイコンサイズを1枚の画像から用意します。マークが小さいサイズでも認識できるかどうかを検査します。

例

ロゴ → 16/32/48/180/192/512 px アイコン
  1. JPG, JPEG, PNG, WEBP, SVGファイルを選択します。最大1ファイルを選べます。
  2. 収め方, 背景色, 透明背景を維持を確認し、処理を開始します。
  3. Imageの結果をダウンロードし、内容と品質を確認します。
何を確認するか

小さいアイコンでは細部が見えなくなります。使用前に各サイズを確認してください。

ツールを開く →

画像の透明な余白を削除

アルファしきい値とパディングを使用して、透明なロゴの周囲の空のスペースをトリミングします。これでは、不透明な白い背景は削除されません。

例

余白付き透明ロゴ → トリミングロゴ
  1. PNG, WEBPファイルを選択します。最大100ファイルを選べます。
  2. アルファしきい値(%), 追加の余白(px), 出力品質(%)を確認し、処理を開始します。
  3. PNGの結果をダウンロードし、内容と品質を確認します。
何を確認するか

白背景は透明ではないため削除されません。しきい値が高いと薄い輪郭が欠ける場合があります。

ツールを開く →

画像の背景を削除する

接続されている無地の背景を削除するか、サポートされている AI パスを使用してください。細かいエッジをオリジナルと比較します。

例

商品写真 → 透明/無地背景 PNGツールを開く →

画像の差分

2 つの等しいサイズのデザイン間のピクセルの変化を検査します。これは意味上の正しさを判断するものではありません。

例

等サイズ新旧画像 → ピクセル差画像ツールを開く →

画像のカラーパレットを抽出する

参照画像から主要な色を抽出します。縮小され量子化された分析は、正確なカラー管理ではありません。

例

参考画像→ HEX/プロポーション CSV + CSS + パレット PNGツールを開く →

このガイドでは、パブリック Web ツールとそのサポート制限について説明します。オリジナルを保存して、ダウンロードした結果を確認してください。 Coverton · 訂正と連絡

この翻訳はソフトウェアの支援を利用して作成されました。英語版も読むことができます。 英語で読む