Making 'Pro' News and Events Images

image that demostrates 282px x 188px at 72 dpi

There are 3 things you need to know to make awesome looking news (and events) images:

  1. Make the image 282 pixels wide by 188 pixels high and at 72 DPI
  2. Use images and NOT TEXT
  3. Less is More, Less is More, & Less is More!!!

1. Images look best at 282 pixels wide by 188 pixels high and 72 DPI

Because of responsive design requirements, your NEWS images are way cooler at 282x188. "OK, I'm in! How do I get there?" No problem! Here are two ways:

1.1 Use Photoshop to edit, crop, and resize your images. We've even made a Template to use. Download our Adobe Photoshop Template for news images.

picture of a computer

1.2 If you don't have Photoshop, that's ok! PIXLR Editor can do everything you need to do to make your images look great.

Remember, enlarging images past 100% creates undesirable artifacts and blurriness.

2. Use images and NOT TEXT

Pictures that rely too heavily on text exclude our hearing impaired users and disrupt the harmonious balance of font use on the page. Utilize short and quick headlines with captivating images to draw your audience into your content. Although the NASCAR approach to design may be appealing, unknown iconographic images cause comprehension-confusion and lead visitors to terminate sessions prematurely. If you must use fonts in your designs, use fonts consistent with CLA and UT branding.

luie bad

Bad Example: This image is too wordy, and the print is illegible at this size. Posters and text can be works of art but loose 'oomph' at small scales

Lui armstrong

Good Example: Focusing on an image's dramatic component can have more visual impact

3. Less is More... Showing everything may be closer to showing nothing.

The following two mock news stories illustrate the difference. Instead of showing everyone, we can crop (not more than 100% of the size) the image to show an interesting aspect of what is going on and we can link to the larger image in the story. If it is undesirable to crop out parts of a larger collective, use a different image that represents what they do or who they help and place the larger image into the text of the body where it can be bigger.

Example: "Amateur Image"
bad looking image

The subjects in this image are so small that they no longer produce any value to the guest. People are now 'dots' and lose any engaging humanistic qualities. Think of me showing you a cool postage stamp from across the street - It just isn't going to work.

Example: "Pro" and Engaging Image
good looking image

Here we crop the image to get a little more of a visual story. People become recognizable, have expressions of joy, and are obviously showcasing an achievement. All this communication is accomplished without the guest even reading a single word of text!