How to Upload and Customise Your Logo

Upload your company logo to brand your knowledge base. Your logo appears in the header and helps create a professional, branded experience for your readers.

Logo Requirements

Supported Formats

• PNG (.png) - Recommended for logos with transparency
• JPG/JPEG (.jpg, .jpeg) - Good for photos and complex logos
• SVG (.svg) - Vector format, scales perfectly
• GIF (.gif) - Animated logos (if supported)
• WebP (.webp) - Modern web format

File Size

• Maximum size: 10MB per file
• Recommended: Under 2MB for faster loading
• Optimise: Compress logo before uploading

Dimensions

• Recommended size: 200x60 pixels
• Aspect ratio: Works best with wide logos (3:1 to 5:1)
• Flexible: Zuro handles various sizes
• Responsive: Logo scales on mobile devices

Uploading Your Logo

Step 1: Access Branding Settings

1. Go to your knowledge base dashboard
2. Select the knowledge base
3. Click "Settings" or "Customise"
4. Find "Branding" or "Logo" section

Step 2: Upload Logo

1. Click "Upload Logo" or "Change Logo"
2. Select your logo file
3. Wait for upload to complete
4. Preview the logo
5. Click "Save" or "Apply"

Step 3: Adjust if Needed

• Crop or resize: Adjust logo if needed
• Preview: See how it looks in header
• Test on mobile: Check mobile appearance
• Save changes: Apply when satisfied

Logo Best Practices

Design Tips

• High quality: Use high-resolution logo
• Transparent background: PNG with transparency works best
• Simple design: Clear and recognisable at small sizes
• Appropriate colours: Works on light and dark backgrounds

File Preparation

• Remove background: Use transparent PNG
• Optimise size: Compress without losing quality
• Right dimensions: 200x60px or similar aspect ratio
• Test display: Preview before uploading

Placement

• Header placement: Logo appears in knowledge base header
• Consistent branding: Matches your website logo
• Professional appearance: Creates branded experience
• Mobile-friendly: Scales appropriately on mobile

Customising Logo Display

Logo Settings

• Show/hide logo: Toggle logo visibility
• Logo size: Adjust display size (if available)
• Logo position: Left, centre, or right alignment
• Link logo: Make logo clickable (link to your website)

Header Customisation

• Logo + name: Display both logo and KB name
• Logo only: Show just the logo
• Name only: Hide logo, show name only
• Custom header: Full header customisation (Enterprise)

Troubleshooting

Logo Not Uploading

• Check file size (must be under 10MB)
• Verify file format is supported
• Try a different file
• Compress logo and try again

Logo Not Displaying

• Verify logo was uploaded successfully
• Check logo is enabled in settings
• Clear browser cache
• Try a different browser

Logo Looks Blurry

• Use higher resolution logo
• Upload SVG format for crisp display
• Check original file quality
• Avoid upscaling small images

Logo Too Large/Small

• Resize logo before uploading
• Use recommended dimensions (200x60px)
• Test different sizes
• Adjust in settings if option available

Best Practices

• Use your brand logo: Match your website/company logo
• Keep it simple: Clear, recognisable design
• Test on devices: Check mobile and desktop
• Optimise file: Balance quality and file size
• Update when needed: Keep logo current