On this page are several examples of images used in different ways and at different sizes to give you an idea as to how you can craft and position your images on your pages. Image dimensions are given in width x height in pixel measurements.
The two images of above display Harkins hall in a Banner Block.
The top image is as it is used on a department landing page, the banner is full-browser width and should be optimized for the web and 1920 pixels wide by whatever height (in this case 727 pixels) works best given the subject matter- so the height is flexible.
The second image is as it would be used on an interior page- contained within a content wrapper. This banner is 1500 pixels wide by whatever height works best (in this case 500 pixels) for the subject matter.
Example 1 – images used as column headers.
Example 1
Example 1
Example 1
Example 2 – An image inset in a large paragraph of text.
Example 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tellus lectus, ullamcorper ut felis et, malesuada dignissim tellus. Nulla ligula elit, ultricies non commodo vitae, aliquet imperdiet orci. Duis risus tellus, malesuada et lacinia id, faucibus nec urna. Vivamus blandit sed enim quis accumsan. Duis quis dui at nibh ultrices semper. Vestibulum volutpat turpis vel cursus egestas. Aliquam convallis, nisi a convallis aliquam, sem augue auctor enim, non vehicula metus sem ut est.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tellus lectus, ullamcorper ut felis et, malesuada dignissim tellus. Nulla ligula elit, ultricies non commodo vitae, aliquet imperdiet orci. Duis risus tellus, malesuada et lacinia id, faucibus nec urna. Vivamus blandit sed enim quis accumsan. Duis quis dui at nibh ultrices semper. Vestibulum volutpat turpis vel cursus egestas. Aliquam convallis, nisi a convallis aliquam, sem augue auctor enim, non vehicula metus sem ut est.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tellus lectus, ullamcorper ut felis et, malesuada dignissim tellus. Nulla ligula elit, ultricies non commodo vitae, aliquet imperdiet orci. Duis risus tellus, malesuada et lacinia id, faucibus nec urna. Vivamus blandit sed enim quis accumsan. Duis quis dui at nibh ultrices semper. Vestibulum volutpat turpis vel cursus egestas. Aliquam convallis, nisi a convallis aliquam, sem augue auctor enim, non vehicula metus sem ut est.
Image within a PC Custom Blockquote Block
Here’s a PC Custom Blockquote block with an accompanying image. There is flexibility in the sizing for this image, depending upon how you want it to look on the page. Most often its used as a quote with an accompanying image of the person who made the quote. This example image is 200h x 200w.
Web Services
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tellus lectus, ullamcorper ut felis et, malesuada dignissim tellus. Nulla ligula elit, ultricies non commodo vitae, aliquet imperdiet orci. Duis risus tellus, malesuada et lacinia id, faucibus nec urna. Vivamus blandit sed enim quis accumsan. Duis quis dui at nibh ultrices semper. Vestibulum volutpat turpis vel cursus egestas. Aliquam convallis, nisi a convallis aliquam, sem augue auctor enim, non vehicula metus sem ut est.
Images within the PC Custom Picturelink Block
The optimal size for images within a PC Custom Picturelink Block is 400w x 200h.
