Adding Profile Pictures

Adding Individual Photos

To upload a photo of an individual:

  1. Navigate to that person's profile.
  2. Click on the image box at the top.
  3. Click "Upload Image" and select the image you want to upload.
  4. Crop the image to the appropriate size and save the change.

Looking for a faster way to add images for people? Take a look at updating photos through check-in.
2019-12-18_10-07-00__1_.gif

Adding Family Photos

To upload a photo of a family:

  1. Navigate to the profile of someone in the family.
  2. Click the gray header over the family section and then click "Add Family Picture."
  3. Click "Upload Image" and select the image you want to upload.1
  4. Crop the image to the appropriate size and save the change.

Images must be in jpeg, png, gif, or bmp format.

2019-12-18_10-10-52__1_.gif

Adding Photos from a Mobile Device

To upload a photo from your mobile device:

  1. Tap the Profile picture.
  2. Scroll down and click 'Upload Image'
  3. After selecting your picture, turn phone sideways (landscape) in order to see full picture for cropping.
  4. After cropping, scroll down and select 'Set as Profile'.

luther_final.gif

Information on photos

When uploading and exporting images, it's important to keep in mind the size of the images. Large images will often create unexpected results, so here are some general guidelines to use when handling photos in Breeze.  

  • Format
    When you save images, use PNG, JPG, BMP, or GIF format. You can use PNG format if you need to retain transparency.
  • File Size
    It's best to avoid overly large images, both in file size and pixel dimensions. We recommend a maximum file size of 1MB for images. We don't recommend uploading images that are significantly larger than your content area or template.
  • Image Size
    Your printed directory has a defined area for family photos. This area is a 3x2 ratio. Note: In order to optimize performance, load times, and storage for users, Breeze will downscale all profile pictures to 300x200 image resolution. If you wish to retain the original image size and quality of your profile pictures, we recommend storing those images either locally or in cloud storage (Dropbox, Google Drive, Onedrive...)

Additional Tips:

  • Color Mode or Profile
    Colors used online are different from those used in print, so it's important to make sure the colors in your images are set correctly. Web images should be saved with the RGB color profile or mode. CMYK, which is what designers use for print, doesn't render accurately online and can sometimes break your embedded image.
  • Alt Text
    It’s a good idea to add alt text to your images. Alt text is essential for accessibility and for viewers who might have trouble downloading your images. It can also help with search engine optimization for your landing pages.
  • High-Definition Screens
    Many smartphones, tablets, and laptops feature high-definition screens, such as retina displays, that offer a higher ratio of pixels per inch. This means that some images may appear fuzzy on these displays. To make sure your images appear clearly on all screens, you can use a higher resolution photo in an Image content block, and constrain the dimensions.

Cropping Photos

Photos are required to be a 3x2 ratio.  If you have a picture in portrait mode, you will be given a black border around the photo in order to include the entire photo in the image.

Simply upload the squared or portrait mode photo and Breeze will automatically include the black border around the sides.

2019-12-18_10-15-21__1_.gif 

Note: In order to optimize performance, load times, and storage for users, Breeze will downscale all profile pictures to 300x200 image resolution. If you wish to retain the original image size and quality of your profile pictures, we recommend storing those images either locally or in cloud storage (Dropbox, Google Drive, Onedrive...) Must have permissions to edit picture for these steps to work.

Was this article helpful?
94 out of 123 found this helpful