How do I remove transparency from map images?

Modified on Sun, 27 Nov 2022 at 12:22 PM

Map graphics must have all transparency removed as the transparent areas will appear as black in the native apps. 


Remove Transparency on Mac

  1. On Mac > Open the image in Preview
  2. File > Export > uncheck Alpha > resave the image using the same file name
  3. Compress and upload the new image:
    1. Upload your image to tinypng.com to reduce file size
    2. Download the compressed image to your computer
    3. Return to CMS > Maps > Floor Plans and upload your new image


Remove Transparency by Converting File Type

  1. Maps images can be either .png or .jpg files. PNG files support transparency, but JPGs do not, so converting your map to a JPG file will remove the transparency.
  2. Go to https://cloudconvert.com/
  3. Click Select File > select your map image
  4. Click the "..." dropdown and select JPG
  5. Click the red Convert button
  6. Once the conversion completes, download your file
  7. Compress and upload the new image:
    1. Upload your image to tinypng.com to reduce file size
    2. Download the compressed image to your computer
    3. Return to CMS > Maps > Floor Plans and upload your new image


Remove Transparency with iPiccy

  1. Go to https://ipiccy.com/
  2. Click Open on the top and upload the map image. A gray white pattern indicates the transparent areas. 
  3. In the left hand Editor, scroll to Erase Background and uncheck the box Transparent Background. By default, it will the background with white.


  4. Click the Apply button
  5. On the top, click Save > My Computer 
  6. Select .png as the file format and use the same exact file name as the image you had uploaded.
  7. Click Save to my computer
  8. Compress and upload the new image:
    1. Upload your image to tinypng.com to reduce file size
    2. Download the compressed image to your computer
    3. Return to CMS > Maps > Floor Plans and upload your new image



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article