Guidance concerning media files for the web including images, animations, video, and document files.

Securing Documents on the Web


GSD Community Member, please login to view this section.

 

Optimizing Images for Web

  1. Image File Format: Use JPEGs for photos or images with lots of colors, PNGs for simple images or when you need transparent images, and GIF for animated images only.
  2. Video Uploads: Contact  GSD's Web Content team concerning video uploads.
  3. File Size:
    1. Images should not exceed 1MB, and ideally be less than 500KB. Resize images to max dimensions of 1200 pixels width at a resolution of 72dpi.
      GSD's Web Content team has developed a one-step Photoshop action that automates this process for multiple images at once.
      Please contact the team via email for support using this tool.
      Images can also be resized one at a time in Preview or like applications. Images of the appropriate dimensions, but are over 500KB should be compressed. We recommend jpeg compression at a level 7 in Photoshop or using an online tool like
       tinypng.com.
    2. PDFs should not exceed 1MB. If your PDF is over 1MB, contact the GSD's Web Content team.
  4. Alt Text:  All media uploaded to the GSD site MUST include Alt Text, Harvard University provides Guidelines on the Digital Accessibility website.

 

Replacing Media

The GSD website had extended the functionality of the native media library via a 3rd party WordPress Plugin
Enable Media Replace.

The replaced file is deleted, the tool should be used sparingly.  The best practice is to only use the replace media tool when it is necessary to maintain the file name and URL of the original document.

Using the Media Replacement tool

  1. Navigate to the media library.  Search for the file name of the file you would like to replace.
    Image of WordPress' Media Library Screen
  2. Within the Attachment Details Screen, click on the “upload new file: button.
    Image of WordPress Attachment Details
  3. Within the Attachment Replace Screen, upload the new file
    Image of WordPress Replace Media Upload Screen Part 1
  4. Within the Attachment Replace Screen, select the “upload” button.
    Image of WordPress Replace Media Upload Screen Part 2

Troubleshooting errors

The media replacement tool does not trigger a rebuild of the GSD's website page cache.  Unfortunately, the page cache's API is not open, meaning we are not currently able to correct this issue programmatically.  It is not the ideal solution for pdf documents that are updated infrequently in a short period of time.

Solutions:

  1.  For images,  save the page, news post, project, publication, person profile, event, exhibition, &  etc.  in which the image is embedded.  Saving of content types will trigger a rebuild of the page cache.
  2. Refresh your browser's cache refreshyourcache.com maintains up to date instructions
  3.  Email the web staff to request a refresh of the page cache.  This can only be triggered by the site administrators and takes several minutes to be accomplished.
  4. Request an alias for your document.  An alias provides you with a stable URL for your file, which can be updated to revised versions of the document.  Out of date versions for your document should be deleted, to avoid being accidentally indexed by a search engine.
    1. The following web address is an example of an alias to a document
      https://www.gsd.harvard.edu/2020-2021-academic-and-faculty-calendar-PDF