Email Signature Generator -- Professional HTML

Create professional email signatures for Gmail, Outlook, and Apple Mail

Personal Information

Customization

Social Media Links

Live Preview

Your signature will appear below:
Copied to clipboard!

Installation Instructions

Step 1: Open Gmail Settings

Click the gear icon in the top-right corner and select "See all settings".

Step 2: Navigate to Signature Section

In the General tab, scroll down to the "Signature" section. Click "Create new" and give it a name.

Step 3: Paste Your Signature

Click "Copy Signature (Rich HTML)" above, then paste (Ctrl+V or Cmd+V) into the signature editor box.

Step 4: Set as Default

Select your new signature as the default for "New emails" and "Replies/forwards". Click "Save Changes" at the bottom.

Step 1: Open Signature Settings

Go to File > Options > Mail > Signatures button.

Step 2: Create New Signature

Click "New", enter a name for your signature.

Step 3: Paste Your Signature

Click "Copy Signature (Rich HTML)" above, then paste into the signature editor.

Step 4: Set as Default

Under "Choose default signature", select your signature for "New messages" and "Replies/forwards". Click OK.

Step 1: Open Settings

Click the gear icon in the top-right and select "View all Outlook settings".

Step 2: Navigate to Email Signature

Go to Mail > Compose and reply > Email signature section.

Step 3: Paste Your Signature

Click "Copy Signature (Rich HTML)" above, then paste into the signature editor box.

Step 4: Save Changes

Enable "Include signature on new messages" and "Include signature on forwarded/replied messages" if desired. Click Save.

Step 1: Open Mail Preferences

In Apple Mail, go to Mail > Preferences (or Settings) > Signatures tab.

Step 2: Create New Signature

Select the email account, click the "+" button to create a new signature.

Step 3: Paste Your Signature

Click "Copy Signature (Rich HTML)" above. In the signature editor, paste your signature. Uncheck "Always match my default font" if the formatting looks wrong.

Step 4: Set as Default

In the "Choose Signature" dropdown, select your new signature for the account.

Step 1: Open Settings

Click the Settings icon (gear) in Yahoo Mail and select "More Settings".

Step 2: Navigate to Signatures

In the left sidebar, click "Writing email" > "Signature".

Step 3: Paste Your Signature

Toggle on "Signature", then click "Copy Signature (Rich HTML)" above and paste into the signature box.

Step 4: Save

Click "Save" at the bottom of the settings panel.

Best Practices for Professional Email Signatures

An email signature is more than just your contact information - it's a professional branding tool that appears in every message you send. A well-designed signature reinforces your credibility, makes it easy for recipients to contact you, and can even drive traffic to your website or social media profiles.

Essential Elements of an Effective Email Signature

Every professional email signature should include your full name, job title, company name, phone number, and email address. These core elements ensure recipients know who you are and how to reach you. Beyond the basics, consider adding your company website, relevant social media links, and optionally your company address or a professional headshot.

The key is balance - include enough information to be useful without overwhelming the reader. Most professionals recommend keeping signatures under 4-5 lines of text for optimal readability, though layouts with photos or logos may use more vertical space.

Design Considerations for Maximum Compatibility

Email clients render HTML differently, which is why this generator uses table-based layouts with inline CSS styles. This old-school approach ensures your signature looks consistent across Gmail, Outlook, Apple Mail, Yahoo Mail, and mobile email apps. Avoid using external stylesheets, JavaScript, or modern CSS features like flexbox or grid - they won't work in most email clients.

Stick to web-safe fonts (Arial, Helvetica, Georgia, Verdana, Times New Roman) that render consistently everywhere. Custom web fonts won't load in email signatures and will fall back to default fonts, potentially breaking your design.

Image Best Practices

If you include a profile photo or company logo, keep it small - ideally 80-120 pixels wide and under 50KB in file size. Images must be hosted on a reliable web server and linked via URL; email signatures cannot use embedded images in most clients. Use JPEG for photos and PNG for logos with transparency.

Always include alt text for images so recipients who block images can still understand what's missing. Some email clients and corporate security settings block images by default, so your signature should remain readable without them.

Social Media Links: When and How

Include only professional and relevant social media links. LinkedIn is almost always appropriate for business communications. Twitter/X works well for public-facing roles, thought leaders, or companies with active social presences. GitHub is essential for developers and technical roles. Avoid linking to personal social media accounts in professional signatures.

Use small, recognizable icons for social links if possible, but ensure they're hosted reliably. Text links work fine too - just keep them concise. Limit yourself to 2-4 social links maximum to avoid clutter.

Mobile Optimization

Over 50% of emails are now opened on mobile devices, so your signature must be mobile-friendly. This means using readable font sizes (minimum 12-14px), adequate spacing between clickable elements, and responsive layouts that stack vertically on small screens. Keep total width under 600 pixels to avoid horizontal scrolling on mobile.

Test your signature by sending emails to yourself and viewing them on both desktop and mobile devices across different email clients.

Legal and Compliance Considerations

Some industries and regions require specific disclaimers in email signatures. For example, financial services, healthcare, and legal professionals often need to include regulatory notices. If you're in a regulated industry, check with your compliance team before rolling out new signatures across your organization.

Many companies use email signatures to include confidentiality notices, though their legal enforceability is debatable. If your company requires these, add them as plain text at the bottom of your signature.

Maintaining Your Signature

Review and update your email signature whenever you change roles, get a new phone number, or update your company's branding. Outdated signatures with wrong titles or old contact information look unprofessional and create confusion.

If your company goes through a rebrand, coordinate signature updates across your team to maintain consistent visual identity in all external communications.

Privacy & Limitations

  • All calculations run entirely in your browser -- nothing is sent to any server.
  • Results are estimates and may vary based on actual conditions.

Related Tools

  • Asphalt Calculator -- Calculate hot mix asphalt tonnage and cost for driveways, parking lots, and
  • Shopping List Builder -- Build a smart shopping list with quantities, categories, and budget tracking
  • Line Chart Generator -- Create customizable line charts with multiple series and smooth or straight
  • Invoice Generator -- Create professional invoices with line items, tax, and print support

Related Tools

View all tools

Email Signature Generator FAQ

How do I add an email signature in Gmail?

In Gmail, go to Settings (gear icon) > See all settings > General tab > Scroll to Signature section. Click 'Create new', name it, then paste your generated signature into the editor. Make sure to select it as the default for new emails and replies. Click 'Save Changes' at the bottom.

How do I add an email signature in Outlook?

In Outlook desktop, go to File > Options > Mail > Signatures. Click 'New', name your signature, paste the generated HTML into the editor. Set it as default for new messages and replies. In Outlook web, go to Settings > View all Outlook settings > Mail > Compose and reply > Email signature.

Why does my email signature look different in some clients?

Email clients render HTML differently. This generator uses table-based layouts with inline styles for maximum compatibility. Avoid external CSS, web fonts, and complex layouts. Some clients strip background colors or resize images. Test your signature by sending emails to different providers.

What size should my signature photo be?

Profile photos in email signatures should be 80-120 pixels wide, square or slightly rectangular. Keep file size under 50KB for fast loading. Use JPEG or PNG format. Host the image on a reliable server (your company website or an image hosting service) since the image is linked, not embedded.

Should I include social media links in my email signature?

Include only professional and relevant social links. LinkedIn is almost always appropriate for business. Twitter/X works for public-facing roles. GitHub is great for developers. Avoid personal social media accounts in professional signatures. Keep it to 2-4 links maximum to avoid clutter.

Request a New Tool
Improve This Tool