Android Studio Image Asset Launcher Icon Background Color

AndroidBackground

Android Problem Overview


I have a .png logo for my app which doesn't have a background, when I add it to android studio as an Image Asset I am forced to have a background. The hex field doesn't accept 8 digit color codes, 6 digits only. Is there anyway to keep the background invisible?

Android Solutions


Solution 1 - Android

To make background transparent, set shape as None. See the image below:

enter image description here

EDIT:

For Android Studio 3.0, you can set it from Legacy Tab

enter image description here

Solution 2 - Android

I'm using Android Studio 3.0.1 and if the above answer doesn't work for you, try to change the icon type into Legacy and select Shape to None, the default one is Adaptive and Legacy.

enter image description here

Note: Some device has installed a launcher with automatically adding white background in icon, that's normal.

Solution 3 - Android

You have two ways:

  1. In Background Layer > Scaling, reduce the Resize to 1

enter image description here

and then in Legacy > Legacy Icon set Shape as None

enter image description here


  1. in Background Layer > Scaling > Source Asset, you can set an image as a 1x1 pixel (or any size) transparent.png image (you've already created).

enter image description here

and then in Legacy > Legacy Icon set Shape as None

enter image description here

Solution 4 - Android

the above approach didn't work for me on Android Studio 3.0. It still shows the background. I just made an empty background file

<?xml version="1.0" encoding="utf-8"?>
<vector
android:height="108dp"
android:width="108dp"
android:viewportHeight="108"
android:viewportWidth="108"
xmlns:android="http://schemas.android.com/apk/res/android">
</vector>

This worked except the full bleed layers

Solution 5 - Android

This is just another workaround.

  1. For the 'Foreground Layer', select 'Asset type' as text and delete the default text in the text field.

Browse to your image path

  1. For the 'Background Layer', select 'Asset type' as image and now choose the path of the image you want as an icon.

enter image description here

And you are good to go.

Solution 6 - Android

Android Studio 3.5.3 It works with this configuration.

enter image description here

enter image description here

enter image description here

Solution 7 - Android

I Just put my view background (color code) as ClipArt or Image background, and it looks like transparent or no background where both have the same color as background.

Solution 8 - Android

These are the steps I took to make an image transparent:

1- I used an online website which makes the image transparent, there are a lot of them. For me, I use this https://www241.lunapic.com/editor/?action=transparent and sometimes this http://www.online-image-editor.com/help/transparency

2- In Android Studio (I'm using version 3.1.3), open Image Asset from app > res (right click) > New > Image Asset Image Asset

3- In the Path, choose the location of the transparent image which you downloaded from the online website, and make the other options as shown, then Next, then Finish. The five different sizes of image mdpi(48×48), hdpi(72×72), xhdpi(96×96), xxhdpi(144×144), and xxxhdpi(192×192) will be created in the res/mipmap-density folders. Image Asset Configuration

4- If you need sizes (dimensions) different from above, you can use this website http://nsimage.brosteins.com/ to upload your PNG image of biggest size that will be used in xxxhdpi. After uploading, you can download a zip file containing the five different sizes of image in the res/drawable-density folders. enter image description here

Solution 9 - Android

First, create a launcher icon (Adaptive and Legacy) from Image Asset:

Select an image for background layer and resize it to 0% or 1% and In legacy tab set shape to none.

Then, delete folder res/mipmap/ic_laucher_round in the project window and Open AndroidManifest.xml and remove attribute android:roundIcon="@mipmap/ic_launcher_round" from the application element.

In the end, delete ic_launcher.xml from mipmap-anydpi-v26.

Notice that: Some devices like Nexus 5X (Android 8.1) adding a white background automatically and can't do anything.

Solution 10 - Android

I just added the icon as a normal icon: New -> Vector Asset

and then change the app icon in the Manifest file.

Solution 11 - Android

With "Asset Type" set to "Image", try setting the same image for the foreground and background layers, keeping the same "Resize" percentage.

Solution 12 - Android

Using android 3.0.1 I noticed this weird behavior(solution), First: in background layer in the source_asset change the asset_type from image to color and than change it back to image. second: enable trim in scaling and then resize it to a small percentage and it will work perfectly. PS: If u didn't do the first step the scaling wont take affect. and if anyone have an explanation for this please provide. steps

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionHishamGaroutView Question on Stackoverflow
Solution 1 - AndroidHello WorldView Answer on Stackoverflow
Solution 2 - AndroidPolarView Answer on Stackoverflow
Solution 3 - AndroidgadolfView Answer on Stackoverflow
Solution 4 - AndroidPatrickView Answer on Stackoverflow
Solution 5 - AndroidDa ManView Answer on Stackoverflow
Solution 6 - Androidselvabharathi sView Answer on Stackoverflow
Solution 7 - AndroidShaahinView Answer on Stackoverflow
Solution 8 - AndroidHasan El-HefnawyView Answer on Stackoverflow
Solution 9 - AndroidAlireza KView Answer on Stackoverflow
Solution 10 - AndroidMartin OlariagaView Answer on Stackoverflow
Solution 11 - AndroidHaitham SweilemView Answer on Stackoverflow
Solution 12 - AndroidAll_RounderView Answer on Stackoverflow