Why 'save for web' or 'Export as... ". ' change the hexadecimal color to my image?

I save a series of images for use on the Web site using the background color #c54a90. This is achieved my having my background layer filled with color and other images then placing on the top (see screengrab below). However, when I export the image for the web or export in JPG the hexadecimal color replaces #c64a90. Does anyone know why this is? I have my RGB working space set to sRGB and the color profile is also sRGB. When I save it for the web, I tried embedding the profile and do not incorporate the profile and I get the same result. I also tried with and without conversion to sRGB in the Save Panel for web and has also no effect. Can anyone help? He drives me crazy!


Here is an example jpg resulting.

Smartphone-Header.jpg


Here is the version stratified showing the original hex color:


Screen Shot 2015-07-20 at 16.20.46.png

Compression JPEG WILL change your image color values, because it is a lossy compression format.

Visually, the colors will be close, but the exact values are supposed to change.

Tags: Photoshop

Similar Questions

  • 'Save for web' and PS issues touch the color?

    Thanks to those who help on my last request.

    Another thing I couldn't see, is how I can maybe 'save for web', similar to that in the full program of the elements. A handy feature that I can't not far back in the Touch program.

    Maybe this isn't a feature included, because I do not know there had to be several Cup back to facilitate the price of the touch program.

    I use the installation of 'filler' for the background to get the color as close to my site I can get.  The problem is that when I format the following image on my list, the color, I selected previously is no longer listed, so have to use the slider to get to back to the color.

    Is there a way I can save my colors, or better yet use colors 'web '?

    I think the thing about web colors in the elements is so that the color is the same view of any monitor, for example a customer looks at one of my Web site? Or of course I could be very wrong here!

    Thanks for any input.

    Post edited by: blackleyk

    In elements I use 'Save for web' and select the background color as CC99CC - for example, it would be the same thing every time.

    Whereas it is in contact, this does not seem possible?

    Customize your color to 1

    Once finished, press 2

    Press 3 to add color to your palette. This color should be available next time. (Don't forget to type 2. This is where your custom colors are stored).

    As far as the "web safe" colors go, the best thing to do is to use the icon between 1 and 2 and specify RGB and enter the values associated with the colors of the secure web. You can then create a palette using the method above. (TIP: to get rid of colors in a palette, just off flick.)

  • Is my client using the web browser editor can change the position of text and images, the site was built with muse

    Is my client using the web browser editor can change the position of text and images, the site was built with muse and at first, tell him that he could change the text and images, but he can't change the location of contents of Th.

    Now he wants to paste and copy directly from the web browser Publisher Word and wants to change all of the place itself.

    Does someone have an answer or another solution?

    Philippe

    First of all, to answer your question about moving content. No, that is not supported.

    Then, never advised him to stick to Word what for the web. Word adds a lot of very strange code that can break your page completely. Tell him if he has a Word to add to the site to paste into Notepad or any other text editor, copy and paste to Muse.

  • When you use "Save for Web" with slices, it puts the images exported to a/images folder. Can I turn that off?

    I don't want to create a new folder/images every time I export images. I just want to export directly into the folder I specified.

    Is it possible to change this? I could not find a way.

    Thank you!

    In the save for Web dialog go to the dropdown menu, click change output settings and under saving files, uncheck the Set of Images in the folder

  • Why save for Web and devices is grayed out?

    I have Photoshop CS5 on Mac OS X Lion mountain. PS works fine, until today. On some images, I work with, file > save for Web and devices is grayed out. In addition, to save money, the options are extremely limited. It is obvious that I inadvertently clicked on something that caused this, but I just can't understand that.

    I took a screenshot of Photoshop with a test image (test.psd), whose resolution is 72px, RGB, 32 bit, appearance save for Web and devices greyed out. And a screenshot of the Save as dialog box.

    Is the first screenshot to http://eastbrookwind.com/screen-shot.jpg

    Is the second screenshot to http://eastbrookwind.com/save_as.jpg

    I am confused and appreciate much help!

    Right. You work in 32 bits per channel. Change your bit depth.

  • change the border color of an image control

    Hi all

    I shows 30 photos on the façade by using an image control. I want the user to select 12 peaks of 30 photos.

    is there an interactive way to show what image has been selected. I thought that it would be OK to change the color of the border of the control.

    I would like to know how to change the border color of th and you are really welcome if you have a better way to say what peak has been selected.

    Thank you

    Ritesh

    Hi Ritesh,

    in my LV7.1 installation I could change bordercolor using the tool to color in development mode, but I couldn't find a property to change the colors by programming...

    So my advice would be to put a little bigger Boolean flags (or color boxes) behind the indicators of the photo. When the image is clicked/selected just change you the color of the underlying Boolean value. In this way imitate you the colorchanging of an indicator of the photo border...

  • Is there an easy way to change the border color in CS4 image?

    This is probably a ridiculously simple question, but I have scoured my book resources and can't seem to find the answer, although I find the topic. (And I'm new to Dreamweaver but by my question, which is no doubt already apparent). So, on my index page (oamasters.com), when I added a border to the image on top, the border was blue. However, on the page pictures, when I added a border to the border color was black. I know not how/if/when I put one of those, but now I need to change and don't know where to go. Looks like it was an easy fix and it's probably, I just can't understand it. In particular, the pictures on the photo page. Thanks in advance for any help, you can suggest.

    See you soon,.

    Betty.

    Use CSS.  Add this to your embedded CSS or external style sheet.

    IMG {border: 4px solid #0062C 8 ;}}

    It is a light blue border around all the images in your site.  Change the color and width (px) to be agreed.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    www.Alt-Web.com/
    www.Twitter.com/ALTWEB
    www.Alt-Web.blogspot.com

  • Why save it back unchanged PDF does change the size?

    I have a client who sent me a PDF file per day. If I take the file that gave me, open in Acrobat Reader XI and re - register (without making any changes to it), the file size reduced by perhaps from 20 to 100 KB. How can I determine what is the difference between the 2 files - or what he does to make the file smaller?

    I started to do this because if I didn't, my PDF processing application (Planet Press) - cannot read the file, but once I open and resave it, it works fine.

    Thoughts?

    There is a default option in Acrobat to allow quick display of Web pages at check - he reorganized the internal structure of the file may change slightly the overall size.

  • Change the background color of an image...

    Hello, quick question, hopefully with a simple answer...

    Im trying to get the photo with black background, to have a blue background, similar to the one shown.

    Is there a way to achieve this in photoshop?

    any help would be greatly appreciated

    Kind regards

    Alex

    Try a defined gradient fill layer to clear it up. I used two for the photo, below a set to light subdued and hidden so it has only affected in the foreground, then one another on top of the value lighten affecting mainly the bottom. I had to drop a curve slight modification to retouch (clarify) the seam where they meet (and he looks always funky).

  • Save for web allows the entire artboard in CS5 why?

    In CS4 when I hit save for web he would show only the art I want to recorded. Now if I have a logo of save for web saves the art jury in CS5. How can I change this just save the logo

    In the save for Web & devices, click the Image Size tab in the dialog on the right box and uncheck the Clip in the box on the artboard. This is probably a toggle and be remembered for next time.

  • Work plan won't "save for web" - Illustrator CS4 export everything on the file

    I accidentally check any box? I have several versions of a design on my file in different work plans.  I choose what work plan I want to save for web. Usually in the Save Panel for web only art in selected the work plan is there for me recording in different formats. All of a sudden he brings everything in all the different work plans.

    Can someone help me?

    Thank you!

    You accidentally deleted a box.

    In the save for web dialog box - clip to the artboard.

  • Keeping the names of original files in drop of save for Web

    LR to PS automation will groovy, but,.

    The output files are all be renamed by the "Save for web" dialog box in the name of the file saved inside the action of the drop pointing towards...

    If #1 is saved ok,

    File #2 renamed as #1 file and replaces / overwrites the original file #1...

    I added a sequence number 4 digits name of the file in the drop creation dialog box, but the final file name change comes after it in the final process of "Save for Web" to export...

    That's what I want to do... Ideally...

    LR Raw file edited to taste

    Export as a watermark TIF to ch

    Action a high filter, passes

    Export to save for Web @ long 1200px - 75% quality

    Closing MADE without saving the changes.

    Possible to you?

    Create blank document that is called Untitled-1.

    Start recording.

    Go to save for Web.

    Choose the desired settings and click Save.

    Navigate to the folder you want and click Save. Let the name of file Untitled - 1.jpg.

    Try it. Which will record the step you need without custom file name.

  • File size problems save for Web!

    Hello

    I have a problem with the size of the files when you save files to certain specifications.

    I use 'Save for Web' tool to identify the weight of the image by changing the amount of colors used.

    In the tool, the weight seems to be in line with the specifications, but when I check in the Finder (for information), it tells me it is finished the required specifications.

    Example - in the save for Web tool, it indicates that the weight is 6.967 KB for a .gif 300x50px using 100 colors.

    But in the finder, it says it's 8 254 bytes!

    Why is this happening?

    How can we solve this?

    Operating system does not automatically add the data preview. My guess is that Photoshop is adding metadata during registration.

    A few tips:

    • Try using PNG instead of GIF. The file size is almost always small. You may have heard that PNG does not work with Internet EXPLORER. This applies to versions prior to Internet EXPLORER 7, which is currently on a 2% share of the browser market. The problem only affects transparency 8 bits, so 8-bit png with transparency 1 bit very well work.
    • Download PING from MacUpdate. This is a free PNG optimizer. Drag the PNG files on the application icon in order to optimize. Savings can be dramatic.
    • If you insist on using search for GIF optimizers, GIF also on MacUpdate.
  • The image exceeds the size to make save for Web and devices has been designed

    I just upgraded from CS3 to CS5. I assumed that save for Web & devices would have been redesigned so that it would not complain with modern large pictures they were just too big!

    However, it still doesn't work. I just do not get it. Photoshop in general now is editing of very large images. It should be able to manage them also in this function.

    Is this just a legacy message, or is it really true that this feature can only manage small images?

    Save for web is designed to optimize the web graphics by squeezing the bytes while retaining the quality.  It was not intended to scale and then optimize large images. This is shown in the alert message.

    You can present a feature request to Adobe to change the original intent of SFW.

    SFW can display 4 versions of an image in different types of optimization. We must save the 4 temporary files. Imagine trying to save a huge image 4 times at a time through the "File-Save As. That's why you see this warning message. It takes time to build these temporary files, especially when you throw a huge file at home.

    Consider a solution scripted this one where a copy of your image is first reduced and then transferred to SFW.

  • Save for web option missing (Illustrator)

    I recently reinstalled adobe illustrator because my hard drive failed, and now that I've lost the save for web option in the file menu, can anyone help?

    Hi Charlie,

    Save for Web option is now in the menu file > Export > save for Web (Legacy)...

    Kind regards

    Rambour Singh

    Illustrator team

Maybe you are looking for

  • Drag n Drop works but is not accessible

    I lost Drag n drop and reinstalled from my disc utilities. I run 2000 on this computer for backup. I loved this software if I have other software on my XP desktop. Prefer the Drag n Drop. Uninstalled and reinstalled 5 times. Can not find the software

  • ICS soak test

    Hello bike users and administrators of the forum, Now that we're inside the gates of the Q3, I will once more pushing my head up and raise my hand willing to offer my Atrix2, greedy of his updated 4.0.x, to test the next version of the ICS. I've been

  • Windows Mail marking suspicious Messages

    I use Windows Mail in Vista.  I often have messages from people I know get marked as suspect and put in the Junk folder.  I have unlock the message, add the sender to the list of sender continuous and reliable. It will even make it to create messages

  • Windows 7 64 bit "preparing your desktop" to start upward

    About every other time I start up, I get the message "preparing your desktop". When the desktop Finally, it seems that it is in safe mode and I get the message "c:\windows\system32\systemprofile\desktop refers to a location that is unavailable. Somet

  • Problem with dual boot

    Recently installed Ubuntu 12.04 on my desk and its poster option for 'Windows 7 (loader)' bootloader, but by selecting, the screen turns white and back to the same screen... I guess, I made changes to settings where in fact the Windows 7 operating sy