Resolve

A collaborative online community that brings together photographers and creative professionals of every kind to find ways to keep photography relevant, respected, and profitable.

Have an idea for a post?

Want us to find an answer to your question? Interested in becoming a contributor?Email us

‹ Home

Posts Tagged: image

You might have noticed the images on your website display different colors depending on the browser you’re viewing them from, or whether you’re using a mobile device. The differences are subtle and they are more in the lines of saturation, but they’re there. And while you don’t know what device your clients are using or whether their screens are calibrated, you need to do your best when saving your images for the web to reach a satisfying compromise. The source of these slip-ups can be tracked down to how your images are converted and whether or not they contain an ICC profile.

sRGB and ICC Profile

In the pre-mobile times, all monitors and browsers were presented with pretty much the same color scheme – Standard Red Green Blue. If you saved your images in sRGB, it was likely your images looked the same on all browser desktop versions and on all monitors.

Now, with the introduction of tablets and smartphones, another layer of identifying and displaying color has become available, but only on desktop – the ICC Profile. You must enable the Color Profile in your image editor software when you save the image for web. This will enable all browsers to read your image settings as they truly are, and thus, display them correctly.

Alas, the mobile devices still use mainly sRGB, with the exception of Safari for iOS, which also reads ICC Profiles. So before you save the image, make sure to convert it to sRBG.

The Firefox singularity

While Firefox is designed to interpret ICC profiles, its default display values are as of this time inaccurate. Perhaps a future update will fix this value, but for now, here’s what you ca do to force the browser to read the proper ICC profiles.

Write about:config in the address bar and gfx in the search bar that appears below. Look for gfx.color_management.mode and click on it to change the value from 2 to 1.

This will activate a complete color management in Firefox and if your images contain ICC profiles they should be displayed correctly on your monitor.

Unfortunately, until there will be a unification of display settings for all monitors and all browsers and platforms, small differences are bound to appear. And since you cannot control what device your clients are using when viewing your images, you have to do your best to set them up in the most common format: saving them in sRGB and adding an ICC Profile to each of them.

Posted in Website Tips and tagged with , , , ,

Wondering how you can change the background on your website? This quick tutorial will help you get started! The liveBooks8 platform offers you the option to change your background on a site-wide or page by page level. The site-wide option will change the background on every page you have on your website. This will also affect any new page that is added onto the website.

If you would like to change the background on a single page or have different backgrounds throughout your website, the page level would be the best option for you.

Note that whether you choose to change your background on a site-wide or page by page level, you will be able to choose a solid color, a pattern, or upload a custom image.  If you decide to upload a custom background file, please adhere to our image sizing guide. This can be found by following this link.

Is there a new liveBooks feature that you are excited to learn more about? Let us know at social@livebooks.com.

Original Blog Post 10/2016.



FREE EBOOK

Learn how to engage your audience and
build brand recognition across social
channels. Learn more...

Free eBook

Search Resolve

Search

READY TO GET STARTED?

Pick your package. Pick your design.
No credit card required.

Start 14-day Free Trial
Compare packages