Frage zu Inkscape (Icons mit durchgehend weißem Hintergrund mit einem Alpha-Bild)

EDIT: Hallo, ja, ich versuche, transparente Symbole auf einem durchgehend weißen Hintergrund zu erhalten. Auch der zweite Link ist nicht defekt. Es benötigt HTML-Code, um es korrekt anzuzeigen. Hier ist ein Screenshot dessen, was es tut, wenn ich die Hintergrundfarbe mit HTML ändere. Ich kann es mit Pixlr bekommen, aber die Bildqualität leidet.

[transparente Symbole mit festem Hintergrund

Ich habe hoch und tief geschaut, aber alles im Internet handelt von einem transparenten Hintergrund. Ich habe es mit Inkscape geschafft, aber was ich brauche, ist ein solider weißer Hintergrund mit einem Alpha-Bild.

PNG mit einem transparenten Alpha-Hintergrund

Ich habe es auch geschafft, das Bild selbst mit Pixlr mit einem soliden Hintergrund transparent zu machen. Aber die Qualität ist einfach schrecklich. Kann ich das Folgende mit Inkscape oder ähnlichem erreichen, ohne die Bildschärfe zu beeinträchtigen?

PNG mit transparentem Hintergrund

PNG mit transparentem Symbol

Das zweite wird als leeres Bild angezeigt, es sei denn, es ist mit Hintergrundfarbe in HTML eingebettet.

Willkommen bei Grafikdesign SE. Leider bin ich mir nicht sicher, ob ich verstehe, was genau Sie erreichen wollen und was Ihr Problem ist. Möchten Sie schwarze Symbole auf transparentem Hintergrund (Ihr erstes Beispiel) oder transparente Symbole auf weißem Hintergrund? Bitte bearbeiten Sie Ihre Frage, um zu verdeutlichen, was Sie benötigen (und reparieren Sie diesen defekten Bildlink).
Wahrscheinlich möchten Sie den Alphakanal in Ihrem Bild invertieren?
Das habe ich mit Pixlr gemacht. Aber ich kann anscheinend nicht dasselbe in Inkscape tun?
Mir ist auch nicht klar, was du eigentlich erreichen willst. Mit welchem ​​Teil kämpfst du?
@ DA01 ja, ich weiß, es ist eine seltsame Anforderung. das ziel hier ist es, eine png-datei mit ein paar symbolen als src für das img-tag in meinem html-code zu verwenden. Wenn ich die Hintergrundfarbe ändere, sollten nur die Symbole die Farbe ändern, wie in den obigen Screenshots zu sehen. Tut mir leid, mich zu wiederholen; Ich kann dies in Pixlr (schlechte Qualität) tun, aber nicht in Inkscape.
Ich verstehe, Sie möchten also durchgehend weiße Bilder erstellen, bei denen die Zeichnung aus dem Weiß „ausgestanzt“ ist, sodass die Hintergrundfarbe durchscheint?

Antworten (2)

Du zeichnest also deine Icons in Inkscape? Versuche dies:

  • Wenn Sie Linien mit einer gewissen Breite verwenden, verwenden Sie den Befehl „Pfad > Strich zu Pfad“, um sie in gefüllte Pfade ohne Strich umzuwandeln.
  • Wenn Sie Text verwenden, verwenden Sie den Befehl „Objekt > Gruppierung aufheben“, um jedes Textobjekt in einzelne gefüllte Pfade umzuwandeln.
  • Wenn Sie gefüllte Pfade verwenden, lassen Sie sie unverändert, aber überprüfen Sie, ob sie keinen Strich haben.
  • Wählen Sie alle resultierenden Pfade aus.
  • Verwenden Sie den Befehl "Pfad > Union", um sie zu einem gefüllten Pfad zusammenzuführen.
  • Ziehen Sie ein Rechteck in der Größe des gewünschten Symbols über den zusammengeführten Pfad.
  • Wählen Sie sowohl das Rechteck als auch den zusammengeführten Pfad aus.
  • Verwenden Sie den Befehl "Pfad > Ausschluss", um den Pfad vom Rechteck zu subtrahieren.
  • Passen Sie die Farbe des resultierenden Objekts an.
  • Nach PNG exportieren.
Ich habe diesen Kobold bereits ausprobiert. Kein Würfel. Außerdem wurden die ursprünglichen Symbole in KI entworfen, nur damit Sie es wissen. Ich importiere .ai und verwende die Option „Export nach PNG“.
@kFMIF, was ist das Ergebnis? Ich denke, dass alle in Inkscape importierten Vektorgrafiken die Gruppierung aufheben und in Pfade konvertieren können.

Andere Option. Ich kenne Pixlr nicht, aber da Sie PNG mit Alpha speichern können, scheint es ein anständiger Bildeditor zu sein.

  • Exportieren Sie das Symbol von AI oder Inkscape nach PNG, wie Sie es zuvor getan haben, aber mit einer sehr großen Bildgröße (z. B. 10-mal größer als erforderlich).
  • Öffnen Sie es in Pixlr, fügen Sie einen soliden Hintergrund hinzu und machen Sie die farbigen Bereiche transparent
  • Ändern Sie die Größe des Bildes auf die erforderliche Größe (verwenden Sie die besten Qualitätseinstellungen).

Hoffentlich wird der Alphakanal während der Größenänderung geglättet und Sie erhalten die erforderliche gute Bildqualität.

Frage zu Inkscape (Icons mit durchgehend weißem Hintergrund mit einem Alpha-Bild)
AntwortenHierDatenschutz-Bestimmungen1y, 0v