Resizing images
Each content type in TerminalFour requires a specific image size. In the past, we needed to re-size photos to the appropriate dimensions using Photoshop or by submitting a request to Media Support Services before uploading the image to the T4 Media Library. However, with the addition of CDN PXL, this step is no longer necessary for most content types (images still need to be resized for use in the General Content type).
During this transition, the following information is being retained incase CDN PXL is not working and a return to re-sizing images is necessary. Please see the section for Adding Images to T4 Media Library to learn more about the current process of adding images to the T4 Media Library without needing to have the images re-sized first.
Common image dimensions in T4
- Hero Images (3 image sizes required for every hero image content type)
- Desktop image:1440x720
- Tablet image: 1024x512
- Mobile image: 512x512
- Inline Media: 1024x512
- General Content
- Director's welcome message: 318x318
- Trainee and faculty profile tables: 125x150
- Photo or Video Tiles
- Square tile: 512x512 (required on all tiles)
- Double-width tile: 1024x512
- Triple-width tile: 1440x480
- Profile Cards: 512x512
- Fifty Fifty: 720x480
- Exploding Picture Tiles
- 3 images: 634x480
- 4 images: 576x480
- 5 images: 432x480
- 6 images: 360x480
- Photo Galleries
- Landscape/horizontal orientation: 960x720 (preferred)
- Portrait/vertical orientation: 540x720
How to resize an image in Photoshop
- Open Photoshop.
- Click Create new to open a new Photoshop project.
- Add the image specs (from specifications list above) under Preset details.
- Click File.
- Click Place Embedded.
- Navigate to and select the photo you need. Click Place.
- A new layer will be added to your Photoshop project.
- Hold down the shift key, then click and drag on the image layer to readjust the image to look nice within the frame.
- Press Enter to crop the image.
- Right-click on the image layer in the layers panel.
- Click Export as and wait for a dialog box to appear.
- Using the drop-down menu, switch the file format to .jpg.
- Reduce the quality to 60%.
- Click Export all.
- Change the file name and location as needed.
- Click Save.
Alternatively: Use the Photoshop 'Crop' tool
Alternatively, you may choose to use the crop tool in Photoshop to resize the image to the needed dimensions.
- Open the image in Photoshop.
- Select the crop tool.
- Set the aspect ratio for the crop box with the appropriate height and width (example 1024x512, 512x512).
- Move and adjust the crop frame as necessary.
- Double-click to crop the image.
- Choose File - Export - Export as and wait for a dialog box to appear.
- Under File Settings - Format, choose JPG.
- Under Image Size, change the width to the desired width as selected in the initial crop (the height will automatically adjust).
- Choose Export.
- Change the file name and location as needed.
- Click Save.
Download 125x150 Quarterly images from the Portrait Cache
When adding headshots of trainees or faculty in a profile grid or table, you may want to download the correctly re-sized 125x150 quarterly images from the Portrait Cache.
- Open the Portrait Cache by navigating to the following URL: https://quarterly.mayo.edu/qtphotos/xxxxxxx.jpg
Note: You will see a 404 error when you initially open this page until you complete step #2. - Replace the "xxxxxxx" in the link with the Person ID # (https://quarterly.mayo.edu/qtphotos/5555555.jpg). You can find the Person ID # for the individual in the Quarterly.
- Right-click on the image. Click Save image as.
- Change the file name and location of the photo as needed.
- Click Save.
- Follow the instructions on how to upload an image to the T4 Media Library and how to add images to general content (profile tables) in T4.
