Create Institution Landing Pages: Image Uploads

An institution can create a customized, branded Transferology® landing page to help promote the college or university to prospective students. When navigating to Transferology through the institution's referral link or badge, students will see the customized page (assuming it is published) instead of the CollegeSource-branded homepage. This article within Create Institution Landing Pages: An Overview Guide explains how School Admins can customize images used on the institution landing page.

Articles in this series:

Logo Image

Institutions will need to upload a logo image to appear at the top of the Transferology® landing page. For best results, use an image of 740x110 pixels. The image must be a JPG, JPEG, or PNG file no more than 1MB in size.

Institution logo and Transferology

To upload an image:

  1. Where it says Logo Image, select Upload Your Own.

Prompt for logo image upload

  1. Select Choose File to upload the image.

Image of functionality used to upload the logo image.

  1. The image will appear under Original.
    • Use the cropping tools to adjust the width or length of the frame.
    • Use the mouse to move the positioning of the image within the frame.
    • Use the - and + buttons to scale the image within the frame.

Callout illustrates the locations of the cropping tools can be used to adjust the image.

  1. When done, select Crop to preview the image under Final.

The image appears under Original and Final.

  1. Select Upload.
  2. Confirm the image appears in the editor as below.

Screenshot depicts uploaded image.

To use a different logo image, select Choose New Image and repeat the steps above.

Alternate Text

Transferology supplies alternate text (or "alt text") for the logo image to help assistive technology users understand the image's content and for use in search engine optimization. The default alternate text for the logo image is [Institution Name] logo picture.

To use different alternate text, enter the description into the box below.

    • This will override the default alternate text above.

Logo Image Alter Text Text for assistive technology users goes here.

Header Image

Institutions are required to either upload or use a preselected header image. For best results, use an image of 1200x1100 pixels. The image must be a JPG, JPEG, or PNG file no more than 1MB in size.

Two options appear under Header Image: Upload Your Own and Pick From Our Preselected Images.

Example of header image.
Select to see a larger version

Upload Your Own

To upload an image:
  1. Where it says Header Image, select Upload Your Own.
  2. Select Choose File to upload the image.

Image of functionality to choose file.

  1. The image will appear under Original.
    • Use the cropping tools to adjust the width or length of the frame.
    • Use the mouse to move the positioning of the image within the frame.
    • Use the - and + buttons to scale the image within the frame.

Callout illustrates the location of the minus and plus buttons that can be used to adjust the image.

  1. When done, select Crop to preview the image under Final.

The Header image appears under both Original and Final. The crop button is highlighted.

  1. Select Upload.
  2. Confirm the image appears in the editor as below.

Image appears under Final heading. Choose New Image button displays.

To use a different header image, select Choose New Image and:

Alternate Text

Transferology supplies alternate text (or "alt text") for the header image to help assistive technology users understand the image's content and for use in search engine optimization. The default alternate text for the logo image is [Institution Name] header picture.

To use different alternate text, enter the description into the box below.

    • This will override the alternate text above.

Header Image Alternate Text Text for assistive technology users goes here.

  1. Select the Preview Changes button at the top of the template to see how the image will appear on the landing page.
  2. Select Save Changes.
    • A pop-up will appear noting that the user is about to make changes to the landing page for the institution. Doing so will make these changes visible to the public if the landing page has been published. Make sure to review changes via the Preview Changes button.
      • Select Yes to proceed with saving changes.
      • A confirmation will appear indicating that changes have been saved.

Pick From Our Preselected Images

To choose a picture from the image gallery:
  1. Select Pick From Our Preselected Images.

Two options appear under Header Image: Upload Your Own and Pick From Our Preselected Images.

  1. Scroll through the images in the gallery.

image gallery pop-up

  1. Press Select to choose the image.
  2. Under Final, select Upload.
    • Users can also choose Select Image to return to the image gallery to select a different image.

Select Image, Upload, and Go Back buttons are displayed under Final. The callout illustrates the location of the Upload button.

  1. Confirm the image appears in the editor as below.

Final image

To use a different preselected image, select Choose New Image and repeat the steps above.

Alternate Text

Transferology supplies alternate text (or "alt text") for the default header image to help assistive technology users understand the image's content and for use in search engine optimization. The default alternate text for the logo image is [Institution Name] header picture.

To use different alternate text, enter the description into the box below.

    • This will override the alternate text above.

Header Image Alternate Text Text for assistive technology users goes here.

  1. Select the Preview Changes button at the top of the template to see how the image will appear on the landing page.
  2. Select Save Changes.
    • A pop-up will appear noting that the user is about to make changes to the landing page for the institution. Doing so will make these changes visible to the public if the landing page has been published. Make sure to review changes via the Preview Changes button.
      • Select Yes to proceed with saving changes.
      • A confirmation will appear indicating that changes have been saved.

Thumbnail Image

A thumbnail image is a small, square-sized picture that appears within a URL when copied and pasted. The below thumbnail image is used for Transferology.com and is prepopulated for each institution landing page by default:

The title Transferology for (Institution Name) will appear to the right of the image, along with the SEO Page Description.

Transferology for Institution Name.

Institutions can choose to upload a different image. For best results, use a 48x48-pixel image. The image must be a JPG, JPEG, or PNG file no more than 1MB in size.

  1. Where it says Thumbnail, select Upload Your Own.

Thumbnail Image. Upload a thumbnail image to appear within the link to the landing page when it is copied and pasted. Zoom in/out, drag the image, and crop it if needed.

  1. Select Choose File to upload the image.

Image of functionality to choose file.

  1. The image will appear under Original.
    • Use the cropping tools to adjust the width or length of the frame.
    • Use the mouse to move the positioning of the image within the frame.
    • Use the - and + buttons to scale the image within the frame.

Callout illustrates the location of the minus and plus buttons that can be used to adjust the image.

  1. When done, select Crop to preview the image under Final.

The Header image appears under both Original and Final.

  1. Select Upload.
  2. Confirm the image appears in the editor as below.

Image appears under Final heading. Choose New Image button displays.

To use a different thumbnail image, select Choose New Image and repeat the steps above.

Alternate Text

Image alternate text (or "alt text") helps assistive technology users understand the image's content and is used for search engine optimization.

Thumbnail Image Alternate Text. Text for assistive technology users goes here

Transferology does not currently use the Thumbnail Image Alternate Text field. Institutions do not need to populate any text in this field.

  1. Select Save Changes.
    • A pop-up will appear noting that the user is about to make changes to the landing page for the institution. Doing so will make these changes visible to the public if the landing page has been published. Make sure to review changes via the Preview Changes button.
      • Select Yes to proceed with saving changes.
      • A confirmation will appear indicating that changes have been saved.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us