I have very werid problem with my image, i have two version of it, they both look the same in windows image viewer, and every image editor, but they look differnt in chrom, the same IE, and different in FireFox, how is this possible ?
just open them in separate tabs and compare color in background
http://i.imgur.com/WyTfrXM.jpg
http://i.imgur.com/6xGc8Ln.jpg
What application was used to generate and/or manipulate the jpeg images?
I have had similar problem once before and it turned out to be something as simple as the color space the image was saved with. The image was saved with an ICC profile that applications interpreted differently.
A simple way to test this would be to open your jpegs in Photoshop, then go save as, and on the save as dialog uncheck the color profile box and try that out. If they are still different something else is going on but this will at least allow you to rule out the ICC color profile being the issue.
For the most part color profiles are something none of us ever usually have to worry about as there is a generic default profile. Some applications are profile aware and others are not which is why you will sometimes see images differently if saved with a profile that one application recognizes while another does not.
Thanks, I had similar problem with image in both browser then i saw above answer and The image was saved with an ICC profile that applications interpreted differently.
But after unchecked of checkbox also it was not working so i tried saving JPEG format with Export > Save for web and now it displays properly in both browsers.
Related
I'm currently using jQuery UI 1.9.2 and want to upgrade to 1.10.0. I have a custom theme and used the URL at the top of my CSS file to visit the ThemeRoller.
My colors didn't look right, so I went through and double checked all my settings. I was using 3-digit hex colors and tried changing them to 6 digits, but that didn't help anything. I cleared my cache and restarted my computer. No change.
I started digging a little deeper. I opened the image in PSP, the colors are fine. They also appear fine in Safari and Chrome. They look fine in Firefox 12 on the laptop, but not in Firefox 12 on the PC (Win XP on both machines).
I thought maybe there was an add-on messing with my colors. But I opened the 1.9.2 image file in Firefox and it looks correct.
1.9.2 -> 1.10.0 ->
I just added the two images to this post from my own computer. I'm looking at the preview with the images side-by-side. The one on the left (1.9.2) is the one I want. The one on the right (1.10.0) looks much more purple on my screen. The background color is supposed to be #0066cc. I used a color picker to view the color displayed by Firefox. The 1.10.0 version has a background color of #4756c7. I see the same problem with all the new images, even the flat ones.
I looked at the two files with ExamDiff Pro and they are very different. Plus, all the new images are larger than the old images (more than twice as many bytes).
Luckily, I only copied over the CSS file and the new animated-overlay.gif, so I am just going to keep using the old images. But I want to understand what's going on.
So what did jQuery UI do differently when generating their images? And why did they change them? And why does Firefox 12 on my computer show them with different colors?
Hard to say exactly without seeing the actual files, but it sounds like browser variations in the way that ICC color profiles are being handled. More details on FireFox specifically over here. But it might not be FireFox being the problem & more connected to whatever your main development browser is & how it handles ICC profiles as well.
Like the FireFox article implies, the feature is fairly old in many browsers but what I have noticed is many modern browsers nowadays are actually paying attention to ICC profiles as a default, whereas before that feature was disabled by default.
Which is all to say I would see how these images look if you strip out all EXIF metadata using a tool like exiftool. Without an embedded ICC color profile, the images should render similarly between all browsers.
And to strip out all metadata with exiftool you would just run a command like this; assuming your file is named test.jpg:
exiftool -all= test.jpg
You will end up with a backup file tagged as test.jpg_original that still has EXIF data embedded and a cleaned test.jpg that now is 100% stripped of EXIF data.
When i try to load a website it shows like this on my desktop:
http://img846.imageshack.us/img846/9646/1354627721863.jpg
Now normally it should flow well like it shows on my laptop:
http://unforgivenwow.com/theknight/unforgivenwow/
anybody a clue?
Nvm, got it fixed. Appearantly windows used my monitor his colors so i changed those to rgba.
Different monitors display images differently. If it's just a matter of the image color quality, your monitor might not be able to handle all of the colors. If it's a matter of speed, then it's probably an issue with your computer or internet connection.
One of my clients is a painter and he has realized there's a color difference between the colors on an image looking it through the website with his web browser (Internet Explorer 8) and the same image on Photoshop.
He wants to get the exact same color looking it on Photoshop or on any web browser.
The image is saved normally ("save as" and NOT "save for web"). (after he noticed a little improve doing it like this)
Why is this? Is it possible to see the exact same colors on both applications?
Is it maybe because of the "color profile" on both applications? (He is currently using sRGB IEC61966-2.1 on Photoshop)
Thanks.
There is a concept known as "web safe colors". It is a series of colors, and the way that browsers implement them, to try to make colors as consistent across as many different monitors as possible. Unfortunately, it may be simply impossible to get your image in the web browser to look as good as it does in Photoshop. Photoshop is a tool that's been designed with the intent of making images look as great as possible, web browsers are not. Save for web will try to make the image compatible with web safe colors.
Me and my colleague are facing a weird anomaly of one little graphic being purple in his computer and blue in mine. The file itself seems to okay and we have re-created it from PSD several times.
You would say that, the problem is local in his computer. However, our computers are fairly similar and there has never been this issue before. Also, if he checks the source-file its ok, meaning blue. His computer had a fresh install of Win7 and clean photoshop.
What could be the problem and what can we try to solve it?
More information:
He is using FF5. The image is in PNG format. There are no js related scripts, to alter any of the images.
Direct link
Live example
(In the image we are talking about the little arrow, that is purple in one image)
From my point of view:
From his point of view:
NOTE: I personally think the issue is local in his computer. But he of course doesn't accept this answer. So if it is local, then somebody could explain, how does it happen.
Your issue could be due to gamma correction and color correction for PNGs. Ran into a similar issue myself with PNGs a couple weeks ago. A PNG would display with the correct colors in one browser, and with different colors in another browser on the same computer.
See this stackoverflow question as well for more info: Firefox 3.5 color correction hack?
EDIT
I definitely think this is a color correction issue, take a look at the images in two different browsers (chrome 13 and firefox5) on my machine. The image in Firefox is displaying with different colors than the one in Chrome.
Check the color settings on your monitors. If you're using different color temperature (Kelvin) settings, or your RGB settings are non-default and different, or if your monitors are different makes/vintages, you might see things display in "different" colors.
I've had this app on app store with no problem until iphone 4 came out.
My home page has an image covering the whole screen.
UIImageView added in interface builder, and image path added in interface builder.
In all phones this image shows up; however, the image does not show up in any iphone 4, and instead the user sees a blank screen like the following:
Anybody knows what's causing this? thanks
.
I only have 1 set of images with
normal resolution
This problem only happens to one of
the images in my application which is
the background for my home page
the graphic file should not be
corrupted because the exact same
image works for all other iphones and
itouches
my image is a jpg file
image size is 480x270, which in
interface builder i make it 563x330 to display only a part of it
I have no outlet to this uiimageview
so it cannot be changed in code
With devices with the new retina display, pixel sizes are different and you have to check for the following, in particular:
Do you provide two alternatives of the image, one at old resolution, one at double resolution (named myimage.png and myimage#2x.png)
If not, does your image scale up well in size with CoreGraphics's algorithms (there are some pathological cases, though you'd have to be quite unlucky)?
Have you checked what happens (at both resolutions) when your UIImageView size changes?
Is it just one image, or all?
Is your graphics file corrupted?
It's hard to tell if it's any of these points, or something else, because you provide so damn little detail, that I stick to generic things. Comment below (or edit your question) if you need more help.
I've got two things to add to FXs thorough answer:
Considering the information you added, I would take a look at your code for setting up that UIImageView. Perhaps you use some sort of detection code or something which wasn't implemented correctly.
Would you mind sharing some code snippets?
According to Apple's documentation, you don't need to provide the ".png" extension as of iOS 4. Perhaps that is causing the problem.
Again, code snippets would help here. Specifically where you deal with loading up your image file.
EDIT:
Try re-saving the image and replacing it. I've occasionally corrupted files in Photoshop. This has to do with file extensions and how Mac OS ignores them, but Photoshop still uses them.
Also, it could have to do with where the image is in your XCode project. Check what Group it is in. Make sure everything is in place and then Clean and Rebuild. Remove the app from the iPhone4 (reboot) and try reinstalling.
I hope this helps.
Good luck!
If this was my code, I'd write a tiny app just to display the image in question. If it still fails it would be easier to get help debugging the problem.