5.00 (1 votes)

If you need to make your company logo image transparent or need to use any other transparent image on your site simply follow this step by step tutorial how to remove the background from an image.

We use Photoshop in this tutorial but the similar actions you may do with any software for digital photo editing for example:

Open your image file in Photoshop

Press Ctrl + O (for Mac users Cmd + O) and navigate to the folder where your file is located. Select your image file and click on the Open button. 

How to make an image transparent?

Make a layer from an original image

Click on the lock on your Background layer. This action makes your image editable.

Make a layer from an original image

Photoshop layers are like sheets of paper stacked on top of each other. If you have any transparent areas, you can see what is in the layer below. You can also change their order by moving them up and down.

Select magic eraser tool

Go to the Tools panel, right-click on the eraser tool set (1) and select Magic Eraser Tool (2).

Select magic eraser tool to make image transparent

Magic Eraser Tool Erases a single shade of color from a layer. Magic Eraser Tool Erases a single shade of color from a layer.

Remove background from the image

Begin clicking on the all white areas you want to remove and make them transparent.

how to remove white spaces from the image

You can easily zoom in and zoom out to make the accuracy of your click larger. To do this, scroll up and down while holding down the alt key.

Save for web your edited file

Go to File > Export > Save for Web

why save for web an image file

Choose image file format for transparent images

Set the file format to PNG-24 (to preserve transparency). You can also adjust the image size in the provided input boxes. Click Save button, enter the new filename and click Save.

image file format for transparent images

PNG - Raster image file format and lossless compression of graphic data. It supports graduated transparency (alpha channel) and 48-bit color depth

Voilà! Your transparent image is ready to use on your website.

Users' reviews

Total rating: 5.00 (1 votes) Add review

Video Tutorials

EF4 Framework for Joomla! 3 - introduction

Joomla! 3 Quickstart Installation Guide

Speed up your website! Must watch video!

How to create Joomla article?

Joomla ReCaptcha - how to set up?

How to use Joomla editors?

How to display a module in Joomla article?

How to configure Joomla contact form?

How to check Joomla module positions names?

How to configure your language for Joomla 3?

How to create Joomla custom HTML module?

How to create Joomla menu?

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2017 Joomla-Monster.com All rights reserved. Joomla! is Free Software released under the GNU/GPL License.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries. Joomla-Monster.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.