Using media in your content is an easy way to boost engagement and get creative with your Pages and Posts. This guide's full of recommendations—like media sources and dimensions—to create the best experience for your members.
The Library
The Library is where you add, sort, and store images for content creation. Upload logos, banner images, backgrounds, pictures of your workplace, and whatever else you need to create a bank of images to use in your Pages and Posts.
Any images you add when you're creating new content will show up here too. Click the list view icon for more information like upload date, image size, and file type.
Images
Here are some guidelines for selecting and using images in your content. Just remember to preview your content to make sure your designs are clear, attractive, and good to go on multiple platforms.
File types
Activate only supports JPG and PNG files. JPGs tend to have smaller file sizes, but PNGs are usually higher quality images. Just be sure you use what's best for the scenario, and remember to optimize all of your images and designs for mobile.
If you need sources for high-quality, free images, check out sites like Unsplash, Pexels, and Pixabay.
Text and images
Try not to use images that have text—the text might be distorted or cut off by resizing, and it can be an accessibility issue.
Instead, the hero block's a great way to create combinations of text with background images.
File size
The maximum file size you can upload is 20MB. If you can't upload something, try resizing or scaling with image editing tools.
Image Dimensions
Sometimes images are resized and optimized for different devices, so it's hard to recommend an exact resolution. Here are some general, average dimensions for a mobile device:
- Tall: 896 x 560px
- Medium: 896 x 308px
- Short: 896 x 229px
Aspect ratio, however, is pretty important.
Different ratios suit different purposes:
- 16:9 is good for landscape images.
- 1:1 is a balanced, square image.
- 4:5 makes for good portraits.
- 9:16 is best for backgrounds—it usually fills the whole screen.
Resolution
Pixel density is the measurement of how many pixels fit into a square inch of screen space. The more pixels, the sharper the image will appear.
As long as the image is least about 1024 pixels wide horizontally, the image should display clearly. The standard resolution for web images is 72 PPI (often called “screen resolution”). Most modern cameras, even on mobile phones, have a resolution of over 10 Megapixels, well above the minimum requirements.
| 💡 If the image is blurry, it might have been compressed when you received it from someone in a message, downloaded an email attachment, or accessed the image from a website that tries to reduce file sizes. Track down the original high-resolution version or create a fresh image. |
Grid layouts
Arrange images and text into grids using containers. In the example below, images and associated text are placed in row containers to save space and create different ways for members to view content.
Video
To add videos to your content, embed YouTube video IDs or MP4 links from any other video hosting platform.
To embed a YouTube video, drag & drop the YouTube block into your Post or Page. Copy and paste the ID number of the video into the YouTube Video ID field. For example, the video embedded in this Post has the ID: https://youtu.be/TpRYrg3Djdc.
You can always make a private YouTube channel if you don't want to share your videos outside Activate.
For any other video, use the video content block. Any site that stores or shares videos with URLs ending in .mp4 will work.
Comments
0 comments
Article is closed for comments.