Springe zum Hauptinhalt

Wie richtig der Verlust der Farbe und Sättigung der Bilder auf Wordpress

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 701.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Farb- und Sättigungsverlust ist ein Problem, mit dem viele WordPress-Benutzer beim Hochladen von Fotos und Bildern konfrontiert sind. In diesem Tutorial zeigen wir Ihnen, wie Sie dieses Problem beheben können.

imagecolorsaturationwp

Warum verlieren einige Bilder in WordPress ihre Farbe und Sättigung?

Viele Fotografen machen Fotos mit den Farben des RGB-Formats von Adobe. Letzteres hat mehr Farben und bietet sehr gute Ergebnisse.

Wenn Sie jedoch Ihr Bild hochladen, erstellt WordPress mehrere Bildgrößen. Diese Bilder verwenden ein RGB-Format, das weniger Farben als das von Adobe hat.

WordPress führt auch eine Komprimierung von Bildern mit geänderter Größe durch, was zu einem leichten Qualitätsverlust führen kann.

Mit dem RGB-Format von Adobe aufgenommene Bilder sind lebendiger und zeigen Farben in hohen Tönen genau an. Bei der Konvertierung durch WordPress werden diese hellen Farben durch leicht tiefe Töne ersetzt.

Farbsättigungs-loss

Vor diesem Hintergrund werden wir sehen, wie wir diesen Verlust an Farb- und Bildsättigung in WordPress beheben können.

Korrigieren Sie den Farbverlust und die Sättigung von Bildern in WordPress

Der beste Weg, um dieses Problem zu lösen, besteht darin, Ihre Bilder in das RGB-Format zu konvertieren, bevor Sie sie in WordPress hochladen. Sie können dies einfach mit Adobe Photoshop tun.

Methode 1:

Öffnen Sie Ihr Bild in Adobe Photoshop und klicken Sie auf Datei »Für Web speichern (Save for Web).

save-for-web

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Eine Liste der Weboptionen wird angezeigt. Dort können Sie die Option " Für Web speichern So konvertieren Sie das Bild in RGB und speichern es. Sie können auch ein Farbprofil in Ihr Bild einbetten. Dies hat zwar keinen großen Einfluss auf die Art und Weise, wie Browser Bilder lesen.

Save-for-web-Vorschau

2 Methode:

Verwenden Sie diese Methode, wenn Sie mit dem Ergebnis der ersten nicht zufrieden sind. Gehen Sie in Adobe Photoshop zu Bearbeiten »Farbeinstellungen. Daraufhin wird die Liste der Farbeinstellungen angezeigt.

Farbeinstellungen

Sie müssen auswählen "Nordamerika Web / Internet" ou "Web Internet für Europa 2" aus den Einstellungen im Dropdown-Menü. Wählen Sie dann im Abschnitt Farbverwaltungsrichtlinien die Option aus "Umstellung auf RGB. Danach klicken Sie auf die Schaltfläche " OKAY " um Ihre Einstellungen zu speichern.

Jetzt müssen Sie das Originalfoto oder das Bild öffnen, das Sie herunterladen möchten. Wenn das Arbeitsbereichsprofil nicht richtig passt, zeigt Photoshop eine Warnung an und fragt Sie, was zu tun ist.

mismatchcolorprofile

Sie müssen auswählen "Konvertieren Sie die Farben des Dokuments in den Arbeitsbereich"und klicken Sie auf " OKAY ". Das Farbprofil Ihres Fotos wird jetzt konvertiert. Sie können das Bild jetzt speichern, um Ihre Änderungen beizubehalten.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Wiederholen Sie den Vorgang für alle Bilder, die Sie herunterladen möchten. Sie können diese Bilder jetzt ohne Farb- oder Sättigungsverlust herunterladen.

Korrigieren Sie Farb- und Sättigungsverlust in WordPress mit GIMP

Gimp ist eine leistungsstarke, kostenlose Alternative zu Adobe Photoshop. Es wird das Format Ihrer WordPress-Uploads konvertieren.

GIMP erkennt einfach jedes Bild, das Sie öffnen möchten, um festzustellen, ob es über ein integriertes Farbprofil verfügt. Wenn Ihr Bild im Adobe RGB-Format vorliegt, zeigt GIMP automatisch einen Dialog zum Konvertieren an.

gimp-convertcolorspace

Manchmal hat ein Bild kein eingebautes Farbprofil oder GIMP sieht es einfach nicht richtig. In diesem Fall müssen Sie das Format manuell ändern.

Zuerst müssen Sie wissen, welches Format für Ihr Foto verwendet werden kann. Wir gehen davon aus, dass es sich um Adobe RGB handelt, aber es könnte auch anders sein. Überprüfen Sie Ihr Kameragerät, wenn Sie sich nicht sicher sind.

GIMP verfügt nicht über ein integriertes Adobe RGB-Profil. Sie müssen herunterladen Adobe sRGB ICC-Profil für deinen Computer.

Wählen Sie Ihr Betriebssystem aus und befolgen Sie die Anweisungen auf dem Bildschirm. Sie können ICC-Profile als Zip-Datei herunterladen. Nach dem Extrahieren der Zip-Datei werden Sie die Datei dort bemerken AdobeRGB1998.icc.

Sobald Ihr ICC-Profil heruntergeladen wurde. Sie müssen nur Ihr Bild mit GIMP öffnen und auf klicken Bild »Modus» Farbprofil zuweisen… . Ein Dialogfeld wird folgendermaßen angezeigt:

gimpassigncolorprofile

Klicken Sie auf das Dropdown-Menü und suchen Sie das zuvor heruntergeladene ICC-Profil. Klicken Sie dann auf die Schaltfläche « Zuweisen " um es anzuwenden.

Sobald Sie das Farbprofil angewendet haben, kann GIMP problemlos in RGB konvertieren, ohne Farbe zu verlieren. Klicken Sie dazu einfach auf IMagier »Mode» Farbprofil konvertieren…

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

convertcolorprofile-gimp

GIMP konvertiert nun das Farbprofil in RGB und Sie können Ihr Bild speichern. Wiederholen Sie den Vorgang für andere Bilder, die Sie in WordPress hochladen möchten.

Wir hoffen, dieser Artikel hat Ihnen geholfen, das Problem des Farbverlusts und der Bildsättigung in WordPress zu beheben.

Bitte hinterlassen Sie Ihre Wertschätzung und Vorschläge in den Kommentaren.

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
8 Aktien
Aktie6
tweet2
Registrieren