Steps To Make An Image Of An Email Address

When you create a website, you will want to make it as secure as you can. Email addresses can be found on your site if they are in plain text. See image to the right. To prevent a SpamBot from getting your email off of your website, you can create an image out for the email address. This way the SpamBot will not see your email address. The following steps will teach you how to create an email address image.

email-text-image-1-plain-text

Steps to create an email address image:

Step 1: Visit your website in your browser.
Step 2: Hit the Print Screen button on your Keyboard.

Open your image editor and paste the snapshot into the editor.

In this tutorial, we will show you with the default Microsoft Paint image Editor.

email-text-image-2-screenshot

Step 3: Select the Crop tool.

email-text-image-3-crop

Step 4: Select the email address found in your snapshot.

email-text-image-4-select-email

Step 5: Crop the image so you only have the email address left in the image.

email-text-image-5-cropped

Step 6: Upload the new image to your website image folder.

Step 7: Paste the image code over where the email address text was. in this tutorial we are using the code below.

<img src="email.png" alt="Contact" />

Note! You will need to change the path to your image location on the server and style the image to fit in your specific site.

email-text-image-6-edit-code

Save the changes and visit your website. Now your email address will show as an image and not text. This will keep SpamBots from getting your email address.

email-text-image-7-view

Was this post helpful?

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.