My images / photos / logos are displaying rotated or squished?

Modified on Tue, 07 Feb 2023 at 11:48 AM

Photos contain metadata such as the camera orientation when the photo was taken. This can result in speaker photos displaying sideways or upside down. Some browsers try to correct the image rotation on their own, however, this can result in 'squished' or stretched appearance. Always ensure the photo itself has the correct rotation metadata.




1. Correct a photo rotation

Windows

  1. Right-click the image file on your computer and select Edit. Your image will open in Microsoft Paint.
  2. At the top of MS Paint, click Rotate and choose the rotation.
  3. Save


Mac

  1. Click on the image to open it on your computer in Preview
  2. Tools > Rotate Right or Rotate Left until the desired rotation appears. 
  3. Save


Online Editor

  1. Load the photo into a photo editor like Adobe Photoshop or Fotor.com
  2. Correct the orientation
  3. Save or export to either .jpg or .png format)


2. Update the Photo in the Conference App Builder

If you used automatic file association

  1. Update the filename from v1 to v2. Learn more
  2. Upload the new file via the Conference App Builder > Media > Image Uploads
  3. After it appears in your speaker table in the Conference App Builder, Publish your data


If you had a photo URL in your source data

  1. Update the graphic on your server and use a new file name (if you have not publicized the app to your attendees, you do not need to change the file name)
  2. Update your data source with the new URL
  3. In the Conference App Builder > Agenda > Speakers > Import your data source that now contains the new URL for the corrected image
  4. Publish a data update


If you manually added the photo in the Conference App Builder

  1. In the Conference App Builder > Agenda > Speakers > search for the speaker where you wish to update the photo
  2. Click on the speaker to open the edit dialog
  3. Click the Pencil icon to replace the photo
  4. Publish a data update