Here are some guidelines for providing images to eHC.

Saving Images

When saving an image to use on the site:

  • Save as .png for images needing transparency
  • Save as .jpg at 50% compression for images not needing transparency

Sizing Images

Make sure all images are sized and optimized properly before they are uploaded. For example, doctor photos should be 150px x 200px. If you were to upload a much larger image (either is size or file size) the code for the physician search tool would size the image to be at least 150px wide, however, it will still load the large image and the load time of the page will be significant.

Optimizing Images

Be sure to optimize your images. The load time of your page mostly comes from embedded images and the larger the file size the slower the load time. Storing the images is also an issue. Larger images that can be optimized take up valuable space on the server. Images without transparency should be saved as .jpg files and compressed at 50%. Even a large image can still be vibrant and eye-catching at less than 400k.

Size standards for various tools

Physician Photos

Photos need to be 150 x 200; portrait.

Featured Content Rotator - Home Page

Featured Content Rotator images for home page needs to be at least 1400px x 500px. The area has a max-height of 500px. If you choose to make the image larger you can, but do not exceed 500px in height at this time.

When providing an image for the Featured Rotator please supply a horizontal image with open space to the left or right (depending on the layout of the featured content).

Images need to be:

  • At least 1400px x 500px. The area has a max-height of 500px.
    72dpi, RGB, .jpg at 50% compression

Here are some site examples of images:

Section Headers

Not all sites will have section/interior page header images. These images can follow the same guidelines as featured content, but will most likely have less height. If there is a comp for the image area, the height can be taken from the comp.

Home Featured Items

Most hospital websites and some HCAPS websites use the Home Featured Items. These are the three buckets of information on the home page. The width of the image is standard, however the height is up to the business as long as all images are the same height.

  • 300px x uniform height
    72dpi, RGB, .jpg at 50% compression

About Accordion Facility Image

The About Accordion on the home page pulls an image from the Facility Content. This is usually an image of the building or something reflecting the main focus.

  • Version 1: At most 300px wide
    72dpi, RGB, .jpg at 50% compression
  • Version 2: 250x250.
    The image is a circle so it needs to be a square image to properly fit into place.
    72dpi, RGB, .jpg at 50% compression

Service App Landing Page

Images seen on the index.dot page of the services app need to be saved with the following specs. If an image is not provided, the default thumbnail will show.

  • 300px x 175px
  • 72 dpi
  • RGB
  • .jpg at 50% compression