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

Similar Messages

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.

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.

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.

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.

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.

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

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.

Image different on different monitors/computers.

I recently edited some photos in PS that I'm having printed. I edited them at home & they looked perfect. I used Windows 7 PSCS3, if that matters. I went to school and used a computer in the library which is a MAC. I opened the photos up and they appeared different? Now I'm confused as to what they will look like when printed. I don't know if I should alter them again or not.

I think you may have scared BiiONiiC away
Learning about color management is a good idea if you have the time, but it sounds more than likely that this is just a difference in gamma between the Windows 7 machine at home and the mac machine at school.
If it's a school computer, the machine might be an older generation mac, and probably still uses a default display gamma of 1.8 instead of 2.2. Try this on the MAC machine:
Go to System Preferences > Displays > Color, then hit the [Calibrate...] button.
Click [Continue], then select 2.2 Television Gamma and click [Continue], then select Native or D65 and click [Continue], then name the profile (or leave with default name) and click [Continue], then click [Done].
See if this makes the images look better.

Why same custom designed item looks different on different MIDP phones?

Same MIDP application looks different on different phones, which is obvious. But the sizes of custom items are also looks different, which is some thing trouble some. IE the custom designed button of size say 50 X 20, looks proper on BlackBerry MIDP phone, but same button looks very small [cant even recognize] on Nokia MIDP phone. Why it is so?
Is there any way to design items as per the phone dimensions? Regards.
Note: I want to get standard item size, font size etc. so that I can use them directly. In this case on every device the designed items will look proper
Edited by: nikhil_shravane on Aug 21, 2010 04:27 AM

The look depends on mainly three things, the screen size, screen resolution and dpi. Although dpi is related to the ration of screen size and screen resolution. If the dpi is higher, the same image or item will look smaller than from a device which has a lower dpi. Like the iPhone and BB Bold both has almost identical screen resolution, however Bold has a higher dpi so the same image or a html page looks smaller on Bold than it is in iPhone.
Regards,
SD

Font Rendering different in different browsers

Hello All,
Have a look at the Box at Top Right Corner, the text in this box renders differently is diffrent browsers. For firefox 4 on windows 9 it goes out of the box.

Hi,
a little help for understanding might be Murray's answer to me, where he linked to an article where a lot of different illustrative presentations of browsers are collected. Thread was "bgcolour not showing up on web" http://forums.adobe.com/message/3041987#3041987.
Murray's answer was: Styling form tags is not so easy as each browser has a mind of its own. Here's an article about that:
http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/
Please have a look to more of Roger Johansson's elaborations and tracts, like
http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/
http://www.456bereastreet.com/archive/200409/styling_form_controls/
http://www.456bereastreet.com/lab/styling-form-controls-revisited/button/
Hans-Guenter

I'm a new user. My fonts look different on different browser!

Hi,
I have created a simple site and the fonts that i use in dreamweaver appears different on different browser after i uploaded the page.
Can anyone please tell me why?
i tried uploading the truetype fonts too but didn't work.
Please help? Thanks alot.
cheers

Are you using web safe fonts? If you are not, then different browsers can render the text differently. There is no need for you to upload any fonts.
The problem arises too, if someone hasn't got a font that you may have used, their computer will use the default font in their browser.
Here's a list of web-safe fonts:
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
If this isn't the issue, then maybe post a link to the problem pages.
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

How do I make a 20 X 30 print with layers of 16 X 20, 12 X 18, 11 X 14, 8 X 12, 8 X 10, 5 X 7 and 4 X 6 of the same image to display the different sizes available to someone? Using Elements 13 with Windows 8.1

How do I make a 20 X 30 print with layers of 16 X 20, 12 X 18, 11 X 14, 8 X 12, 8 X 10, 5 X 7 and 4 X 6 of the same image to display the different sizes available to someone? Using Elements 13 with Windows 8.1
A senior citizen needs some help.
Thanks

Saving each image as different size - is it an option for you? I would save images with their name as: 20x30.png, 16x20.png etc etc.
Or explain whether you want these in a webpage in which case only one image is necessary and different sizes are displayed with good CSS code. this is question for Dreamweaver forum if this is what you want.

Formula that looks at two different fields

Hi,
I posted this request for help not too long ago but didn't clearly explain what is needed.
When text is entered into a field (currentgoal1, currentgoal2 - each equaling 1), the formula needs to look at a different field (point1, point 2 - each holds a list box of with points 1, 3, 5, or NA) to see if "NA" was chosen. If NA was chosen (rather than a point, 1, 3, 5) then the goalcount (total number of populated currentgoal fields) needs to subtract 1 from goalcount.
currentgoal 1 = 1 point
currentgoal 2 = 1 point
currentgoal 3 = NA
3 goals, 2 points, 1 point field with NA
Since one of the current goals is has a point of NA, the overall count of currentgoals in the goalcount field (total number of populated currentgoal fields) should state 2 with the totalpoints field (all points fields added together) stating 2.
How can the formula be adjusted to subtract a currentgoal with a chosen point of NA?
Formula used now for counting current goals:
goalcount = 0
!= null){
= goalcount + 1;
!= null){
= goalcount + 1;
(Table3.Row3.currentgoal3.rawValue!= null){
= goalcount + 1;
if(Table3.Row4.currentgoal4.rawValue!= null){
= goalcount + 1;
if(Table3.Row5.currentgoal5.rawValue!= null){
= goalcount + 1;
if(Table3.Row6.currentgoal6.rawValue!= null){
= goalcount + 1;
if(Table3.Row7.currentgoal7.rawValue!= null){
= goalcount + 1;
if(Table3.Row8.currentgoal8.rawValue!= null){
= goalcount + 1;
if(Table3.Row9.currentgoal9.rawValue!= null){
= goalcount + 1;
if(Table3.Row10.currentgoal10.rawValue!= null){
= goalcount + 1;
if(Table3.Row11.currentgoal11.rawValue!= null){
= goalcount + 1;
if(Table3.Row12.currentgoal12.rawValue!= null){
= goalcount + 1;
if(Table3.Row13.currentgoal13.rawValue!= null){
= goalcount + 1;
if(Table3.Row14.currentgoal14.rawValue!= null){
= goalcount + 1;
if(Table3.Row15.currentgoal15.rawValue!= null){
= goalcount + 1;
= goalcount;
this.rawValuegoalcount
goalcount
goalcount
goalcount
goalcount
goalcount
goalcount
goalcount
goalcount
goalcount
goalcount
goalcount
goalcount
if
goalcount
(Table3.Row2.currentgoal2.rawValue
if
goalcount
(Table3.Row1.currentgoal1.rawValue
if
var

Sorry, I was trying to edit. Is this better?
var
goalcount = 0
if
(Table3.Row1.currentgoal1.rawValue
!= null){goalcount
= goalcount + 1;}
if(Table3.Row2.currentgoal2.rawValue!= null){goalcount
= goalcount + 1;}
if(Table3.Row3.currentgoal3.rawValue!= null){goalcount
= goalcount + 1;}
this.rawValue= goalcount;

Image looks different in different browsers?

Similar Messages

Maybe you are looking for