Ein Favicon ohne Hintergrund für meine Website?

16361
Braiam

Viele Websites bieten solche Favicons wie diese Website an. Schau es dir an. Es gibt keinen weißen Hintergrund, um alles richtig zu ruinieren? Nun, ich bin nicht so professionell, aber ich möchte Folgendes:

Ich möchte ein Logo für meine Website entwerfen, das im Wesentlichen ein J auf einer Ellipse ist. Beim Rendern in PNG oder JPG (das sind die einzigen von WordPress akzeptierten Formate) wird ein zusätzlicher klebriger weißer Hintergrund angezeigt, selbst wenn ich anfänglich ein Papier ohne Hintergrund wähle.

Ich habe Corel Photo-Paint ausprobiert und es wird angezeigt, dass Masken nicht gespeichert werden. Bitte helfen

0
Es gibt eine Website zum Austausch von Grafikdesign-Stapeln, die möglicherweise zu dieser Frage bessere Ergebnisse liefert, z. B. fyi. Bradley Forney vor 9 Jahren 0
Ich habe nur aus diesem Grund alle Stackexchange überprüft. Es scheint jedoch, dass es die zuverlässigste Verbindung war. Vielleicht zeigte es sich nicht dort, wo ich nachgesehen habe. Können Sie den Link trotzdem angeben? vor 9 Jahren 0
Das wäre die [Graphic Design SE] (http://graphicdesign.stackexchange.com/); Es gibt auch [Webmaster] (http://webmasters.stackexchange.com/), die möglicherweise zutreffen. Bitte veröffentlichen Sie Ihre Frage jedoch nicht auf einer anderen Site im Netzwerk. Sie können den Link "Flag" direkt unter Ihrer Frage verwenden, um die Frage für die Aufmerksamkeit des Moderators zu kennzeichnen und eine Migration zu beantragen, falls Sie dies wünschen. a CVn vor 9 Jahren 0

2 Antworten auf die Frage

6
drk.com.ar

Sie möchten ein transparentes Bild. Sie müssen eine PNG-Datei mit Transparenz erstellen. JPEG unterstützt keine Transparenz. Die Schritte können je nach verwendeter Software variieren. Grundsätzlich muss aber ein Bild mit Alphakanal (Transparenz) bearbeitet werden. Sie müssen einige Teile Ihres Bildes auswählen und entfernen. An seiner Stelle sehen Sie ein Muster, das den Hintergrund darstellt.

Sample image with alpha channel

Später müssen Sie beim PNG-Export die Transparenzoption angeben.

AKTUALISIEREN

Erstellen Sie mit GIMP ein Bild und fügen Sie einen Alphakanal hinzu. Zeichnen Sie wie gewünscht und stellen Sie sicher, dass Sie einen transparenten Bereich wie oben beschrieben haben. Wählen Sie dann " Datei" > " Exportieren" und wählen Sie eine Zieldatei mit der Erweiterung "PNG" aus. GIMP zeigt ein Exportoptionsdialogfeld wie dieses an:

enter image description here

Vergewissern Sie sich, dass die Optionen "Farbwerte für transparente Pixel speichern" und "Hintergrundfarbe speichern" ausgewählt sind. Klicken Sie dann auf die Schaltfläche Export .

Na sicher. Wenn ich sagte, dass ich versucht habe, mein Logo auf einem Hintergrund ohne Hintergrund zu erstellen, bedeutet dies, dass es keine Ebenen hat (dh es ist transparent - dieser Checkbox-Stil). Nach dem Rendern in entweder .png oder .jpg bleibt das No-Layer / Mask-Element jedoch nicht erhalten. Ihre Antwort war eine Bestätigung, keine Lösung. Sie haben mir nicht genau gesagt, welche Software No-Layers (oder transparente) .png-Dateien darstellen kann ...: / vor 9 Jahren 0
OK. Das war in deiner Frage nicht klar. Lassen Sie mich die Antwort mit einigen Anweisungen aktualisieren. drk.com.ar vor 9 Jahren 0
Danke, ich brauchte nur eine Software, als dies möglich wäre. GIMP scheint cool zu sein. vor 9 Jahren 0
1
Sickest

Ich empfehle Ihnen dringend, einen Favicon-Generator zu verwenden. Wie dies oder das, worauf sollten Sie diesen Code in der Kopfzeile setzen, um für das Symbol als Favicon zu zeigen.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon">
Ich verwende das Codilight-Thema auf meiner selbst gehosteten Website. Ich glaube nicht, dass ich Text manuell mit Kopf eingeben kann, wenn ich nicht das gesamte Thema bearbeite. Ich werde das versuchen, danke. vor 9 Jahren 0
Sie müssen es nur auf Ihrer Hauptseite tun. Sickest vor 9 Jahren 0

Verwandte Probleme