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

Modified on Wed, 27 Jul 2022 at 12:17 PM

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 CMS

If you used automatic file association

  1. Update the filename from v1 to v2. Learn more
  2. Upload the new file via the CMS > Media > Image Uploads
  3. After it appears in your speaker table in the CMS, 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 CMS > 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 CMS

  1. In the CMS > 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


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us how can we improve this article!

Select atleast one of the reasons

Feedback sent

We apprciate your effort and will try to fix the article