Images

Making your website look great

In order to make your website look great with visual images, you need to use high quality images and at the right sizes. View the examples and image chart from IU Communications.

Also remember to always set your images to 72 dpi and save for an optimized file size. Around 100kb is an estimated size.

View our tutorial about uploading images

Faculty, staff, + student profile images

768x768 or 1:1 aspect ratio

Profile images are kept to 768 pixels by 768 pixels for profiles to be high quality on multiple devices.

James T. Doe

Administrative Assistant, Religious Studies

Phone:
(812) 855-0000
Email:
username@indiana.edu

James is responsible for the oversight of the office as well as general upkeep of all staff technology. In addition, James is the recorder of all official annual meetings.

Incorrect feature box examples

Feature box incorrect photo size example
Feature box

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Example link
Feature box incorrect photo size example
Feature box

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Example link
Feature box incorrect photo size example
Feature box

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Example link

Banner images

3072x1024 or 3:1 aspect ratio

Banners are images that show up at the top of the page under the header. Banners are big and bold, and relevant to your written content. Banners should be 3072 pixels by 1024 pixels.

Example banner
Banner image screenshot