WordPress Image Use Guidelines

Our website is the public face of MLML. We want it to be rich in multimedia and visually appealing. The images we use on our website must be used legally, according to their copyright and licensing. The guidelines below will help to make sure that the image specs are appropriate for use on the web and that we have the right to use a photo. Pay special attention to statements of  allowable re-use  and how the image owner would like you to give them  credit . Please also see our  Permitting Guidelines . 

   

 

 Image Specifications 

 Resolution: 

 

 

 

 Slider 

 

 Upload original image, then (within WordPress) resize/crop to:

 

 Width - 1400px 

 Height - Anything you want, but keep it consistent amongst all of your slider images or it will look bad. For reference, the main website uses 500px for its slider images. 

 

 

 

 

 Everything Else 

 

 Original size, high resolution images. WordPress will automatically generate appropriately sized thumbnails. 

 Enable Lightbox whenever it is appropriate (usually all the time). 

 

 

 

 

 

 File Types: 

 

 

 

 JPG - For photos. 

 PNG - For drawings, graphs, logos, etc. 

 

 

 

   

 

 Image Metadata 

 *indicates required information 

 Enter the information below for each image you upload to the Media Library: 

 

 

 

 *Title - The Title is used by WordPress to sort your Media Library. Set this to the author/copyright owner's title for the image if there is one. 

 Caption - Use this field for image attribution when required by a license. 

 *Alt Text - Always enter alt text for 508 accessibility compliance. See https://moz.com/learn/seo/alt-text for a good explanation and some examples of alt text. 

 *Description - Paste image licensing info here using the Image Author/Copyright Owner & Licensing Template found below. This field is internal to WordPress and does not display to the public. Use the Caption field for attribution or other info you want to convey to the public. 

 Custom URL - Add if you want your image to link to another web page when clicked. 

 Custom Target - Default is sufficient. 

 Custom Class - Leave this blank. 

 

 

 

   

 

 Image Author/Copyright Owner & Licensing Template 

 Instructions: 

 

 

 

 Fill out the template and paste it in the Description metadata field on every image uploaded to your website.

 

 The template consists of the following:

 

 Image title - The author/copyright holder's title for the image. Specify "No title" if no title is available. 

 Image author/copyright owner - Photographer, artist, or owning group name. 

 Image source - Where you got the image from. Self, email from {x}, and the URL of the original image are examples of image sources. 

 Image License - Creative Commons (CC0, BY, BY-SA, BY-NC, etc); CSU Photography, Visual Image & Concept Ideas release form; individual permission given; public domain. 

 Image License URL - URL to the license, if applicable. Specify N/A; image is in the public domain' or similar if not. 

 Image subjects - People, animals, or any other important objects/scenery in the image. 

 Image permit information - If applicable. Specify "N/A" if not. 

 

 

 

 

 

 

 

 Template: 

 Required Fields: 

 

 

 

 Image title: 

 Image author/copyright owner: 

 Image source: 

 Image license: 

 Image license URL: 

 Image permit information: 

 Image subjects: 

 

 

 

 Important Notes: 

 

 Even if image contents are irrelevant, this template must be filled out; there are no exceptions. 

 You must fully understand and abide by the license terms used by the author/copyright owner. 

 Although in many cases attribution will be sufficient, you cannot assume this is the case. 

 If you are unable to fill out all applicable fields in the template for an image, you cannot use it. 

 

   

 

 Image Metadata Example 

 Title 

 Young humpback whale with blowholes clearly visible 

 Caption 

 By D. Gordon E. Robertson (Own work) [CC BY-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons 

 Alt Text 

 Overhead view of a young humpback whale at the ocean's surface with its blowholes clearly visible 

 Description 

 Image Title: N/A 

 Image author/copyright owner: D. Gordon E. Robertson 

 Image Source: https://commons.wikimedia.org/wiki/File:Humpback_Whale,_blowholes.jpg 

 Image license: CC BY-SA 3.0 

 Image license URL: http://creativecommons.org/licenses/by-sa/3.0 

 Image permit information: N/A 

 Image subjects: Young humpback whale