Preparing images of your artwork for the web

by Owen Mundy, April 20th, 2011

Whether you are using a Content Management System (CMS) like Indexhibit and Wordpress or are creating your website yourself these image settings may come in handy.

  1. Once you have your image open in Photoshop, go to Image > Image Size
  2. We can ignore Document Size settings, as we are working for the screen.
  3. Change the Pixel Dimensions
    • If you are using a CMS then you will want it to be no larger than 1000 pixels wide and 700 pixels tall. This will ensure that the entire image can be seen on any browser. If you have a theme that calls for a smaller file don't worry, CMS should scale it as necessary.
    • If you are creating your own site then you will adjust your Pixel Dimensions of your image based on the layout of your website.
  4. Click OK
Now in Photoshop, go to File > Save As..
  1. Select where you want to save the file
  2. Choose Format: JPEG
  3. In the second dialog box, JPEG Options...
    • Matte: None
    • Quality: High
    • Baseline ("Standard")
  4. Click: Save
In Indexhibit
  1. Edit the Exhibit where you want to add images.
  2. Upload your image at the bottom of the page.
  3. A thumbnail will appear.
  4. In the upper-right corner of the Exhibit Edit page you can choose between a variety of Exhibition Formats based on your preferences.