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 Pages Module 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 the correct size, do not edit it.
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 of 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 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 Pages Module you choose to pull in content.
Recommendations for grid and rotator modules
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 and ensure consistent image sizes across 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
Comments
0 comments
Please sign in to leave a comment.