Guides

Digital Newsletters

The Krieger Web Services Team can provide email newsletter template design and delivery through Mail Chimp for departmental newsletters that are sent out once a year or less.

Departments that send newsletters more than once a year, but less than monthly, should contact Krieger Web Services to discuss template design and delivery assistance.

Departments that send out weekly or monthly newsletters must design and deliver newsletters on their own. However, it is expected these newsletters follow the standards as outlined on the Brand Guidelines website to the best of their ability.

Working with Images

The Office of Marketing and Communications will select all branding photos, along with all faculty and staff headshots. These may be rotated out at the change of a semester or at the end of the year. If you would like your site’s photos changed, or a faculty member requests a different headshot, please contact us.

Custom or generated images are subject to approval. We reserve the right to remove any images, especially clipart, that do not comply with our standards for quality and/or content.

To save server space, images (along with pdfs and any other file type) that are more than 1 year old, and not attached to or linked from any page or post will be deleted without notice.

Best Practices for Images

  • Avoid group shots. Instead, go for tight shots with 1-3 students engaged, hands-on, and/or active. Images related to research can also work.
  • Aim for overall diverse representation of students.
  • Use correct JHU branding, including appropriate logos and fonts. JHU should be prominent in typography or logo on front of presentations, brochures, etc.
  • Avoid images that have text as part of the image. Low vision, blind, and dyslexic users will not be able to read the text in the image with their assistive technologies.
  • Images added to the body of a post or page (not a featured image), should be inserted as a gallery, even if just one. These images must also contain a caption explaining the image.
  • To ensure clean responsiveness, images should not be aligned/floated left or right.

Featured Images

A featured image represents the contents, mood, or theme of a post or page. The sizing and selection of each varies on each theme, but the following standards apply:

  • Posts
    • Featured images for posts are up to the web administrator(s). Portrait format is recommended.
  • Pages
    • All themes with pages set to a specified Featured Image will display the uploaded image in landscape format.
    • For websites using the Academic Department Theme, pages without a specified Featured Image will display one of several auto-generated images.
    • Custom featured images for non-lab websites will be selected by members of the Web Services team in consultation with web administrators. We reserve the right to remove any custom featured image that was set without approval.

Image Size & Dimension Recommendations

  • All images should be smaller than 100 KB to allow for quicker page load times. Web-optimized images are typically 72 DPI.
  • Images in landscape format should be no wider than 1400px. Images in portrait format should be no larger than 800x600px.
  • Due to limited server space, images larger than 500 KB may be taken down without notice.
  • For Mac users, the ImageOptim app provides an easy way to reduce image size without compromising quality.

Image Galleries

If you have a lot of images, we strongly recommend uploading them to OneDrive or creating a department Flickr account and linking where appropriate.

WordPress also offers a way to create an image gallery. Click the “Add Media” button and upload your images. Be sure to fill out the alt text box with a description of the image for each file you upload. Click “Create Gallery” in the left-hand menu. Select the images and click “Create Gallery.”

Order your images, add captions, set the number of columns you’d like, and click “Insert Gallery.”

Image Gallery Example