Build Image Dimensions and Resizing

Page Content

Image Dimensions and Resizing

Each content type requires a specific image size. In the past, all photos needed to be resized to the appropriate specs using Photoshop or by submitting a request to Media Support Services before uploading the image to the T4 Media Library. 

Now, with the implementation of the PXL Tool, resizing the image is no longer necessary for the majority of content types. PXL is built into T4 and automatically resizes images that are uploaded to select content types.

Learning objectives

  • Understand the importance of image size specifications for different content types in TerminalFour (T4) and how it impacts website performance and layout
  • Learn about PXL and how it eliminates the need for resizing images for most content types, simplifying the image upload process.
  • Identify which content types still require resized images

Common image sizes in T4

How to resize an image in Photoshop

  1. Open Photoshop.
  2. Click Create new to open a new Photoshop project.
  3. Add the image specs (from specifications list above) under Preset details. 
  4. Click File.
  5. Click Place Embedded.
  6. Navigate to and select the photo you need. Click Place.
  7. A new layer will be added to your Photoshop project.
  8. Hold down the shift key, then click and drag on the image layer to readjust the image to look nice within the frame.
  9. Press Enter to crop the image. 
  10. Right-click on the image layer in the layers panel. 
  11. Click Export as and wait for a dialog box to appear.
  12. Using the drop-down menu, switch the file format to .jpg.
  13. Reduce the quality to 60%.
  14. Click Export all.
  15. Change the file name and location as needed.
  16. Click Save. 

Best practices

  • Always adhere to the recommended image sizes for each content type to maintain consistency and optimal display across your website
  • You still need to manually resize images used in content types like general content, accordions, and tabs to ensure they display correctly
  • After uploading resized or automatically resized images, test their display on various devices to ensure they render correctly and maintain the desired user experience

Additional resources

By now, you should feel comfortable resizing images in T4.

Submit image resize request to Media Support Services

If you'd prefer to have Media Support Services (MSS) resize your image, you can submit a request to them through this Workfront form. In your request, be sure to include the needed dimensions of the image(s) from the list above and that you will be using the resized image(s) on the web. 

Submit request to MSS

Ready to enhance your content further?

Check out the next module.

Hero images
menu
Close