Contents
  1. The short answer
  2. Vector artwork, embedded images and previews
  3. Before you start: materials and permissions
  4. Step 1: Prepare the logo in the vector file
  5. Step 2: Export an image for email
  6. Step 3: Add the logo to the Outlook signature
  7. Templates and the image-only signature trap
  8. How recipients may see the logo
  9. Final inspection checklist
  10. What this guide cannot confirm

The short answer

An Outlook signature displays a logo as an image, not as live vector artwork. To create one, export a raster copy of your logo (usually PNG, sometimes JPG) from the vector master file. Then open the signature editor in Outlook, insert the image alongside your name and contact details, and save it. The vector file is still important, because it is the clean source from which you export a sharp, correctly colored image. The recipient, however, sees the exported image, not the vector paths.

This guide covers the logo graphic used in an Outlook signature. It explains how the vector original relates to the image that recipients see, and how to prepare that image so it looks right in the inbox.

Vector artwork, embedded images and previews

Three different things are easy to confuse when building a signature. Keeping them apart avoids most quality problems.

  • Vector artwork: the master logo built from editable paths, typically kept in formats such as AI, EPS, PDF or SVG. It scales without losing quality, but email clients do not reliably display it.
  • Embedded raster image: a PNG or JPG made from the vector master and placed inside the signature. This is what Outlook actually shows.
  • Raster preview: a low-resolution thumbnail, screenshot or flattened image saved inside or alongside a design file. It looks like the logo but is not a good export source, because it may be blurry or cropped.

A file's extension does not prove it contains editable vector paths. An SVG, EPS or PDF can simply wrap a pasted-in bitmap. Before exporting, open the file in a vector editor and check that the shapes can be selected as paths. If they can't, the file is effectively a raster image, and enlarging it will not add detail.

SVG might seem like a natural choice for a signature because it is a vector format. In practice, support for SVG images in email varies between mail clients, and some remove or block them. A raster PNG is the safer default for a logo that has to look the same for every recipient.

Before you start: materials and permissions

  • The vector master of the logo, or a high-resolution raster version if no vector file exists.
  • The approved color version for screen use, if your brand guidelines name one, plus any reversed or light version intended for dark backgrounds.
  • A vector or image editor that can export PNG with a transparent background.
  • Access to the Outlook version you send from: classic desktop Outlook, the newer Outlook app, Outlook on the web, or mobile.

Check your rights before using the logo. Being able to download a logo from a brand page or asset library is not the same as permission to change its artwork, recolor it, crop it or use its fonts and trademark freely. For a company signature, use the version your organization approves. For someone else's mark, such as a partner badge or certification seal, follow the owner's usage terms instead of editing the artwork yourself.

Step 1: Prepare the logo in the vector file

  • Pick the logo layout that suits a small, wide space. Many brands have a horizontal lockup or a symbol-only mark that reads better at signature size than a stacked version.
  • Remove anything that won't survive being shrunk, such as fine taglines or very thin strokes, but only if brand guidelines allow a simplified version.
  • Set the artboard tightly around the logo, leaving a small, even margin so the image doesn't look clipped next to your text.
  • Use RGB color for screen output. A logo set up in CMYK or spot colors for print can shift in tone when exported for screens, so use the brand's specified screen values where available.
  • If the logo contains type, convert it to outlines in a working copy, or make sure the font is installed. This prevents a substitute font from appearing in the export.

Step 2: Export an image for email

  • Export as PNG if you need a transparent background or crisp edges on flat colors. Use JPG only if the logo sits on a solid rectangle and transparency doesn't matter.
  • Export at a larger size than you plan to display, then scale the image down in the signature. This keeps it sharp on high-density screens. Keep the file size modest so the signature doesn't bloat every message.
  • Name the file clearly, for example with the brand name and a signature or email label, so it isn't mistaken for the master artwork later.

The supplied material contains no confirmed pixel dimensions, file-size limits or display widths for Outlook signatures. Test the result in your own environment instead of relying on a fixed number.

Step 3: Add the logo to the Outlook signature

  • Open the signature settings. In classic desktop Outlook these are usually under the mail options. In the newer Outlook app and Outlook on the web they are in the account or mail settings. Menu labels vary by version.
  • Create a new signature and type your name, title and contact details as live text, not as part of the image.
  • Place the cursor where the logo should go and use the editor's insert-picture option to add the exported PNG.
  • Resize the image in the editor if needed, keeping its proportions locked so the logo isn't distorted.
  • Choose whether the signature is added automatically to new messages, replies or both, then save.

Signatures are often stored per device or per Outlook version, so a signature built in one place may not appear in another. If you send from several apps, check each one and recreate the signature where it is missing.

Templates and the image-only signature trap

Some signature templates and generators produce the entire signature as a single graphic. That looks tidy, but recipients can't copy the phone number or email address from it. The signature vanishes when images are blocked, and screen readers can't read it unless alt text is provided. A more robust structure keeps the logo as the only image and everything else as text. If you use a template with a logo, check that it follows this pattern and that its fonts are ones recipients are likely to have, so the text doesn't fall back to an unexpected substitute.

  • Image blocking: some mail clients and security settings hide images until the recipient chooses to display them. Your text details should still make sense without the logo.
  • Attachment appearance: depending on the client, an embedded signature image can show up as an attachment. Keeping the logo to a single, small file limits the clutter.
  • Dark mode: a dark logo on a transparent background can become hard to see when the mail client uses a dark background. A light-colored version, a subtle background or a small padded backing shape can help, if brand rules permit.
  • Scaling: some clients ignore the display size set in the editor and show the image at its native pixel size. This is why exporting close to a sensible proportion matters, rather than relying entirely on in-editor resizing.

Final inspection checklist

  • The logo is sharp, not blurry or jagged, at normal and zoomed-in view.
  • Colors match the brand's screen values and haven't shifted from a print-oriented source.
  • The logo is visible on both light and dark backgrounds.
  • The logo's proportions are unchanged and no edges are clipped.
  • Name, phone and contact details are selectable text, not part of the image.
  • The image has descriptive alt text if your Outlook version lets you add it.
  • A test email sent to yourself and opened in at least one other mail client or device looks as intended.
  • The signature appears in every Outlook app you send from.

What this guide cannot confirm

The available evidence includes no verified figures for recommended logo dimensions, maximum signature file size, or how a particular Outlook version handles SVG files or embedded images. It also includes no dates for when specific features changed. Treat the steps above as general practice, and confirm details against your own Outlook version and your organization's brand guidelines.