{"id":1129,"date":"2017-07-05T15:44:40","date_gmt":"2017-07-05T15:44:40","guid":{"rendered":"http:\/\/wordpress.library.illinois.edu\/wp-training\/?page_id=1129"},"modified":"2018-03-29T16:23:17","modified_gmt":"2018-03-29T16:23:17","slug":"header-image-saturation","status":"publish","type":"page","link":"https:\/\/wordpress.library.illinois.edu\/wp-training\/header-image-saturation\/","title":{"rendered":"Fixing Header Image Color Fading"},"content":{"rendered":"

Header Images in WordPress<\/h2>\n

Occasionally, when you upload a new header image into WordPress, the colors will appear toned down and dull as compared to the original.
\nHere’s an example from UGL. In this photo, the bottom is the raw file that was uploaded, and the top is how it appears on the site.
\nWhen an image is inserted into a Web page through WordPress, it undergoes a color conversion to be sure all monitors can display all colors present. This can cause certain hues to become toned down. But there is a way to fix it.
\n\"uglbanner\"<\/p>\n

Saving Your Saturation<\/h2>\n

In terms of photo editing, there are “color profiles” which dictate how colors in a photo are encoded and saved. Simply put, we must save the image in a way the Web page will understand without having to convert colors.
\nIn order to achieve this, we need to save them as “sRGB<\/strong>” color, which stands for Standard Red-Green-Blue<\/strong> color. This was a colorspace designed for the Web, to ensure colors are translated properly.
\nTo change the color profile of an image you’d like to use in your WordPress site, open the image in a photo editing software.<\/p>\n

Photoshop\/Illustrator<\/strong><\/h3>\n
    \n
  1. Choose Edit\u00a0> Assign Profile.<\/li>\n
  2. Select an option, and click\u00a0OK:\n
    \n
    Don\u2019t Color Manage This Document:\u00a0<\/strong><\/dt>\n
    Removes the existing profile from the document. Select this option only if you are sure that you do not want to color-manage the document. After you remove the profile from a document, the appearance of colors is defined by the application\u2019s working space profiles.<\/dd>\n<\/dl>\n<\/li>\n
  3. Selecting this option will remove any overlaying color profiles and allow the document to be read in sRGB. Be sure to save your new image and re-upload it into WordPress.<\/li>\n<\/ol>\n

    GIMP (GNU Image Manipulation Program)<\/strong><\/h3>\n
      \n
    1. Open your image in GIMP<\/li>\n
    2. If you have a color profile other than RGB, GIMP will prompt you and offer to change it.Select “Convert” to convert the image automatically to sRGB.
      \n\"gimp\"<\/li>\n
    3. Click Convert. Then click File –> Overwrite [filename] to save the new color profile.\"sss\"<\/li>\n
    4. Upload the new image as the header in WordPress.<\/li>\n<\/ol>\n

       <\/p>\n

       <\/p>\n

       <\/p>\n

       <\/p>\n","protected":false},"excerpt":{"rendered":"

      Header Images in WordPress Occasionally, when you upload a new header image into WordPress, the colors will appear toned down and dull as compared to the original. Here’s an example from UGL. In this photo, the bottom is the raw file that was uploaded, and the top is how it appears on the site. When […]<\/p>\n","protected":false},"author":73,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1129","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/1129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/comments?post=1129"}],"version-history":[{"count":11,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/1129\/revisions"}],"predecessor-version":[{"id":2807,"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/pages\/1129\/revisions\/2807"}],"wp:attachment":[{"href":"https:\/\/wordpress.library.illinois.edu\/wp-training\/wp-json\/wp\/v2\/media?parent=1129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}