Heim / Onlineservice / Online-Photoshop mit transparentem Hintergrund. So erstellen Sie einen transparenten Hintergrund auf einem Bild. Der LunaPic-Dienst entfernt den Hintergrund des Bildes

Online-Photoshop mit transparentem Hintergrund. So erstellen Sie einen transparenten Hintergrund auf einem Bild. Der LunaPic-Dienst entfernt den Hintergrund des Bildes

Laufen Setup-Datei und folgen Sie den Anweisungen des Programms. Sobald die Installation abgeschlossen ist, wird Photo Editor automatisch geöffnet.

Laden Sie das Bild in das Programm

Klicken Sie auf die Schaltfläche Datei öffnen, suchen Sie im angezeigten Fenster das gewünschte Foto und klicken Sie darauf Offen. Außerdem kann das Bild einfach in das Programmfenster gezogen werden.

Hintergrund entfernen

An obere Platte Registerkarte auswählen Hintergrund ersetzen. Drück den Knopf Automatische Auswahl, – Das Programm hebt automatisch die Silhouetten von Personen auf dem Foto hervor.

Um ein beliebiges Objekt manuell auszuwählen, verwenden Sie den grünen Pinsel und wählen Sie das Objekt aus, auf das Sie übertragen möchten transparenter Hintergrund. Es muss nicht auf jeden Millimeter des Bildes geachtet werden – eventuelle Fehler können nachträglich korrigiert werden. Als nächstes markieren Sie mit einem roten Pinsel den Bereich um das gewünschte Objekt herum. Drück den Knopf Weiter.

Jetzt müssen Sie die Kanten des ausgeschnittenen Teils des Bildes verfeinern. Um die Auswahl großer Bildbereiche anzupassen, wählen Sie die entsprechende aus Pinsel-Maske. Um den Rand des ausgewählten Bereichs zu verfeinern, streichen Sie darüber Haar-Highlight. Wenn Sie mit dem Ergebnis zufrieden sind, fahren Sie mit dem nächsten Schritt fort.

Standardmäßig ist der Hintergrund des Bildes transparent. Bei Bedarf kann es ausgetauscht werden. Um den Hintergrund einfarbig zu gestalten, wählen Sie eine der vorgefertigten Optionen (das Programm bietet schwarze, graue und weiße Hintergründe) oder verwenden Sie die Palette. Um ein weiteres Foto in den Hintergrund zu stellen, klicken Sie auf die Schaltfläche Bild hinzufügen und wählen Sie das gewünschte Bild aus. Drücken Sie dann die Taste Anwenden.

Speichern Sie das Ergebnis

Drück den Knopf Speichern. Standardmäßig bietet das Programm an, die Datei im JPEG-Format zu speichern. Dieses Format unterstützt keine Transparenz, daher müssen Sie ein anderes auswählen. Öffnen Sie eine Registerkarte Dateityp und wählen Sie BMP, DPX, PNG, TGA oder TIFF. Klicken Speichern. Das Programm öffnet automatisch den Ordner mit der resultierenden Datei.

Jetzt wissen Sie, wie Sie ein Bild mit transparentem Hintergrund speichern. mit Movavi Foto Editor. Aber das Programm hat viele andere Bearbeitungsoptionen, wie das Entfernen unerwünschter Objekte aus Bildern, das Wiederherstellen alter Fotos und das Anwenden von Filtern auf Fotos. Experimentieren Sie und jeder Rahmen wird unvergesslich sein!

Natürlich unterstützt das JPEG-Format keine Transparenz, aber die Idee, JPEG anstelle von PNG für transparente Texturen zu verwenden, ist schon lange in den Köpfen der Menschen. Kamrad PaulZi schlug vor nicht allzu langer Zeit vor, das SVG-Format für HTML zu verwenden, das das Bild selbst und die Maske speichert. Jim Studt schlägt vor, EXIF-Felder in JPEGs zu verwenden und dort Masken zu speichern und sie mit Canvas auf einer Webseite anzuzeigen.
Beide Methoden sind relativ schwierig zu verwenden und für das Web konzipiert, daher habe ich mich für die einfachste Option entschieden: Speichern Sie verlustbehaftetes JPEG für RGB und verlustfreie Maske in PNG und kombinieren Sie sie in der Phase, in der Sie ein UIImage im Programm erhalten. Ich möchte gleich sagen, dass ich auf MonoTouch schreibe, daher zitiere ich den Code in C#, obwohl dies in ObjC unter Berücksichtigung der Syntax fast genauso gemacht wird.

Kanaltrennung

Zum Partitionieren verwende ich die Konsolenprogramme von ImageMagik.
Dieser Befehl trennt den Alphakanal:
Konvertieren Sie file.png -Kanal Alpha -separate file.mask.png

Der folgende Befehl erstellt JPEG-Datei, Transparenzdaten verwerfen. Bezeichnenderweise einige andere Dienstprogramme (einschließlich Photoshop) während der Konvertierung png-Datei in JPEG fügen sie eine Art einfarbigen Hintergrund hinzu und speichern es erst dann in RGB, was ein schönes, aber falsches Bild mit vormultipliziertem Alpha ergibt.
Konvertieren Sie file.png -Qualität 90 -Alpha aus file.jpg

Die Qualität der empfangenen Datei wird durch den Parameter geregelt Qualität 90. 90 % der Qualität von JPEG ist mehr, als Apple für Screenshots von Programmen und Filmen angibt. Ich denke jeder kann diesen Wert nach seinem Geschmack anpassen.

Optimierung

Die Maske wird als 8-Bit-Graustufen-PNG ohne Transparenz erhalten. Dieses Format lässt sich sehr gut komprimieren. Option oder über die Website www.tinypng.org.
Bei JPEG ist die Situation interessanter. Es wäre möglich, sich nur auf die Einstellung der Qualität zu beschränken, aber kürzlich bin ich auf ein wunderbares Dienstprogramm gestoßen jpegscan von Loren Merritt, einem der ffmpeg-Entwickler und x264-Encoder ( auf seine Kosten besteht der Verdacht, dass er ein Vertreter eines außerirdischen Geistes oder eines kybernetischen Gehirns ist).
Das Dienstprogramm verwendet einen ungewöhnlichen Ansatz: Es wählt verschiedene Koeffizienten für die progressive Komprimierung aus und wählt die optimalsten aus. Die Gewinne betragen 5 bis 15 % bei identischer Bildqualität. Das Dienstprogramm hat keine eigene Seite, nur ein Diskussionsthema und den Perl-Code selbst: pastebin.com/f78dbc4bc

Um nicht jedes Mal Befehle manuell eingeben zu müssen, habe ich ein einfaches Bash-Skript geschrieben:
#!/bin/bash basefile=$(1##*/) maskfile="$(basefile%.*).mask.png" jpegfile="$(basefile%.*).jpg" convert $1 -channel Alpha - separate $maskfile convert $1 -quality 90 -alpha off $jpegfile optipng $maskfile jpegrescan $jpegfile $jpegfile

Hier ist die Ausgabe des Skripts:


In meinem Fall wurden zwei Dateien mit 380 KB und 35 KB aus einer 1,8-MB-Datei erhalten.

Kleben

Das Kleben selbst ist sehr einfach - zwei Bilder werden in ein UIImage geladen, dann wird ein CGImage basierend darauf mit der WithMask-Methode erstellt (in ObjC sind dies CGImageRef bzw. initWithMask) und dann in ein neues UIImage gewickelt.
UIImage-Ergebnis; using(UIImage uiimage = UIImage.FromFile(file)) using(UIImage mask = UIImage.FromFile(maskFile)) ( CGImage image = uiimage.CGImage; image = image.WithMask(mask.CGImage); result = UIImage.FromImage(image , uiimage.CurrentScale, uiimage.Orientation); )

In einem echten Projekt habe ich es etwas komplizierter gemacht und auf das Vorhandensein der Datei *.mask.png geprüft, und wenn sie fehlt, gebe ich das übliche UIImage.FromFile() zurück.

Profitieren

Optisch hat sich das Spiel in keiner Weise verändert. Die Verzögerung beim Laden und Kleben von Texturen ist mit dem Auge nicht wahrnehmbar, weshalb ich sie nicht gemessen habe. Das Projekt selbst ist um 6 (!!) Megabyte geschrumpft, sowohl in .ipa-Form als auch in iTunes und auf dem Gerät.

Screenshot aus dem Spiel in PNG. Es sind keine Artefakte oder Komprimierungs-/Transparenzprobleme sichtbar.
Etwas peinlich doppelt so viele Bilder im Projektordner, aber das lässt sich verkraften. Codeänderungen sind minimal. Für Schnittstellengrafiken ist diese Methode nicht ideal, da ein UIImage manuell zugewiesen werden muss und nicht von NIB / XIB geladen werden muss, aber sie eignet sich gut für benutzerdefinierte Steuerelemente oder Texturen. Selbst wenn ein JPEG mit 100 % Qualität gespeichert wird, kann die Größe der resultierenden Dateien kleiner sein als das ursprüngliche verlustfreie PNG.

P.S. ImageMagick und optipng werden von Ports (MacPorts/Fink/Brew) installiert und heißen gleich. Das jpegrescan-Skript wird von heruntergeladen

Sehr oft beim Erstellen Grußkarten oder Video bin ich auf die Frage gestoßen: Wie kann das gehen ohne Wissen Photoshop?

Wer mit Photoshop vertraut ist, wird dies problemlos tun. Doch noch hat nicht jeder dieses schlaue Programm gelernt. Wie können sie sein? Gibt es wirklich keinen Ausweg?

Schließlich besteht immer der Wunsch, unsere Präsentationen, Glückwünsche und Seiten so attraktiv und professionell wie möglich zu gestalten. Ich habe Ihnen bereits gesagt, wie Sie das Programm für diesen Zweck verwenden. Es wird Ihnen helfen, Ihre Bilder zu machen, und Sie können sogar Ihr erstes damit machen.

Und jetzt verrate ich Ihnen noch ein Geheimnis: Heute lernen Sie, wie Sie den Hintergrund des Bildes transparent machen. Und Sie tun es absolut kostenlos und verbringen nur 2 Minuten Ihrer Zeit.

Kommen wir zur Sache.

Finden Sie das Bild, das Ihnen gefällt. Zunächst sollte es ein Bild auf einem nicht geschichteten Hintergrund sein - zum Beispiel auf einem weißen. Kommen wir zur Serviceseite. Sie müssen kein langwieriges Registrierungsverfahren durchlaufen. Klicken Sie einfach auf den Online-Service-Link.

Das folgende Fenster öffnet sich vor Ihnen:

Drücken Sie " Bild vom Computer hochladen". Wählen Sie das Bild aus, das Sie vorbereitet haben. Sie können es einfügen separater Ordner in Bildern. Oder auf dem Desktop, damit Sie nicht lange suchen müssen. Klicken Sie einmal auf dieses Bild und drücken Sie " offen".

Das Bild erscheint auf der Serverseite:

Auf der rechten Seite befinden sich 3 Fenster und in der Mitte ist ein Schloss gezeichnet. Klicken Sie 2 mal mit der linken Maustaste darauf. Dies wird die Tür zur Magie öffnen.

Auf der linken Seite sehen Sie das Panel " Werkzeug", einer davon ist das " Zauberstab" die wir jetzt verwenden werden. Klicken Sie einmal darauf und dann auf eine beliebige freie Stelle im Hintergrund Ihres ausgewählten Bildes. Um das Bild wird eine gestrichelte Linie angezeigt.

Der letzte Schritt auf dem Weg zur Transformation: Drücken Sie die Taste " Del" (Löschen) auf Ihrem Computer. Der Hintergrund wird zu einem Kästchen. Wenn nicht der gesamte Raum ringsum von einem Kästchen bedeckt ist, berühren Sie diese Stelle erneut mit einem Zauberstab und drücken Sie die "Entf"-Taste

Es erscheint ein Fenster, in dem Sie gefragt werden: "Möchten Sie das Bild vor dem Schließen speichern?" Drücken Sie " Ja".

Heute habe ich beschlossen, mich ein wenig vom Thema Codierung zu entfernen und ein wenig über das Design zu erzählen. Obwohl Design eine wichtige Rolle bei der Erstellung einer Website spielt, bin ich nicht seit meiner Kindheit mit Zeichnen, Grafik und Design befreundet. Daher suche ich, wie viele Blogger, Bilder für meine Posts irgendwo im Internet und nutze dabei kostenlose Fotobanken und Fotoarchive.

Und so kommt manchmal ein sehr passendes Bild für Ihren Beitrag rüber und alles wäre gut ... Aber der Hintergrund des Bildes passt nicht zum Hintergrund eines Blogs oder eines Blocks mit Text. Offensichtlich hat keiner von mir ein solches Problem und keiner meiner Hintergründe ist weiß, was in den meisten Fällen geeignet wäre. Ich benötige transparenter Hintergrund!

Im Internet habe ich keine guten Ideen gefunden. Wie erstelle ich einen transparenten Hintergrund? für das fertige Bild, also habe ich selbst angefangen zu experimentieren und eine mehr oder weniger passende Lösung gefunden!

So erstellen Sie einen transparenten Hintergrund für ein Bild

Nehmen wir ein Beispiel ein einfaches Bild im .jpg-Format (im Allgemeinen ist das Format nicht besonders wichtig):

Hier gibt es einen weißen Hintergrund, den ich loswerden und stattdessen einen transparenten Hintergrund erstellen möchte. Pixlr, ein Online-Abbild von Photoshop, wird uns dabei helfen.

Unser Bild wird geladen. Rechts im Fenster "Ebenen" erscheint die Ebene "Hintergrund", auf der sich ein Schloss befindet (erlaubt nicht, den Hintergrund des Bildes zu entfernen).

Durch einen Doppelklick mit der linken Maustaste auf dieses Vorhängeschloss können Sie das Schloss aus dem Hintergrund entfernen. Anstelle eines Vorhängeschlosses wird ein Häkchen angezeigt.

Jetzt nehmen wir Zauberstab(Symbolleiste, rechte Spalte, zweite Schaltfläche von oben) geben Sie folgende Parameter an: Toleranz = 21, Ticks sind auf Anti-Aliasing und Kontinuität(normalerweise sind solche Parameter Standard), obwohl Sie mit den Parametern experimentieren können; und klicken Sie auf den Hintergrund des Bildes (in unserem Fall auf einen weißen Hintergrund).

Jetzt löschen wir den Hintergrund durch Drücken der Schaltfläche "Löschen" und erhalten das gewünschte Bild mit transparentem Hintergrund.

Die Hauptsache ist, ein Bild auf Ihrem Computer oder Telefon anzugeben und dann auf die Schaltfläche OK unten auf dieser Seite zu klicken. Standardmäßig wird der einfache Hintergrund des Bildes durch einen transparenten ersetzt. Die Hintergrundfarbe des Originalbildes wird automatisch ermittelt, Sie müssen lediglich in den Einstellungen angeben, durch welche Farbe sie ersetzt werden soll. Der Hauptparameter, der die Qualität der Ersetzung beeinflusst, ist die „Intensität der Ersetzung“, die für jedes Bild unterschiedlich sein kann.

Ein Beispiel für ein Foto einer rosa Rose ohne Änderungen und nachdem der einfarbige Hintergrund durch transparent, weiß und grün ersetzt wurde:


Erstes Beispiel mit einer Rosenblüte auf transparentem Hintergrund erfolgt mit folgenden Einstellungen:
1) Ersatzintensität - 38;
2) Glätten um die Ränder herum - 5;
3) Ersetzen Sie den einfarbigen Hintergrund durch einen transparenten;
4) Zuschneiden (<0) или Добавление (>0) an den Rändern - "-70";
5) Invertieren - deaktiviert (Häkchen nicht gesetzt).

Zum Erstellen zweites Beispiel, mit weißem Hintergrund, wurden die gleichen Einstellungen wie im ersten Beispiel verwendet, bis auf den Parameter: "Einfachen Hintergrund ersetzen durch" - weiß. IN drittes Beispiel, grün hinterlegt, werden auch die Einstellungen verwendet, wie im ersten Beispiel, bis auf den Parameter: "Farbe im Hex-Format" - #245a2d.

Das Originalbild wird in keiner Weise verändert. Sie erhalten ein weiteres bearbeitetes Bild mit transparentem Hintergrund oder dem von Ihnen festgelegten Hintergrund.

1) Geben Sie ein Bild im BMP-, GIF-, JPEG-, PNG- oder TIFF-Format an:

2) Einstellungen zum Ersetzen eines einfarbigen Hintergrunds
Ersatzrate: (1-100)

Kantenglättung: (0-100) Einfachen Hintergrund ersetzen durch: transparent (nur PNG-24) rot pink lila blau türkis himmel limettengrün gelb orange schwarz grau weiß oder hexadezimal Farbe: Öffnen Sie die Zuschneidepalette (<0) или Добавление (>0) an den Rändern: (von -100 bis 100)
(Intensität für zusätzliches Zuschneiden oder Hinzufügen von Pixeln um eine Auswahl auf einem transparenten Hintergrund) Auswahl umkehren (anstelle des Hintergrunds den Vordergrund ersetzen)