ピクセル化したロゴを修正して背景を透明のままにする方法

私の最初のフリーランス Web デザインクライアントの 1 人が、ロゴを私に送ってきました。 150ピクセル幅のJPEG。 それが彼らが持っていた唯一のファイルでした。 彼らの前の デザイナーがそれを持っていましたが、彼らは仲違いをしました、そして今ではその唯一のコピーです 存在するロゴは古い電子メールから圧縮されたサムネイルでした 署名。 彼らはそれを新しいウェブサイトのヘッダーに入れたいと考えていました 幅 400 ピクセル、背景は透明です。

これは珍しいことではありません。 中小企業がオリジナルのロゴファイルを紛失 常に。 5年前にそれを作ったデザイナーは連絡が取れない。 元のファイルが保存されていたコンピュータが故障しました。 残るのはほんの小さなものだけ PDF またはスクリーンショットから抽出されたピクセル化されたバージョン。 その方法は次のとおりです それを救い出す。

ロゴの修正が写真より難しい理由

写真は自然な質感を持っています。 肌、布地、草、空。 AIなら わずかに滑らかにするか、わずかにディテールを追加すると、自然に見えます。 写真にはバリエーションがあるはずです。 ロゴはその逆です。 彼らは 硬くて意図的なエッジを持っています。 文字の形には特定の形があります。 あ 幾何学的マークは、きれいで数学的に正確な曲線を持っています。 あらゆる逸脱 その精度からすると間違っていると言えます。

標準的な写真アップスケーラーはこの点が苦手です。 彼らはギザギザを見ます ピクセル化されたロゴの端を滑らかにしようとしますが、その滑らかさは 鋭利な角を丸く、直線をわずかに変化させます。 波状のもの。 結果は一見きれいに見えますが、実際に実行すると間違っています 実際に見てください。

グラフィックやイラストの訓練を受けたアップスケーラーがより効果的です。 Real-ESRGAN にはハード エッジを維持するデジタル アート用のバリアントがあります そしてフラットカラー。 ピクセレーションを修復すべきダメージとして扱います 滑らかになるテクスチャよりも。 修正が必要な 150 ピクセルのロゴについては、 これにより、使えるものとそうでないものの間に違いが生じました。 鈍いクレヨンで描いたように見えました。

段階的なサルベージプロセス

ステップ 1。 可能な限り最高のソースを入手してください。 クライアントがロゴをオンにしている場合 Web サイトが小さく表示されている場合でも、ソース ファイルは 見た目よりも大きい。 画像を右クリックして新しいタブで開きます。 実際の寸法をご確認ください。 ロゴが 200 ピクセルで表示される場合がある Wide は実際には 600 または 800 ピクセルのファイルであり、 ブラウザ。 その大きなバージョンを入手してください。

ステップ 2。 ロゴの背景が白で必要な場合 透明な場合は、まず AI で背景を削除します。 背景の除去 ClearPix では 1 クレジットがかかり、ロゴの作成には約 3 秒かかります。 ロゴのエッジが硬いため、背景の除去が非常にきれいになります。 の 結果はほぼ完璧になるはずです。

ステップ 3。 ロゴを高級感のあるものにします。 元の量が約半分の場合は 2x を使用します ターゲット サイズ、4 分の 1 以下の場合は 4 倍。 私の150ピクセルの場合 ロゴを 400 ピクセルのヘッダーに配置し、4 倍の 600 ピクセルにアップスケールすると、 仕事をする部屋。 コストは 2 ～ 4 クレジットです。

ステップ 4。 200% ズームでエッジを確認します。 柔らかくなった角を探してください。 線がぐらついたり、端の色がにじんだりする。 ほとんどの AI アップスケーラーは、 ロゴは80％くらい正しい。 残りの 20% には通常数分かかります 消しゴムツールを使用した手動クリーンアップまたはアンシャープを使用したクイックパス マスクフィルターを使用してエッジを元に戻します。

ステップ5。 透明な背景が必要な場合は、必ずエクスポートしてください。 アルファ チャネルをそのままにした PNG として。 エッジをもう一度チェックしてください 背景を暗くして、白いフリンジがないことを確認します。 白い後光 白い背景では見えないものが、暗い背景では非常に目立つようになります ウェブサイトのヘッダー。

ロゴにテキストが含まれている場合はどうなりますか

テキストを含むロゴは、文字の形状が非常に複雑であるため、修正が最も困難です。 特定の比率。 AI が部分をわずかに押しつぶしたり伸ばしたりした場合、 文字だとすぐに目に留まります。 これらのために、私は ロゴを 2 倍にして、元の小さいバージョンを 50% の不透明度でオーバーレイし、 文字の形を比べてみましょう。 文字が間違っている場合は、手動で修正します オリジナルを基準として調整してください。

フォントが識別可能な場合（一般的なロゴ フォントによく見られる）、 正しいサイズと位置でテキストを再入力するだけです。 5つかかります 数分で完璧な結果が得られます。 ロゴマークはAIアップスケーリング。 テキストが再入力されます。 この組み合わせにより最高の品質が得られます テキストの多いロゴの復元。

どれもうまくいかないとき

ロゴの幅が約 100 ピクセル未満で、ピクセル化が激しい場合、AI アップスケーリングすると、見た目はきれいになりますが、まだきれいではありません プロフェッショナル。 その時点で、最善の選択肢はロゴを再描画することです。 Illustrator または Inkscape で形状をトレースします。 フォントを合わせます。 再構築 それをベクトルとして扱います。 これには 1 ～ 2 時間の作業がかかりますが、 完璧で無限に拡張可能なロゴ。

最初に作成した 150 ピクセルの JPEG ロゴの修正には約 45 分かかりました。 背景の除去には 3 秒かかりました。 AI アップスケーリングには 8 秒かかりました。 残りの 44 分は、手動でエッジをクリーンアップし、テキストを再入力する作業でした。 会社名。 クライアントは満足していたので、1 時間の料金を請求しました 仕事。 面倒な作業はツールがやってくれました。 精密な作業を行いました。 それ ロゴの修復にはバランスがちょうどいいです。

クライアントが小さなピクセル化されたロゴを送ってきた場合、必要であるとは伝えないでください。 ベクター ファイルは決して見つからないでしょう。 修正して請求を行って、次へ進みましょう。