You might wonder how direct image links or direct URLs are related to email signatures. If you can use an embedded image, you do not have to worry about any links. However, linked images have some upsides: for example, they don’t increase the email size. What is more, there are situations in which linked images are the only available option. To add a linked image, you need a direct URL to it.
Mind that it is always better to host images for email signatures on your own servers. If you do not own a server, your best bet is to use an image hosting service. The article below presents how to get a direct link in some popular image and file hosting services. As you will see, it requires more than just right-clicking the image and choosing copy image address. Click the name of an image hosting service below to learn how to get a direct image URL:
Mind that all specified methods work at the moment of writing this article, but there is no guarantee the procedure will not change in the future.
How to get a direct image link in Google Drive
Google Drive might be the most complicated image hosting service. At least if you want to get a direct link.
- First, let’s add an image. Either drag & drop your image (and skip to Step 3), or click New>File upload.
- Now choose the image you want to host in Google Drive:
- Now, you can access your photo. Mind that this is not a direct link yet, it is a shareable link. A shareable link cannot be used as a source in email signatures. Copy this link, you will need it in a second. Next, click the Sharing settings button below the URL.
- If you want your online image to work right (display for everyone, that is), you need to change the sharing option to “Anyone on the Internet can find and view”.
- Now, if you copy the shareable link (step 3) and paste it into any text editor, you will see a link similar to this one:
where the (case sensitive) series of letters and numbers after the ?id= part is an image identifier, which you need to copy and paste to your direct link. This direct link has the following form:
So what you need to do now is to replace the *img_id* part from the sample direct link above with the series of letters and numbers copied from the shareable link (in this example, it is
1evNxiyU9A5yB8LYnUVsOq3--Y6hc4JJq). This way, you get the proper direct URL ready to use in your signature. For example:
How to get a direct image URL in OneDrive
Getting the direct link from OneDrive is much quicker, does not require using any developer tools or URL hocus-pocus.
- First, use any method to upload the image to OneDrive:
- Once the image is uploaded to your OneDrive, right-click it, and choose Embed from the menu. In the menu which appears on the right side, click Generate.
- This generates a direct link.
How to get a direct image link in Dropbox
Getting a direct link in Dropbox also requires a simple trick.
- Like with other image hosting services, start with uploading your image. Drag & drop your image or click Upload > Files and choose the image from your hard drive.
- Once you upload the image, click the Share button located next to the picture.
- In the newly opened window, click Create a link.
- The bottom of the window changes. Click Copy link and paste it into any text editor (or into the address bar).
- The last thing you need to do is to change dropbox.com to dl.dropboxusercontent.com or dl=0 to raw=1 and visit the new URL. Either method will result in a direct image link.
An example of the correct format of a direct URL:
How to get a direct picture URL in Imgur
In comparison with other image hosting services, getting a direct URL is a child’s play.
- Start with uploading the image you want to host. Like in other services, you can either drag&drop, or use the Add Images button.
- Next, click the uploaded image.
- And finally, copy the direct URL from the Direct Link field on the right. No tricks or other steps are required.
How to get a direct URL to an image in Flickr
In Flickr, direct image links are visible without any elaborate tricks.
- After you upload or find the picture you want to use, click the Share.
- In the sharing window, go to Embed and copy the code from the box below. The direct link is the part between quotation marks, right after src=.
How to use the direct image link in an email signature
Getting your graphics online is the first step. The next one is to use those files in practice. Below, you can see how to use them to create your own, professional email signature using direct image links.
- Once you upload your image and get the direct URL, go to our free email signature generator and choose the signature template that suits your needs best (you can use the < & > buttons to see more available templates).
- Next, fill in your data and go to the Graphics section. Replace Logo URL and Banner URL fields with the right direct links you have acquired before. The logo/banner linking to fields specify which website will open when the logo or banner is clicked in the email signature. Leaving those fields empty will not add any hyperlinks.
- On the right side, you can see the signature preview. When you finish making changes and the signature looks well, click apply your signature and follow the instructions specified for your email client.
A few good tips:
- For best results, use images of the same shape as the sample logo or banner. Using a rectangular logo when the sample logo is square will usually result in deformed graphics.
- Mind the recommended width and height values. It is best to use exactly the same dimensions, or their multiplied values. This way, when a picture is resized, it shouldn’t become blurry.
- After you apply the signature, send a test email to yourself. If you are using image hosting services, links might break or change. It is possible for a picture to show up in the signature preview and disappear after applying the signature.