Skip to main content

How to Add Company Logos and Profile Photos in the Studio

Add company logos and employee profile photos in the WiseStamp Studio. Upload or link images, animate them, and fix stretched or distorted GIF animations.

Adding Your Company Logo

The Company Logo section is designed for your primary brand image. This image will populate across all employee signatures assigned to this design.

How do I upload a new company logo?

In the Images tab, locate the dashed box under Company Logo.

  1. Click (+) Upload photo or logo.

  2. Choose an image file from your device, a link, Dropbox or Google Drive.

How do I link the logo to my Company Data (Variable Logo)?

This is the recommended approach for brand consistency. If you have already uploaded a logo in the Company Data section of WiseStamp, the Studio can automatically use that variable.

  1. Make sure you've selected Template Variables in the dropdown above the Studio Canvas.

  2. Click on the Company Logo box.

  3. Locate Value taken from.

  4. Click the dropdown and select Company.

  5. Then, next to Field value, select the relevant variable in the dropdown.

Tip: Linking to the data variable ensures that if you update your logo in your main settings, this signature design (and all employees using it) will update automatically.

What are the image requirements?

For best results, your logo should be a high-quality file and at least 100x100px. Smaller images may appear pixelated in email clients.

How do I replace an existing logo?

If a logo is already uploaded, three action icons appear on the right. To replace the image with a new file, click the Swap icon (circular arrows).

How do I delete the company logo?

To remove the logo from your signature design entirely, click the Delete icon (trash can) on the right side of the uploaded image preview.


Employee Profile Photos

While the company logo is standardized across everyone, profile photos are specific to each sender.

How do I add a profile photo section?

  1. Make sure you've selected Template Variables in the dropdown above the Studio Canvas.

  2. Click (+) Add profile photo at the bottom of the tab.

  3. Above (+) Upload photo or logo box, locate Value taken from.

  4. Click the dropdown and select Employee.

  5. Then, next to Field value, select the relevant variable in the dropdown. This adds a dedicated spot in your signature design that will display a different photo depending on which employee is sending the email.

Note: This action inserts the container for the photo. The actual unique employee photos are managed in your employee data, not directly in this specific signature design tab.

How do I show the same image for everyone instead of individual employee photos?

Change where the image pulls from:

  1. Make sure you've selected Template Variables in the dropdown above the Studio Canvas.

  2. In the Images tab, click on the profile photo box.

  3. Locate Value taken from.

  4. Click the dropdown and select Company.

  5. Next to Field value, select the relevant company variable.

Every signature assigned to this design now shows the same company image instead of each sender's own photo.

Value taken from offers two options only: Employee and Company. There is no Custom option in this dropdown.

To use a one-off image that is not stored in your employee or company data, delete the profile photo element, then click Apps in the left panel and add the Image app to the canvas. Note that an image added this way is fixed for that signature, so everyone assigned to it sees the same image.


Changing the shape of a logo or profile photo

You can display a logo or profile photo with Square Corners, Rounded Corners, or as a Circle. In the Studio, the shape is set on the image element itself:

  1. Click the logo or profile photo directly on the Studio Canvas (the signature preview in the center).

  2. In the Contextual Design Bar above the signature, under the Shape icon, choose Square corners, Rounded corners, or Circle.

The Shape option only appears when you have an image element (a logo or profile photo) selected. If you do not see a Shape option, make sure you have clicked the image itself on the Studio Canvas, and that your design actually includes a logo, profile photo, or other image element.

Getting an oval instead of a circle, or a cut-off image? The shape setting fits your image into a frame, so if the original image is a rectangle, the Circle setting can make it look oval or crop the edges. The durable fix is to crop the image file to a perfect square (1:1 ratio) before or after uploading, so a circle stays a circle. For images uploaded directly in the Studio, click the image on the Canvas, click the Edit icon in the left panel, and use the crop tool to crop to a square. For images pulled from an Employee or Company variable, crop the original image at its source (the employee's details or the Company Profile), since the Studio cannot crop a variable image directly.

Using the Classic Signature Editor instead of the Studio? The shape control is in a different place there. Open the Design tab of the Classic editor, where you can set the image shape under the Images section.


Resizing and styling a logo or profile photo

There are two ways to resize a logo or profile photo in the Studio: drag it directly on the canvas, or set an exact width in the Contextual Design Bar.

Resize by dragging on the canvas

You can resize an image directly on the Studio Canvas. Click the logo or profile photo to select it, then drag its resize handles to make it larger or smaller. This is the quickest way to size an image by eye.

Resize and style in the Contextual Design Bar

When you click a logo or profile photo on the Studio Canvas, its design controls appear in the Contextual Design Bar above the signature. In addition to Shape, you can set:

  • Width: Set the width of the image. Use this to make your logo or photo larger or smaller.

  • Background: Turn this on to place the image inside a colored background, and set the background color.

  • Border: Turn this on to add a frame around the image. You can set the border color, thickness, and line style, and choose which sides the border applies to.

  • Position: Adjust the image's spacing (padding) and alignment. To move the image to a different place in the signature, drag it on the Studio Canvas instead.

When you click Background, Border, or Position in the Contextual Design Bar, their controls open in the left panel.


Moving or reordering a logo or profile photo

To change where your logo or profile photo sits in the signature, drag and drop it directly in the Studio Canvas (the signature preview in the center). This is the same way you reposition any element in the Studio, and it works whether you want to move the image up, down, left, or right.

  1. Click and hold the logo or profile photo on the Studio Canvas.

  2. Drag it to the position you want.

  3. Release to drop it in place.

Tip: To fine-tune the space around the image, click it to open the Contextual Design Bar above the signature and adjust its padding and spacing. The Layout controls change spacing only, repositioning is done by dragging on the canvas.


Animating Your Images

You can add dynamic motion to your signature by enabling logo or profile animations.

How do I make my logo or profile photo animate?

Toggle the Animate switch in the top right of the Company Logo section to the On position (it will turn blue).

What animation styles can I choose from?

Once animation is enabled, an Animation Effect menu will appear. Choose one of the four effect icons to change the dynamic behavior:

  1. Zoom Effect: (Default, often a pulse) Subtle scaling.

  2. Spin Effect: Rotates the image.

  3. Slide Effect: Entrance from the side.

  4. Special FX: Other dynamic motions (e.g., glitch/dissolve).

Troubleshooting: Fix Stretched, Distorted, or Oval Animation Images (GIFs)

Creating a moving animation loop with your photos or logos is a fantastic way to make your email signature stand out. If the images in your animation look squished, distorted, or blurry—or turn from a circle into an oval—here is how to fix it.

For a step-by-step visual guide to fixing GIF animation issues in your email signature, watch this short video:

Why is this happening?

To make sure your animation plays smoothly, our system has to follow a couple of strict rules:

  • The first photo sets the shape: The very first photo you upload decides the exact shape, size, and aspect ratio for the whole animation loop.

  • The second photo gets forced to fit: If your photos are different shapes (for example, one is a wide rectangle and the other is a tall portrait), the system will force the second photo to stretch or squish to match the first one.

  • Choosing shapes cuts off your edges: If you select Circle or Rounded Corners in the Contextual Design Bar, our system has to fit your photos into a perfectly even frame to make that shape. If you upload a rectangle, the system will squish it to try and make it fit, which makes your image look warped or turn into an oval.

How to Fix the Distortion

Depending on how your photo was added to WiseStamp, choose the correct method below to match your image shapes:

Method 1: Custom images uploaded directly in the Studio

If you uploaded your images directly from your computer during your design session:

  1. Click on your image or animation element on the Studio Canvas.

  2. In the left panel, click the Edit icon on each photo.

  3. Make sure you're on the crop tool. Crop both images to identical dimensions so they match perfectly.

  4. Important: If you plan on using Circle or Rounded Corners shapes, make sure to crop both images into a perfect square shape (1:1 ratio) first. This ensures your animation looks smooth and distortion-free inside the shape!

Method 2: Images pulled from a Employee or Company Variable

If your template uses a variable placeholder shortcut, the edit icon in the Studio will not appear. You must edit the photo at its original source:

  1. Save your progress and exit the Studio to go back to your main WiseStamp dashboard.

  2. Open the Employees page and edit the employee details (for employee headshots) or the Company Profile page (for company logos).

    1. From the Employees page, click the three-dot icon for a specific employee and then select Edit details. Click on the image itself.

    2. For company logos, go to Settings > Organization > Company profile > Brand kit.

    3. In the Logo section, click on the image itself.

  3. Re-upload the image.

  4. Before clicking Done, click the Edit icon.

  5. Crop both animation images to the exact same dimensions (use a square crop if your template uses a Circle or Rounded Corners layout).

  6. Click Done and then Save. The Studio will automatically fetch the freshly cropped, undistorted files.

Method 3: Employee and company photos synced from a directory

If your company automatically syncs employee photos and company logos through a directory, the image files are securely locked and cannot be cropped or edited in WiseStamp.

  • The Fix: You can open your source directory (like Google Workspace or Microsoft Azure) and edit/crop the employee's original profile photo or company logo before uploading it there. Once updated in your company's master directory, the corrected version will automatically sync over to WiseStamp and resolve the animation distortion.


FAQs

Why isn't my employee's profile photo showing in the signature?

The profile photo section is a container that pulls the photo from the employee's data. If that employee does not have a photo in their details, the frame stays empty in both the Studio preview and the signature itself. This is expected behavior and does not mean the sync is broken.

To fix it, add the photo to the employee's details on the Employees page, or in your connected directory if your employee photos are synced. Once the photo is in the employee's data, it appears in the signature automatically.

Workaround: upload a photo directly into one signature

If you need a photo in a specific signature right away and do not want to update the employee's data, you can add the image directly instead:

  1. On the Studio Canvas, click the empty profile photo placeholder and delete it.

  2. In the left panel, click Apps.

  3. Click or drag the Image app onto the canvas.

  4. Upload the photo and position it where the profile photo was.

Important: an image added this way is fixed for that signature. Everyone assigned to that signature will see the same photo, so use this only for a signature assigned to one person. For a signature shared across a team, add each photo to the employee's data instead so the correct photo shows for each sender.

I want to use my own image instead of employee photos, but there is no Custom option

Value taken from offers two options only: Employee and Company. There is no Custom option in that dropdown.

If the image you want is your company logo or another image stored in your company data, select Company and choose the relevant variable next to Field value. This shows the same image for everyone assigned to the signature.

If the image is a one-off that is not stored in your employee or company data, delete the profile photo element, click Apps in the left panel, and add the Image app to the canvas. An image added this way is fixed for that signature, so everyone assigned to it sees the same image.

Did this answer your question?