Using Color profiles and exporting for web browsers

I've been trying to figure out the answer to this question. As I'm sure you're aware Safari supports color profiles while other web browsers like Firefox do not. I would like to setup Aperture so that it displays and exports images for the widest audience possible. Unfortunately it embeds a color profile and my images on the web only display correctly in Safari. I've tried changing the proofing profiles and export settings to no avail. I didn't seem to have this problem in iPhoto, a picture there looked the same on screen as it did in Safari and Firefox but I can't achieve the same with Aperture...

Thanks for that information, unfortunately I'm not really any closer to solving the issue since I've already tried that. 1) by default, doesn't Aperture automatically embed the sRGB color profile? 2) if I set view>proofing mode to sRGB shouldn't what I see on screen match what a "dumb" application such as Firefox does when it ignores the embedded profile and display sRGB? I've tried going into the preferences>export settings and changed everything to sRGB IEC61966-2.1 but I see no difference in the final image between that and the default setting.
I guess my question is more specific to Aperture since I don't have this problem with other applications. For example, in photoshop if I do Export for Web it strips out any embedded profile and when I open that image in Firefox and Safari side-by-side they are exactly the same. But not so when I export an image from Aperture, when opened in Firefox it is desaturated and flat and of course in Safari it honors the embedded profile and looks fine.

Similar Messages

Color Management and files for web

I'm doing a layout for a web page in AiCS(11). What are the correct color management policies I should use so the colors will display in Illustrator as they will on the web.
So far I cannot find a combination that works. Even if I (i think) have color management off.
Christo.

Here's the more complete, accurate approach to this.
In System preferences > Displays > Color run the calibration routine and set the gamma for your display profile to 2.2
That has nothing to do with Illustrator or Photoshop color settings but everything to do with how well your display is prepared to show you how your images will look on Windows displays.
In Illustrator, choose sRGB for your working RGB space.
For profile mismatch policies, for RGB, "Convert to Working Space" is often a good choice for beginners who only do Web work. After you have studied up and practiced some, or if you do more general art prep in Illustrator, you may want to instead use "Preserve Embedded Profiles."
I do a lot of Web and print work for a number of purposes. All in all, if you are preparing artwork for the Web, you will have best results if you profile your display with a colorimeter and work in sRGB. The only reason to preview in Monitor RGB is to preview how the image will look when the profile is stripped, or when it is displayed in an application ON YOUR CURRENT MONITOR ONLY that isn't color managed.

Macbook Pro Color Profile and Calibration for Photo processing.

Hello Friends,
May be it has already discussed in many forums but somehow I got confused about different solutions of the questions and due to this asking once again here.
I am using Macbook pro of 2012 and there exist many color profiles in the Display settings.
I am a photographer who uses Photoshop for the editing as well as Canon Software.
To get the most accurate Monitor Calibration Should I use default "color LCD" profile ?
I am not using any External Calibration tool. I have manually calibrate the screen but somehow I am not 100% confident on that.
In that case should I go for default "color LCD" for my photo processing. I found some light yellow cast/warm color on that profile but I am not sure..
Any help/suggestion will be much appreciated.
I am using:- MacBook Pro + OS X Mountain Lion 10.8.5
Warm Regards,
Ari...

Which model MacBook Pro? [EDIT] my bad, didn't see it in your original post
You mentioned that there is no error message when you try to change the profile; something is probably being reported to console though. Open Console.app (in /Applications/Utilities/) and see if anything is reported to it while you're experiencing these problems. If so, please post it here and I'll take a look at it.
Are you using the default profile that came with the machine or did you create your own by using the Calibration Assistant?
You might try opening Color Sync Utility (in /Applications/Utilities/) and verify or repair (if necessary) your color profiles.
Hope this helps....
Dual 2.7GHz PowerPC G5 w/ 2.5 GB RAM; 17" MacBook Pro w/ 2 GB RAM - Mac OS X (10.4.6)

Color profiles and export presets

I shoot RAW, with the color space in the camera set to sRGB, but after importing to Aperture (3.2.4), the Profile name in the metadata inspector is always Adobe RGB. Why does this transformation come about automatically (i.e., is there some technical rationale for not letting the user decide)? Can I change some setting somewhere it so it stays sRGB and then export as Adobe RGB if I need it (i.e, rather than sRGB). I do a lot of uploading to a website (with printing at home not of primary importance), so working with sRGB all the way through without going to Adobe RGB and back again seems to make more sense.

EXIF data is really a sort of gray area, while all digital cameras and all digital image software interact with the EXIF fields to some extent there really isn't any one definitive standard of what is put where and exactly what it means apart for the few obvious ones.
So you're point makes sense but it's really not an Aperture thing. If you look at the file before importing the field is already filled out.
regards
Message was edited by: Frank Caggiano

Raw, colorsync profiles, and saving/exporting for web

I'm having a bit of trouble dealing with my raw files, or more particularly, being sure that I'm saving for webpages with the right profile.
I have several thousand images in Nikon's NEF and/or DNG format. I'd like to have iPhoto be my main catalog for them, but I don't want to copy over the several gigs worth, so I set the prefs to NOT copy the files over. The working jpg files it creates seem fine, but I can't tell whether they have the AdobeRGB profile associated with them, since that's what I shot them with. I'd then like to export them, or save them, to jpegs for the web at a somewhat reduced size, but they need to be in sRGB format for proper web presentation, which I'll do much of the work with iWeb. But there's no color profile choice in the export dialog, or the edit dialog, or anywhere else I can find. Am I missing something?
Basicallly, I'd like to have all my images in albums, and then have subalbums with the web versions (say about 900x600, about 70% quality, and sRGB color space). Is this possible with iPhoto? I've been mucking about with Adobe's Lightroom, which does have the color space choices in the export dialog, as well as a ton of other features. And previously I used Photoshop CS2 / Bridge to handle everything. But I thought iPhoto would make things easier.
Mark

Thanks for that information, unfortunately I'm not really any closer to solving the issue since I've already tried that. 1) by default, doesn't Aperture automatically embed the sRGB color profile? 2) if I set view>proofing mode to sRGB shouldn't what I see on screen match what a "dumb" application such as Firefox does when it ignores the embedded profile and display sRGB? I've tried going into the preferences>export settings and changed everything to sRGB IEC61966-2.1 but I see no difference in the final image between that and the default setting.
I guess my question is more specific to Aperture since I don't have this problem with other applications. For example, in photoshop if I do Export for Web it strips out any embedded profile and when I open that image in Firefox and Safari side-by-side they are exactly the same. But not so when I export an image from Aperture, when opened in Firefox it is desaturated and flat and of course in Safari it honors the embedded profile and looks fine.

How differs soft proofing in View - Proof Colors and Save for Web - Preview?

Hi, I'm currently confused with one inconsistency. My working space is Adobe RGB and I use calibrated monitor. After I finish my work on image I go to View -> Proof Colors -> Internet Standard RGB. Image looks terribly with the overall violet/purple hue. Then I open Save for Web dialogue, I check Convert to RGB and from Preview options I select again Internet Standard RGB. Now the previewed image looks as expected. The same results I get if I manually convert image to sRGB before soft proofing and saving for web. So... what's the difference between preview in Proof Colours and in Save for Web? Thank you for your opinions.

Hi 21, thank you for your input. All what you say makes perfect sense, it is exactly how it should work and how I expected it works. My problem was, that while testing this theory in practice, I have come to different results. I expected, that if I stick to the theory (meaning keeping in mind all rules you perfectly described) I should get the same result in both soft proof and save for web preview. But... it was not the case. Save for web preview offered expected results while soft proof was completely out of any assumptions and colours were totally over-saturated with violet/purple hue. Also, Edit -> Assign Profile -> sRGB gave another result then Soft Proof -> Custom -> assign sRGB (preserve numbers), but the same as save for web preview. What troubled me was why this is so.
Today I've made tests on hardware calibrated monitor and... everything works exactly as you describe and as I expected.
Then I went back to another monitor which is software calibrated (both monitors are calibrated with X-Rite i1 Display Pro). And again... I received strange results described above. So I did the last thing I thought and disabled colour calibration on that monitor. And suddenly... both soft proof and save for web preview gave the same result.
Probable conclusion: soft proof and save for web preview (together with Edit -> Assign Profile) are programmed to use different algorithm which is evident on standard gamut monitors with software calibration. Question can be closed.
Gene and 21, thank you for your effort.

Export for web doesn't work (X and 7).

I use the export for web feature a lot. I find that I have to bounce back and forth between Quicktime 7 and X because sometime this feature will work and sometimes it doesn't. There's no consistent reason I can figure out why the applications will or will not work properly. On some occasions I get some small 8Kb file. On other occasions, I only get the audio.
Any ideas?

Uhh, the system requirements for Photoshop CC state you need 2 GB RAM, 8 GB recommended. This is likely your problem.
Benjamin

Using Quicktime's "Export for Web" feature in iWeb?

Greetings,
Does anyone know if this is possible within iWeb, that is, to use movies created using Quicktime's "Export to Web" feature, which really seems to deliver superior movie quality?
Much appreciated,
DaveB

Thanks, good stuff, though I'm still having a small problem with this. I'm getting a gray line around the top and left of my movie and the right side of the player is getting cut off. When I try to make the width larger, it just moves the gray line further to the left.
Any ideas?
http://www.brianderr.com/brianderr/copythis3.html
*This is the script that I added to the html snippet in iWeb.* I changed the height to 505px because it was cutting off the bottom of the player at 496.
<iframe src="http://idisk.me.com/brianderr/Public/KANYE%20PT%201/kanye1.html"
style="width:720px; height:505px";
scrolling="no">
</iframe>
*This is the script from my read me file that I kept:*
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>QuickTime Pro - Export for Web - KANYE PT 1</title>
<script src="http://www.apple.com/library/quicktime/scripts/ac_quicktime.js" language="JavaScript" type="text/javascript"></script>
<script src="http://www.apple.com/library/quicktime/scripts/qtp_library.js" language="JavaScript" type="text/javascript"></script>
<link href="http://www.apple.com/library/quicktime/stylesheets/qtp_library.css" rel="StyleSheet" type="text/css" />
</head>
<body><script type="text/javascript">
</script>
<noscript></body>
</html>

What steps do I take to edit raw files and save for web use, such as Instagram, Facebook, Websites, and emailing?

What Steps do I take to edit raw files and save for web use, such as Instagram, Facebook, Websites, and emailing?

When you open a raw file it will open in Adobe camera raw. That is where you can do most of the editing. Then it will be placed inside Photoshop where you can do more if needed.
Now you can use the save for web dialog to export your image as a png or jpg to use on those sites.

Question about file size when using "Export for Web"

Hi!
I created a .mov file and worked to get a great balance between file size and quality so that I could deliver it via the web and make it easier for end users to see the video on a slower connection.
My question: When I use "Export for Web," my .mov file is converted into a very large .m4v file--more than double the size of the original file. I know that this export option is to optimize the file for a wide variety of users/internet speeds. Am I correct in guessing that the end size is not an issue? I would post the .mov file instead, but I really like the option of embedding into a html page along with the "click to play" option.
Bottom line--is it better to post the smaller .mov file that i originally started with or to go ahead and link to the bigger .m4v file that was created with the "Export for Web" option?

"Export for Web" is a feature of QuickTime Pro and it makes 4 files and the html page code for easy copy/paste Web page editing.
The very first file is called a "reference movie" and it links to the other 3 files (56kbps, 900kbps and 1.5Mbps). It, and the page code, "read" the connection speed of the viewing hardware and "serve up" the correct file based on that connection speed.
In nearly all cases the "Desktop" version would still be smaller in file size than the original source. The times the file would "increase" in file size would be when an already compressed was used as the source file. You can find out more about your source file by opening it in QuickTime Player and viewing the Movie Inspector window information.
There are dozens of other html "tricks" that could be used if your source file is already compressed but you want a different display size:
Page code to show "aspect" or scale="tofit". This code allows values "outside" of those found in the actual QuickTime file be used for the Web page display. A 320X240 QuickTime .mov file looks pretty good at double size (640X480) but the file size would still be that of the source file.
"Poster Movie" is another html trick that loads the Web based file directly in the QuickTime Player application (bypassing Web page layout restrictions). These files are also known as "Presentation Movies".
Another method is the QuickTime Media Link file (.qtl). These are simple text based files that are used as a "direct link". These use simple XML (Extensible Markup Language) and are easily created in any text editing application. The simple syntax has amazing control over a simple QuickTime .mov file. You can launch (and quit) the QuickTime Player, display at other dimensions and even embed "links" inside the display.
Some of my files as examples:
http://homepage.mac.com/kkirkster/Lemon_Trees/ a "Poster Movie" style.
http://homepage.mac.com/kkirkster/.Public/RedneckTexasChristmas.qtl
A QuickTime Media Link file. A tiny file should download to the viewing machine, launch QuickTime Player, present the movie and it even includes a "link" to my Web page.
Edit: It appears you must now double click the .qtl download to launch QuickTime.

Export for Web using optimized for "download" or "streaming"?

Hi,
Exporting for Web have some setting there,i'll choosing the .mov - H264 - and medium low quality - 15 Frame Rate - Checked Frame Reordering, others Automatic and the Audio will be 32.000hz and Mono.
Now,what about the optimizing? Download or Streaming?
What about Self-Contained Movie? do i need it?

optimizing for download or streaming depends on what sort of site you're sharing it on. Will it be streamed or a download file?
It must be self-contained, unless you are going to be streaming it, and hosting it from the machine that the original media is on. Even then I'm not sure that would work reliably.

IBooks author color shift with "Save for web devices..."

Hi! I'm a web developer and I'm learning to use iBooks. It's a really easy tool, but there is a problem with color management wich is driving me crazy. This happen when I export images from "Save for web devices..." from Photoshop, then drag it to iBooks author.
As I do for web development, I do this:
1) Configure photoshop Color Settings to work with "Color Monitor"
2) Remove any color management from my document
3) Proof Setup > Monitor RGB
4) Disable Proof Colors
5) Use "Save for web devices..." with ICC profile and sRGB unchecked
The exported JPG looks fine everywhere... Photoshop, Preview, Safari, Chrome, FF... but looks washed out when I drag it to iBooks Author. Why?
I solved this issue converting to sRGBIEC61966-2.1 profile and checking ICC profile when "Save for web devices...", but I'm not confortable with this workaround because I'm not sure about what I'm doing exactly, and I am not sure if this images are gonna look good on any device (I only own an iPad 3).
Somebody know a best method to deal with this?
Thanks!

Hi KT. Thanks for your response. I'm already using this formats. Anyway, the problem occurs within iBooks Author interface. I mean: I can see the color shift (or washed out...) at iBooks Author at my computer screen. Of course, when I test it on iPad it also looks bad.
It's incredibly strange because the JPGs I'm using looks fine everywhere else except iBooks Author.

Color shift in save for web

Help!! Yelp! I have followed the directions in previous posts for fixing color shift when saving for web. I switched my monitor to gamma 2.2. I chose sRGB in assign color profile.
The colors still look washed out!
I am using CS4 on the Mac.
What am I doing wrong?

siri3 wrote:
What am I doing wrong?
You are using "assign" instead of CONVERT to sRGB. In addition, accurately calibrate your monitor often and regularly. Even the cheapest hardware calibrator will give superior results to eyeball calibrators.
See the FAQs in the Photoshop forum for your platform, Macintosh or Win.

Wrong color profile after export - what am I doing wrong?

I'm a beginner in color management and color profiles and I have a problem with my exported files from AE CS6 (german version):
In my project settings I've set the working space to "adobe RGB (1998)" which is the same like my footage (JPEG Image-Sequence).
In my Output Module Settings I've set it also to the working space "adobe RGB (1998)".
I' ve tried to export it as h.246 and AVI.
And now the Problem: the exported clips are too bright and washed out. First I thought it is a problem with the Windows Media Player, but I imported the clips again to after effects and the showed Profile is now "HDTV (Rec. 709) Y'CbCr". This is the case with the h.246-clips. The AVI-Clips showed the profile "sRGB IEC61..." So the settings from the Output Module didn't seem to work.
The washed-out-effect disappeared after I set everything to HDTV, but I don't think this is the right way to go..
Thank you for any help

Simple, really: You are using a) a wrong color space b) your system is not calibrated, but you have color management enabled and c) use formats that don't support color management. This is simply wrong from stem to stern, especially with regards to b) and c). Why would you even use Adobe RGB when video works on Rec 709 or even more generic sRGB? I think you do not even understand the point of CM on a fundamental level. you don't dictate the color space by your source files, you simply import them into your working color space - regardless of whatever it is set to. The color metrics engine will apply any corrections necessary based on the associated/ embedded profiles, which ultimately is the whole point. Conversely, enabling CM for output will require a format that actually uses those corrections, which comes down to only a handful. so to cut a long story short: Unless you are willing and technically able to establish a proper CM workflow simply leave it off and just use the default sRGB that AE ever has used.
Mylenium

Strokes on appearance is getting cut off when exporting for web & Devices

I'm a screen print artist using Adobe Illustrator CS5 in windows 7(blah!) to export images of our customers' artwork into a huge folder of images on a server. The images are then loaded into a program so that they can be viewed company-wide and by the customer.
Occasionally, when there is an appearance applied to text it seems to cut off the tops and/or bottoms of the outermost stroke.This seems to be only happening to text, and happens randomly and is very annoying. See the image attached.
it does this with both JPEG and PNG images, and whats more, changes when you adjust the image size. it either gets better or worse. I have to change the image size on every export so that they are all within our size requirements.
I have found that if you put the art into an envelope with all the settings at 0 and then export for web it prevents this from happening. However, that isn't very efficient as i need to be moving a ton of artwork a day, and I am not the only person who may be working on the Illustrator file.
Is there any setting either in illustrator or windows that may be causing this anomaly?

Try adding:
Effect >> Path >> Outline Object
So your type will still be editable
If that does not work you may want to:
Type: Create Outline
I only had this problem once before, on some snickerdoodle cookies package, and that was a script font. Might be related to the font you use.

Using Color profiles and exporting for web browsers

Similar Messages

Maybe you are looking for