Image and image editor specifications

Cheri Petterson

Feb 20, 2025

The image editor is used across different sections of Community Proper image sizing enhances the user experience by ensuring that images load quickly and appear sharp and clear.

Image Editor Usage

General use: Most image editors on the site allow access to all aspect ratios. Upon uploading an image, you can choose and apply a different aspect ratio.
Default aspect ratio: The editor defaults to 1:1 when opened.
Saving changes: If no changes are saved, the uploaded image will remain unaltered. Exiting the editor will leave the original image intact.

Best practices

Correct aspect ratio: Upload images in the correct aspect ratio or pixel format for the intended use case.
Avoid unnecessary edits: If the uploaded image is already correctly sized, avoid unnecessary editing.
Overwriting warning: Any saved changes will overwrite the original image. To revert, discard the image and upload the original again.
Standardize grids and rotators: Configure and set a standard for grids and rotators across your site to ensure consistent image sizes and minimize unnecessary edits.
Learn more about grids or rotators.

Forced Aspect Ratios for Banners

In some areas, banner images enforce a specific aspect ratio 25:8 (1440x461). When this enforcement is in place, the editor will not offer other aspect ratio options, allowing only zoom and straighten adjustments.

Grid & Rotator Items

The site's grid and rotator modules allow content to be displayed in configurable variants, including different widths, heights, and spacing. Due to this flexibility, we do not enforce a specific aspect ratio for Primary Course, Group List, Session Icon/Preview, or Speaker images.

Site admin speaker grid page: In the site admin, the speaker's grid page defaults to circular grid items, which cannot be changed.
Other areas: For all other aspects of the site, you can update these options within the module you choose to pull in content.

Recommendations for grid and rotator items

Choose between ratios 1:1, 3:4, or 4:5 for these content image items (see the conversion table below for details).
Configure and set a standard for grids and rotators across your site to minimize unnecessary edits, ensuring consistent image sizes in all these areas.

Recommended Image Sizes

Full-width web banners:

16:9 - 1920x1080, 2560x1440
25:8 - 2400x768, 3000x1000

Web side-by-side components:

4:3 - 600x450, 800x600
16:9 - 1280x720, 1600x900

Profile images, grids, and rotator items:

1:1 - 200x200, 400x400
3:4 - 300x400, 600x800
4:5 - 400x500, 800x1000

Community post images:

4:3 - 800x600, 1024x768
5:4 - 1000x800, 1250x1000
16:9 - 1200x675, 1600x900
4:5 - 800x1000, 1200x1500
9:16 - 1080x1920, 720x1280