Exported images looking different in different browsers

I've just published a set of images to my website using a publishing service from Lightroom 5, sRGB. The images look different when viewed in Chrome and Firefox browsers, Chrome looking fine but Firefox displaying them with a red cast. The also display with the red cast in some parts of the OS X Finder but not in Lightroom or Photoshop.
I've run one of the images through Jeffrey Friedl's online exif viewer and it's telling me there's no colour space metadata or embedded colour profile in the images ( http://goo.gl/Ouqkis). this would make sense as far as the strange colour goes but I thought Lightroom always embedded a colour profile?
I've had a couple of suggestions that revolve around changing firefox settings but really I just need for the images to work in any browser, without visitors having to care.
Does anyone have any thoughts
Sample screen grab, Chrome to the left, Firefox to the right.

kimaldis wrote:
Firefox and OS X's Cover Flow view both showed the red cast until this am. Now neither of them do.
Ah ... hang on, I had a second, wide gamut monitor attached to the computer yesterday, mirrored display. Now it's not. I'd been mostly viewing in the main monitor (Macbook Pro), that was the one that was out and I wasn't checking the second monitor much after uploading. I'm willing to bet that was it. Second monitor affecting colour management on the first .....
This is what you are seeing and why everything now looks fine on your MacBook's display, which is NOT wide gamut:
http://www.gballard.net/photoshop/srgb_wide_gamut.html
Here's a screenshot of an sRGB profile ColorChecker image file with and without the profile in FireFox and Chrome browsers. All four browser images look identical on my non-wide gamut display...what do you see?
      With sRGB Profile embedded                 Without sRGB Profile
As long as the images are sRGB profile it doesn't matter whether the color profile is embedded or not.

Similar Messages

  • Exporting images looks really bad!

    Forum,
    I am exporting images for a slideshow to make in DVD Studio Pro for my final outputted project.
    The problem is that the images look really choppy and very bad. They look interlaced.
    I'm working with NTSC DV. Is this normal?
    Would it help is I made a Freeze Frame in FCP, then exported it as an image?
    System:
    OS X 10.4.5
    FCP 5.0.4
    QT 7.0.4
    Thanks

    hi fcp - I take them straight off the tl and go into photoshop with them to tidy them up. Use the deinterlace filter in ps.

  • How do I make a site with full browser sized images look right on different desktop monitors

    If I cannot get an answer to this question, I will have to cancel my subscription. I have contacted support to no avail, and there is no place else to go for help. My vertically scrolling site looks great on my laptop, but when published the layout is all screwed up on differently sized desktop monitors. I have spent hundreds of dollars now in cc subscription now learning this. Someone please help!

    Hi,
    I think you're asking how to make a fullscreen slideshow.
    That's a new feature just added with the Muse 7 release.
    Here's the documentation:
    http://helpx.adobe.com/muse/tutorials/widgets.html#Adding%20Fullscreen%20Slideshow%20widge ts
    Reply back and let us know if that's what you're looking for  or not.

  • Image looks different in different browsers?

    I had set up a webpage and was having one little problem with
    it that I could not fix. For some reason, one image (the header of
    my page) looked blurry in Firefox but nice and crisp in Internet
    Explorer. If I played with the settings in Photoshop and resaved
    out as jpg to make the image look crisp and nice in Firefox, it
    looked mangled and choppy in IE.
    After much testing and asking in other forums, I finally
    found a setting in DreamWeaver. Right mouse clicking the
    placeholder for the image in the table in DreamWeaver, I selected
    "Optimize" which brought up a window for the image and I checked
    "Progressive Browser Display".
    Uploaded my hmtl index file to my host and voila, the image
    looks nice in both Firefox and IE.
    So the question is, do I need to worry that somehow that
    setting has done something unforeseen but negative?
    Any experience with this setting and anything to be worried
    about? This was driving me INSANE and it's the only thing I could
    find that fixed it.

    hi Nancy thanks for your reply. question for you: as far as
    the end result, does it matter whether it is done in photoshop or
    dreamweaver? also, is there any reason to worry that using this
    setting in dreamweaver will cause problems? I can't for the life of
    me figure out why checking this off makes Fireforx display the
    image correctly while leaving it unchecked makes the image in
    firefox blurry.
    TIA

  • Exported pictures look different when uploaded to websites.

    I noticed that exported pictures from Lightroom  uploaded to Facebook or Shutterfly look different that when viewing the same exported pictures on my pc. Why is that?  The exported pictures were not adjusted, maybe only cropped and red eyes were removed. Yet the colors appear different when viewing the same pictures on Facebook or in Shutterfly.  If I upload exact the same picture directly from my picture folder, the colors look different. I wonder why this is happening.

    Export as sRGB will always help; however most browsers are not colour managed so the colour reproduction can vary anyway even when using sRGB. Only Safari is fully managed, Firefox works up to a point (it only uses icc v2 profiles, not v4 it will be OK with LR as LR presently exports to the v2 version of sRGB) or browsers don't honour profiles at all. Calibrating your monitor is also an important factor here and a hardwear device is required to do this correctly.
    How an image looks in non colour managed applications cannot be a basis for jusdging an image so only fully colour managed applications (such as LR or PS) should ever be used for processing.

  • Bug? Images look different in photoshop

    Hi,
    Am hoping somebody can help me as I must be doing something really stupid here. I'm currently evaluating various workflow products, and really like Lightroom but find that whenever I import an image into LR the tones, particular shadow tones, look way too dark. They look kinda posterised.
    My monitor is color calibrated with a spyder. I am running Windows XP.
    I've attached a link to an image to demonstrate. I took an sRGB JPEG and imported into LR. I then edited a copy in PS (exported as ProPhoto - converted in PS to Adobe 1988 colorspace), another copy is shown exported to Capture NX (also Adobe colorspace).
    http://www.hamiltonconsulting.net/strange%20tones.jpg
    if you look at the shadow tones in the folds of the jacket you can see a minor difference between PS and Capture NX but you can see a clear difference in LR. The shadows are way darker.
    The image opens fine it every other application I have tried, including the free XP viewers. LR is doing something strange to the file but I cant work out what.
    I first noticed the problem occuring in Beta 4.1 and am now getting the same issue in the new Lightroom demo ( I had hoped it was a bug that would have been fixed). I have been installing all sorts of evaluation software of late, so maybe something hasnt been cleaned out of my registry, or something is clashing.
    So far, I've tried lots of different images (all with the same problem). Recreating an image database. Reinstalling LR (countless times).
    Does anyone have any ideas as to what I can try or do I need to reinstall my entire PC

    Yeah dude, that totally makes sense.
    "I notice blocking... that... really is a function of lighting..."
    Is that some sort of new-age yet-unheard-of phenomenon? If so, please elaborate by all means.
    The point is that the image looks like crap displayed in the 'Library' module of LR, but looks fine in any other program. Because no other program is content with sitting around and displaying to you a low quality JPEG preview of your, say, high quality 16-bit uncompressed TIFF image.
    That's why there's no blocking in the image loaded up in Photoshop. Yet it's there in LR because LR doesn't bother to render the image 'on-the-fly' until you step into the 'Develop' module.
    You don't believe me? Then be happy in your ignorance.
    On another note, though, instead of jacking it up to 400% when it's clearly evident at 100%, try calibrating your monitor with a hardware profiler so dark parts of images don't become a muddy mess of blacks. Be forewarned though that it's a double-edged sword: on the one hand, after calibration, you suddenly begin to see details in shadows that you may never before have seen; on the other hand, JPEG artifacts & noise in dark portions of images (inherent to JPEG compression) also become as apparent. Hence, I'll give you the benefit of the doubt and figure you just can't see the blocking due to your monitor.
    Finally, on a LR-unrelated note, why don't you come back to these forums when you're ready to write posts free of cheap ignorant insults?

  • Bug? Corrupt Tones / Colours - Image looks different in photoshop

    Hi,
    Am hoping somebody can help me as I must be doing something really stupid here. I'm currently evaluating various workflow products, and really like Lightroom but find that whenever I import an image into LR the tones, particular shadow tones, look way too dark. They look kinda posterised.
    My monitor is color calibrated with a spyder. I am running Windows XP.
    I've attached a link to an image to demonstrate. I took an sRGB JPEG and imported into LR. I then edited a copy in PS (exported as ProPhoto - converted in PS to Adobe 1988 colorspace), another copy is shown exported to Capture NX (also Adobe colorspace).
    http://www.hamiltonconsulting.net/strange%20tones.jpg
    if you look at the shadow tones in the folds of the jacket you can see a minor difference between PS and Capture NX but you can see a clear difference in LR. The shadows are way darker.
    The image opens fine it every other application I have tried, including the free XP viewers. LR is doing something strange to the file but I cant work out what.
    I first noticed the problem occuring in Beta 4.1 and am now getting the same issue in the new Lightroom demo ( I had hoped it was a bug that would have been fixed). I have been installing all sorts of evaluation software of late, so maybe something hasnt been cleaned out of my registry, or something is clashing.
    So far, I've tried lots of different images (all with the same problem). Recreating an image database. Reinstalling LR (countless times).
    Does anyone have any ideas as to what I can try or do I need to reinstall my entire PC :-(

    The image on the left in PS looks the same in Picasa Image
    Viewer (I selected it to be color managed based on the monitor profile), looks the same in Windows Image Viewer, and looks the same in the thumbnail.  The image on the right in LR is how the picture looks when I look at my image in Firefox but in Internet Explorer and in Chrome, the image looks like the image on the left in PS.  The image below shows how the thumbnail looks different from the actual picture when it's double clicked and viewed in Picasa.  The thumbnail (which shows the subjects having green skin) would be how I saw it online while the double clicked version is how I saw it in PS, even though it was sRGB (I checked the image properties to make sure of the color space).
    I have a ATI 5470 GPU on my ASUS 17.3 inch laptop.  Not sure about the drivers.

  • HELP! Please :) my website looks different in different browsers. Link boxes are showing in IE!!

    Please help me!  I'm pretty new to web design.  Built this website from scratch - designed in photoshop and put together in dreamweaver.  I launched the site and it looks great in safari, but had a friend look at it with explorer and the blue link boxes (the one that lets you know you have something linked in dreamweaver) are showing up on the interent explorer browser and I can only assume there are issues in other browsers as well.  Please help if you can.  Here is a link to my website:   www.shandryntrumble.com  Thanks

    Thanks for your help!Should I create an external style sheet?  I'm still unsure of where and what to put in the document.  Where are the CSS  tags?  And what exactly do I place in them?  Sorry, I'm so new to this.  Thanks for your patience.
    Date: Fri, 22 Mar 2013 10:13:43 -0700
    From: [email protected]
    To: [email protected]
    Subject: HELP! Please my website looks different in different browsers. Link boxes are showing in IE!!
        Re: HELP! Please my website looks different in different browsers. Link boxes are showing in IE!!
        created by Nancy O. in Dreamweaver - View the full discussion
    Bad information.  You don't need a class for this.  Simply add the following CSS code to your style sheet.  An external style sheet is preferred but it if you don't have one yet, add this code to the CSS inside the  tags of your HTML document. /*remove borders from all linked images*/a img    Nancy O.
         Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5170378#5170378
         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5170378#5170378
         To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5170378#5170378. In the Actions box on the right, click the Stop Email Notifications link.
         Start a new discussion in Dreamweaver by email or at Adobe Community
      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

  • Image looks different in Photoshop and Lightroom

    I started a forum on flickr and I have some issues with my images.  I have  calibrated monitor but my images look off online even though I saved them as sRGB.  Now my image looks one way in PS and then when I finish editing it and save it, I import it into lightroom and it looks different.
    Same image, but it looks different.
    http://www.flickr.com/groups/photoshopsupport/discuss/72157626443796391/#comment7215762645 5942911

    The image on the left in PS looks the same in Picasa Image
    Viewer (I selected it to be color managed based on the monitor profile), looks the same in Windows Image Viewer, and looks the same in the thumbnail.  The image on the right in LR is how the picture looks when I look at my image in Firefox but in Internet Explorer and in Chrome, the image looks like the image on the left in PS.  The image below shows how the thumbnail looks different from the actual picture when it's double clicked and viewed in Picasa.  The thumbnail (which shows the subjects having green skin) would be how I saw it online while the double clicked version is how I saw it in PS, even though it was sRGB (I checked the image properties to make sure of the color space).
    I have a ATI 5470 GPU on my ASUS 17.3 inch laptop.  Not sure about the drivers.

  • LR3-Library-Export-Image Resizing:  Specifying Pixel WxH results in different WxH - tips please?

    This is a multi-dimensional question (he he).  I understand my problem is related to the original/developed WxH ratio.  If the pixel WxH I spec in Export-Image Resizing doesn't match that developed proportion, the results are not what I want.  In other words LR3 keeps the original/developed proportion and not what I want for that export.  Ok, so I just answered my own question - but..... please give me some library or export tips for doing what I want to do.
    What I do:
    1 - I edit my images in RAW and like to keep them in their original proportions from my Canon camera as that is the proportion of HxW i use the most
    2 - Later, if the image is really good (at least I like it), I may export it for different purposes and then may choose or require a different proportion.
    3 - I would really like to not have to re-crop in Develop, then go back and Export, then go back to Develop and change it back to original. 
    Besides being tedious and time consuming, can anyone recommend a better way for me to do these "one off" exports (seems to happen more often lately) without screwing around in Develop and messing up my original work?
    Background:
    One of the reasons I do this is to create wallpapers for computers, for various printing/framing proportions, and then for web site situations.  Windows XP (and I think the others) gets really slow if the program must re-size an image for wallpaper (why? go ask Mr. Gates... better get in line).  So to keep performance high, it is best to create the image in the exact pixel dimensions of the monitor.  This is always some weird number and not like anything else I do this for.  The other reason is for a quick, custom print job for someone who wants an odd matting setup for framing (don't ask).  This results in odd proportions.  Regarding the web.... well smooshing a pic into a column etc. etc...    Now while I am proud of my art and understand LR3 will expect me to re-crop to preserve my artistic brilliance, but really..... I would be happy with a proportional crop from the parallel sides of the offending dimension.
    Also, when I spec a dimension, shouldn't the DPI gray out?  What am not understanding here?
    One last request: please give me tips on solving for world peace... this one really bugs me. 
    Thanx in advance! 

    Bruce,
    As you correctly noticed, the WxH ratio in export represents a canvas, into which the exported image is fit. Here are some illustrations on what the different settings mean:
    For what you are trying to achieve, you have to crop the image to the correct dimensions before doing the export. If I had to do it, I would create virtual copies of the original image as the last step and give each virtual copy its own crop, then export the virtual copies.
    Bruce in Philly wrote:
    Also, when I spec a dimension, shouldn't the DPI gray out?  What am not understanding here?
    The DPI resolution has no meaning for the size of the resulting image if you specify pixels in your export dimensions. But the resolution tag is written into the image, which might affect the way an image is printed, depending on the printing application.
    But if you specify your export dimensions in inches or cm, the resolution together with the dimensions in inch/cm determine the size of the resulting image in pixels. I.e. if you specify 5x7" and 300DPI, your exported images size will be 1500x2100 pixels.
    Beat

  • Want to see what images on my site will look like at different resolutions

    I have a website: http://gpcpi.com/news.php and I am trying to see if firefox has a plugin or extension that allows me to see what the images will look like at different resolutions. There is a site: http://viewlike.us/ that does what I am talking about but it gives me problems.
    any plugins that do this?

    *Web Developer: https://addons.mozilla.org/firefox/addon/60

  • LR3 shows different Version of exported Image

    Hi all,
    The Image looks inside Lightroom i like. But after export to Disk the Image is more darker. see Screenshot: (for Screenshot I used Webbrowser and MS Fotogallery)
    Left side on Screenshot the wrong Verion, left that what i'd like to see :-D
    Try to fix the Problem:
    Create a new ICC-Profile
    Reset LR to default settings
    Create a new Catalog
    Camera and LR export working with sRGB.
    I didn't now what I can do next.
    Did anyone have an Idea
    System:
    Windows 7 Pro
    Intel Core i7
    8GB RAM
    Lightroom: 3.5 [775451]
    Thanks for Help, Andi

    ISE Version:
    Powershell Console Version:

  • Exported swf looking different in Pc and Mac

    So I made pages with FC. But now i have noticed that it is looking different in different operating systems.
    When I look it with my Mac Book pro using what ever browser (safari, firefox etc.) The text in this page will look like this.
    Also as you can see I have pressed down the link "Maanantai". In Mac it is looking ok. But in PC there are some cutting.
    And if I look the text with PC (windows XP) with any browser (IE, firefox) it will look like this. How it is possible?
    I thought that swf file is WYSIWYG? Apparently it generates something concerning to text.

    Hi,
    You are correct about font embedding - if you don't do it, your text will look different across platforms.
    If you're willing to jump to Flash Builder, here's the documentation on embedding fonts:
    http://livedocs.adobe.com/flex/gumbo/html/WS2db454920e96a9e51e63e3d11c0bf69084-7f5f.html
    Stay tuned for some font  embedding help build into Catalyst...
    -Adam

  • Why do my images look good in PSE8, darker & more saturated in browsers, etc.?

    I've been creating some images using PSE8. The images look good, bright in PSE8. But the files, when saved as jpgs or as tifs appear darker and have more intense color when viewed through web browsers and Windows Picture & FAX Viewer. (the total effect is, the images look different, worse.) The same images on the same computer viewed on the same monitor look different in PSE8 and when viewed through other programs. This is not a printing problem, per se. The files print as they appear on the browsers etc. when I print them through PSE8. This is a problem that happens consistently with many different images.
    It seems as if PSE8 is interpreting the files uniformly differently than these other programs. HELP!!!

    I don't know what the eRGB profile is -- where did you find it?  Usually there is a profile with the name "sRGB IEC61966-2.1" or something very similar.  If your Windows is insisting on a default profile for your display, that's the one to set it to.
    Your issue almost certainly is caused by a defective color profile.  PSE 8 is a "color managed" program, which means that it uses the color profile associated with your display to reproduce colors more accurately on the screen.  If the color profile is defective, and you adjust a photo in the Editor to look right, then the adjusted photo won't reproduce accurately when you view it through a non-color-managed program (Windows viewer, browsers) or on another system with a proper color profile.
    So to fix this issue, you need to either remove the profile entirely (not sure why Windows XP won't let you do that) or associate "sRGB" to the display.

  • Export to Word, letter l different size

    I exported a pdf to Word and all the letter L s appear to be thicker but aren't shown as bold when selected. Bizarre! Pdf has unknown font which became Arial in Word.
    Also, how do you get the 'properties' in a pdf file to display fonts in the file?
    Thanks, Sara

    Thanks for your prompt reply!
    I am using Acrobat X Standard (v 10.1.13) on a PC with Windows 7.
    Not sure about saving the PDF. You mean do a Save As to create a second file?
    As for the fonts issue, I’ve done what you pointed out and got a blank box. I did not create this PDF and don’t know if it was created by Adobe or something else! Maybe that’s the problem?
    As for my initial problem, I think I found a ‘cure’. Select the funky font/word and click on Font(Ctr-D), go to Character spacing tab. The thick Ls were less than 100% scale and usually Condensed spacing! I went through the whole document, making tedious one-by-one changes. At least it was only the letter L that was affected, which I find truly weird!
    After I wrote you, I tried a different PDF export to Word and it looked like a bad OCR and was worse than the first one. I spent most of the evening working on it. I’d be happy to have you look at it. Do you want both the PDF and the Word file? I did Save the PDF but the second exported file looks identical to first.
    Thanks,
    Sara

Maybe you are looking for