私のウェブサイトの背景なしのファビコン?


1

多くのWebサイトは、このWebサイト自体のような種類のファビコンを提供しています。それを見てください。すべてを破壊する白い背景はありませんか?今、私はその専門家ではありませんが、ここに私が欲しいものがあります:

私は基本的に楕円上のJである私のウェブサイトのロゴをデザインしたいです。現在、PNGまたはJPG(WordPressが受け入れる唯一の形式)にレンダリングすると、最初に背景なしの用紙を選択した場合でも、追加の白い背景が貼り付けられます。

Corel Photo-Paintを試してみましたが、マスクのようなものは保存されません。助けてください。


この質問に対してより良い結果をもたらす可能性のあるグラフィックデザインスタック交換サイトfyiがあります。
ブラッドリーフォーニー

この理由だけのために、すべてのstackexchangeをチェックしました。ただし、最も信頼性の高いリンクのようです。たぶんチェックしたところに現れなかったかもしれません。とにかく、リンクを提供できますか?

それがグラフィックデザインSEです。適用可能なウェブマスターもいます。ただし、ネットワーク内の別のサイトに質問を再投稿しないでください。質問のすぐ下にある「フラグ」リンクを使用して、モデレーターの注意を促すために質問にフラグを立て、移行をリクエストすることができます。
CVn

回答:


6

透明な画像が必要です。透明度のあるPNGファイルを作成する必要があります。JPEGは透明度をサポートしていません。手順は、使用するソフトウェアによって異なる場合があります。ただし、基本的には、アルファチャネル(透明度)を使用して画像を処理する必要があります。画像の一部を選択して削除する必要があります。その場所には、背景を表す何らかのパターンが表示されます。

アルファチャネル付きのサンプル画像

後で、PNGエクスポート中に透明度オプションを指定する必要があります。

更新

使い方GIMPは画像を作成して、アルファチャンネルを追加します。必要に応じて描画し、上記のような透明な領域があることを確認してください。次に、「ファイル」 >「エクスポート...」を選択し、拡張子がPNGの宛先ファイルを選択します。GIMPは、次のようなエクスポートオプションダイアログを表示します。

ここに画像の説明を入力してください

[透明ピクセルの色の値を保存する] オプションと[背景色を保存する] オプションが選択されていることを確認してから、[ エクスポート ]ボタンを押します。


もちろん。ロゴを背景なしで作成しようと言ったとき、レイヤーがないことを意味します(つまり、透明-チェックボックススタイル)。しかし、.pngまたは.jpgのいずれかでレンダリングした後、レイヤー/マスクのないものは保持されません。あなたの答えは再確認であり、解決策ではありませんでした。レイヤーなし(または透明)の.pngファイルをレンダリングできるソフトウェアを正確に教えてくれませんでした...:/

OK。それはあなたの質問では明確ではありませんでした。いくつかの指示で答えを更新させてください。
drk.com.ar

おかげで私はこれができるよりもソフトウェアが必要でした。GIMPはクールなようです。

2

Faviconジェネレーターを使用することを強くお勧めします。同じように、このまたはこのアイコンがファビコンとして表示するために、その後あなたは順序であなたのヘッダーでこのコードを設定することをお勧めします。

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">

自己ホスト型WebサイトでCodilightテーマを実行します。テーマ全体を編集しない限り、見出しにテキストを手動で入力できないと思います。試してみます、ありがとう。

メインページに対してのみ行う必要があります。
シックな
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.