Logos & Footers

Logo Images

Add your company logo to email signatures for professional branding that appears alongside contact information.

Logo Image Requirements

Aspect ratio: Logos should be square or short and wide, with a width-to-height ratio between 1:1 and 5:1.

Good ratios:

• 1:1 (square) - Works for badge-style or circular logos

• 2:1 (wide) - Standard horizontal wordmarks

• 4:1 (very wide) - Long horizontal logos or text-heavy brands

• 5:1 (maximum) - Extra-wide logos (but test for readability)

Bad ratios:

• Tall/vertical logos (portrait orientation) - These don't work well in email signatures

• Ratios beyond 5:1 - Become too elongated and hard to read

File format: Upload PNG or JPG files. PNG is recommended for logos with transparency or solid colors. Use JPG for photographic logos.

Resolution: Upload high-resolution images (at least 2x your intended display size) to ensure logos look sharp on retina displays and high-DPI screens. INKY scales them down appropriately.

File size: Keep images under 200KB for fast loading. Optimize images before uploading to reduce email size and improve deliverability.

Sizing Your Logo

Maximum image height: Set the logo height in pixels. INKY maintains the aspect ratio, so if you set height to 60px on a 2:1 logo, it displays at 120px wide by 60px tall.

Recommended sizes:

• 50-60px: Professional, subtle branding (most common)

• 80-100px: Prominent branding for marketing teams or brand-focused companies

• 40px or less: Minimalist signatures, mobile-first organizations

Testing tip: Preview signatures at your chosen size across multiple email clients and devices before rolling out. Logos that look great on desktop may dominate mobile screens.

Logo Placement

Configure where your logo appears relative to signature text in the Image Placement section:

Left of company and user details: Traditional business layout with logo on the left, contact information on the right. This mimics business card design and feels familiar to recipients.

Right of company and user details: Modern layout with text on the left, logo on the right. Use this for visual balance or when your logo design works better positioned right.

The placement you choose applies to all signature layouts that include the logo image. Individual users cannot override logo placement.

Footer Images

Add branded footer images to email signatures for campaigns, promotions, event announcements, or visual branding elements. Footer images appear below all signature text and contact information.

Footer Image Requirements

Aspect ratio: Footer images should be short and wide, with a width-to-height ratio between 1:1 and 10:1.

Good ratios:

• 3:1 to 5:1 - Standard banner proportions for campaigns or promotions

• 6:1 to 10:1 - Wide banners for event announcements or awards/certifications

Bad ratios:

• Square or tall images (use logo placement instead)

• Ratios beyond 10:1 become too short and hard to read

File format: PNG or JPG. Use PNG for graphics with text or transparency. Use JPG for photographic footer images.

Resolution: Upload high-resolution images (at least 2x your intended display size) to look sharp on retina displays.

File size: Keep under 300KB. Footer images are larger than logos but should still load quickly to avoid email deliverability issues.

Common Footer Image Uses

Marketing campaigns: Promote webinars, product launches, or special offers at the bottom of every outbound email.

Event announcements: Include conference dates, registration links, or "See you at [Event Name]" banners.

Awards and certifications: Display industry certifications, best-place-to-work badges, or award recognitions.

Social proof: Feature customer logos, testimonials, or "As featured in" media mentions.

Holiday/seasonal branding: Rotate footer images for holidays, company anniversaries, or seasonal campaigns.

Compliance badges: Include security certifications, privacy shields, or industry compliance logos.

Sizing Footer Images

Maximum image height: Set the footer image height in pixels. INKY maintains aspect ratio automatically.

Recommended sizes:

• 40-60px height: Subtle footer elements, professional signatures

• 80-100px height: Prominent campaigns or calls-to-action

• 120px or higher: Major announcements or visually-driven promotions

Width consideration: Most email clients display signatures at 500-600px wide. Design footer images for this maximum width to prevent scaling issues.

Linking Footer Images

Link the footer image to the following URL: Make your footer image clickable by adding a destination URL. This turns the footer into an actionable element.

Common linking strategies:

• Campaign landing pages (webinar registration, product pages)

• Event websites or ticket purchasing

• "Learn more" destinations for promotions

• Company blog posts or news announcements

• Partner websites for co-branded initiatives

URL format: Always include the full protocol (https://www.example.com/campaign) to ensure proper linking.

Leave blank for non-clickable: If you just want visual branding without a link (like certification badges), leave the URL field empty.

When Images Appear in Signatures

Both logos and footer images display based on your Signature Layouts configuration:

Logos: If "New mail" layout includes "Logo image/photo," the logo appears in new emails. If "Replies" or "Forwards" exclude logos, they won't show in those message types.

Footer images: If "New mail" layout includes "Footer image," it appears in new emails. Most organizations include footer images only in new mail to avoid cluttering reply threads.

If you upload images but don't include them in any layout, they're stored but never shown in signatures.

User Photos vs. Logos

If you enable user profile photos, you can choose how they interact with logos in the Image Placement section:

Opposite logo: Places user photo on the opposite side from the company logo (logo left, photo right or vice versa). Creates balanced, personalized signatures.

Override logo: Replaces the company logo entirely with user photos. Use this for personal brands, consulting, or when individual identity matters more than company branding.

Best Practices

For Logos

Brand consistency: Use the same logo file across all company communications—website, social media, email signatures, and marketing materials.

Accessibility: Ensure your logo has sufficient contrast against signature backgrounds. Test in light mode and dark mode email clients.

Mobile optimization: Logos over 80px height can dominate small screens. Test on phones before deploying.

Update process: When rebranding, upload the new logo, preview signatures, then save. All signatures update immediately across your organization.

File naming: Use descriptive filenames like "acme-logo-2024.png" for version tracking. Avoid spaces or special characters in filenames.

For Footer Images

Design for email: Email clients render images differently than websites. Test footer images in Outlook, Gmail, Apple Mail, and mobile clients before deploying.

Clear call-to-action: If linking the footer, ensure the image clearly communicates what clicking will do ("Register Now," "Learn More," "Get 20% Off").

Text readability: If your footer includes text, use large, bold fonts. Small text becomes illegible at email signature sizes.

Brand alignment: Match footer image style to your logo and overall brand guidelines (colors, fonts, photography style).

Rotation strategy: Update footer images regularly to keep signatures fresh and relevant. Quarterly updates work well for most organizations.

Mobile testing: Footer images can dominate mobile screens. Test on phones and consider reducing maximum height for mobile-friendly designs.

Accessibility: Include meaningful alt text in the image file itself (handled by INKY's HTML rendering) so screen readers can describe the footer content.

Campaign Management for Footer Images

Time-sensitive campaigns: Update footer images as campaigns launch and end. Don't leave expired "Register by December 1st" banners in signatures after deadlines pass.

A/B testing: Some organizations rotate footer images by team or department to test which campaigns drive engagement.

Analytics tracking: Use UTM parameters in footer image URLs to track click-through rates in Google Analytics:

https://www.example.com/webinar?utm_source=email&utm_medium=signature&utm_campaign=q4_webinar

Removal: Delete footer images by uploading a blank placeholder or unchecking footer image inclusion in signature layouts. This immediately removes them from all signatures.

Troubleshooting

Logo Issues

Logo not displaying:

• Verify the image uploaded successfully (check file size and format)

• Confirm your signature layout includes "Logo image/photo"

• Check that recipient's email client allows images (some block images by default)

Logo looks blurry:

• Upload a higher-resolution version (at least 2x your display height)

• Ensure the original image is sharp and not already low-quality

Logo too large/small:

• Adjust the "Maximum image height" setting

• Preview before deploying organization-wide

Logo appears distorted:

• Check your original image aspect ratio (should be between 1:1 and 5:1)

• Verify the file isn't corrupted

Vertical separator not showing:

• Enable "Include a vertical separator between the image on the left and the information on the right" in Styling & Formatting

• Ensure logo is positioned left of details (separator only works with left-aligned logos)

Footer Image Issues

Footer image not displaying:

• Confirm your signature layout includes "Footer image"

• Verify the image uploaded successfully

• Check recipient's email client image settings

Footer image looks stretched or pixelated:

• Upload a higher-resolution version

• Verify your original image aspect ratio is between 1:1 and 10:1

Footer image link not working:

• Ensure URL includes https:// protocol

• Test the link in multiple email clients

• Verify the destination URL is publicly accessible

Footer image too large:

• Reduce maximum image height in settings

• Optimize the image file size before uploading

• Preview on mobile devices before deploying