Summary: Speakap uses three logo elements: a square Network Avatar, a square Favicon and a rectangular Network Logo. This guide explains what each one is for, the technical specifications, and how to upload them.
1. Visual differences and specifications
Your branding is split into two distinct elements, so your company identity displays well in every area of the platform.
| Branding asset | Where it appears | Shape and ideal aspect ratio | Minimum dimensions | Max file size / type |
| Network Avatar | Login screen and favicon. | Square (1:1 aspect ratio). | 250px by 250px. | Standard web formats. |
| Favicon | Browser tab | Square (1:1 aspect ratio). | 512px by 512px. | Standard web formats. |
| Network Logo | Platform header. | Rectangular (15:4 aspect ratio). | 120px (width) by 32px (height). | Max 20MB; PNG recommended for transparency. |
2. Managing the Network Avatar
The Network Avatar is shown as a square in the favicon and on the login page.
- What you need to do: Simply upload your existing corporate logo file into the avatar slot.
- Built-in cropper: If your source image is larger or contains extra background space, use the built-in cropping tool during upload. The tool is locked to a square shape, so you can select and save your preferred area instantly.
3. Managing the Network Logo
The Network Logo is designed to sit inside the upper navigation header. Because header space is horizontal, square logos will distort; your uploaded asset must be rectangular.
Best practices for the Network Logo:
- Prevent distortion: Always keep the width and height of your image in proportion. For the cleanest fit, design your graphic to match the ideal 15:4 aspect ratio.
- Use transparency: We highly recommend uploading your asset as a PNG file if your logo needs a transparent background.
- Preview your work: Use the admin preview window to see how your logo looks on top of your chosen custom banner theme color. Check the result across multiple device types to make sure it stays sharp and readable.
- Cropper tool: Like the avatar settings, a rectangular built-in cropper tool helps you frame your image perfectly during upload.
4. Updating your logo settings
To upload your brand assets, go to:
Network settings > Appearance > Theme > General.
Note: At the top of the General settings page you will see a toggle to switch between Original settings and New design settings. Both layouts are still supported, so you can flip between the two versions while you finalize your rectangular assets.
Still stuck?
Email us at support@speakap.com with your network name and the logo file you're trying to upload, and we'll help you out.