• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

The Cre8tive Diva - WordPress Developer

Digital Nomad | Helping WordPress & Genesis Framework Website Owners All Over the World

  • Home
  • About
    • Terms of Service & Privacy
    • Accessibility
  • Services
    • Pre-Made Genesis Theme Installation & Customization
    • Same Day Installation Service
    • Blogger to WordPress Migration
    • Buddypress Installation
  • My Work
  • Blog
    • Tutorials
    • Five on Friday
    • Genesis Framework
    • Tipsy Tuesday
    • WordPress
  • Contact
    • Support
  • Shop
  • 0 items$0.00

Published on: August 11, 2017

Exporting Your Images for the Web

FacebookTweetPinPrintShares4
Exporting Your Images for the Web
Photo by Domenico Loia on Unsplash

I get a lot of questions from photographers about how their images look on their websites. There are lots of variables as to how images are displayed on the web. I won’t go into great detail about that in this blog post but a few include the type of hosting, how your website has been developed, your internet speed, the device you are using, your monitor, and how your images were prepared for viewing on the web.

For the purposes of this post, I am talking about preparation for the web and your monitor. Depending on the type of monitor you are using, the calibration of that monitor, and how that monitor has been made, your images may look different, i.e., grainy and/or pixelated.

I recently had an issue where I was working with a theme and I thought the color was Lavender but it was actually Taupe. I asked several people in a few groups to look at the same theme and they all saw Taupe. I went to my local OfficeMax where they had one computer hooked up to 6 different monitors. Guess what? Four monitors displayed Taupe, the other 2 displayed Lavender. Yep, and I had witnesses! I wasn’t crazy after all!

You can see the same behavior with images, too. I went back to OfficeMax and guess what – some of the images looked grainy and on others they looked crisp and clear. The people in OfficeMax were watching me shake and scratch my head.

At this point the only recommendation I’ve been able to come up with is that you follow the instructions by Adobe for choosing efficient export options for the web. That’s really the starting point to all of this.

Watch the Adobe video, configure your settings as they indicate and see if you experience the same problem. If you do, then maybe it’s your monitor. Try looking at your site on other devices to see if they look better or worse. If they look the same, then you can start to look for other things that may be causing the issue.

 

Did you find this blog or tutorial helpful?
Buy Me a Coffee at ko-fi.com
Like my Signature? Get the Signature Widget for Genesis right here!

Filed Under: Web Development, WordPress

Primary Sidebar

Sign Me Up!

Receive my blog posts, tips and updates delivered to your inbox!

Yes, Sign Me Up

*By signing up you will receive new blogs, updates on products, services and important alerts.

Categories

  • Design
  • eCommerce
  • Five on Friday
  • Fonts
  • Free Themes
  • Freebie Friday
  • Genesis Framework
  • Genesis Plugins
  • Genesis Themes
  • Genesis Untapped
  • Instagram
  • MailChimp
  • News
  • Plugins
  • Press This News
  • Promotions
  • Social Media
  • Tipsy Tuesday
  • Troubleshooting
  • Tutorials
  • Uncategorized
  • Web Development
  • WooCommerce
  • WordPress
  • WordPress Plugins

Footer

Digital Nomad! I can be anywhere I wanna be now.

Follow Me

  • Facebook
  • Google+
  • RSS
  • Twitter

Latest Blog Posts

  • #BlackFriday Save up to 75% on New Hosting
  • Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share
  • How to Add Reading Time to a WordPress Genesis Child Theme Without a Plugin

Looking for Something?

Copyright © 2012–2021 · Designed with by Me! · Hosted on SiteGround