So I right click on my drawable folder, say add image asset, go to action bar and tab icons and then try to import a png. I have tried 4 different png and for every single one, all that shows up is a gray box
Stackoverflow won't let me show one of the images I was trying but they were all just pngs
Maybe png image size is too large, you can convert it to webp format and load it to drawable (For this, right-click png file last option is 'convert to webp format').
Related
I have an SVG that I'm using as the foreground for my adaptive icon. It's height and width are 128px128px. But when I go to drawable>New>Vector Asset and create an XML my viewportWidth is disproportionately large.
My icon instead of being nested inside my background instead takes up the whole page and cover even the background. I tried using Inkscape and reduced the size of my SVG and sent it through drawable>New>Vector Asset again, but my icon is still gigantic, covering everything...but it's just a blurry blob.
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="128dp"
android:height="128dp"
android:viewportWidth="1280"
android:viewportHeight="1280">
When creating Vector from drawable>New>Vector Asset check Override option and put your desire size.
Don't use SVG for icon. Download the highest resolution png for your icon.
Then add that to your minmap directory. It will automatically generate icons of all sizes.
Right click on minmap - > Image asset
There you can position the icon
When I right-click the Drawable folder and click New -> Image Asset, I'm presented with only four options: action and tab bar icons, launcher icons, launcher icons (legacy), and notification icons.
What if I want to add an image to just use in my app (not as a tiny icon)? Selecting any of the options above causes Android Studio to scale the image down to like 24x24dp when I want to display it at 100x100dp. So, when I display it, it looks really blurry. Why isn't there an option to add an image asset that's not tiny?
Limited modification is to comply with the material design specification. you could use vector asset if you want to get different size image.
and notice you should down image with SVG format, read the ref in here
another way is using thrid party plugins like Android Drawable Importer, which is flexiable and simpler.
Just copy the image to your drawable folder in the Android sidebar view. Make sure it goes into drawable and not one of the density-dependent folders, and you'll have an image with a custom size.
Be aware that images can't be too big in Android. It shouldn't be larger than 1600px in either dimension, otherwise you run the risk of a laggy interface or an OutOfMemory error.
I made simple menu icons which look the way I want them to look when in Illustrator, but when I place them in my app they look pixelated and bad.
Here is it in my app (as you can see, the text is not pixelated):
This is how it looks in Illustrator (I cut the icons and pasted them next to the other two, that's why the background is in different color):
I made the icons on 72x72 px canvas and exported them as .png file.
I am using Android Studio to make my app, and use simple
android:background="#drawable/back_button" to set the image/icon for the ImageButton.
I never try Illustrator to put icons, but I am directly download icons from flaticon that provides any type of file and size too
Two way to get different canvas file in android studio.
Android Studio-> File-> Image Asset or Vector Asset
upload your file and set as you need
Icon Generator
From this you can get directly res folder with different canvas image.
Mostly I prefere first.
Thanks
these icons as shown in fig. have a background color assigned by you in illustrator, no matter these are exported as png format or jpg!
First go back to illustrator and try to make background of images transparent as you assigned greyish color, tell me if it works. That's great you are making icons for yourself. Good work.
I think when you save the file please try to save it (SVG) format & then place it.
I'm trying to import a PNG image asset to my project. But the image is losing details. It's just retaining the outer background. The image is transformed to a solid asset:
As you can see, the source asset has a white-tick in the center. But, after importing, it just remains as a solid circle with no ticks. Any solutions?
UPDATE: Tried Android asset studio, but with the same result. What am I missing?:
Thanks to Shafayat Mamun, a workaround is figured out. Here's what I did:
Go to Android Asset Studio
Select Generic Icons (it didn't work for any other option)
Upload the image, pick your color and drag down the color scale to 0% using the scale.
Download the zip and extract to the main folder of the project.
PS: This, though helped me solve my query, but the question remains intact. Why is android studio not capturing the image details while importing? Same is the case while I select Action bar and tab icons in the Android Asset Studio.
do you really need to convert it in the action bar and tab icon generator? i recommend using the simple nine-patch generator here if you want a 9patch image. or the launcher icon generator and set the shape to none and change the image's name after downloading. if you use the launcher icon generator, just modify the shape. if you use the nine-patch generator, you can click trim and click edge transparency if you want to remove the spaces beside the image.
I had the same problem and the Android Asset Studio workaround was a great help. However I discovered another work around. In Android Studio when you create an image asset, instead of selecting Action Bar and Tab icons, I chose Launcher Icons from the drop down. Then the images displayed for me. I had to search for their name and they do not get stored in the drawable folder they end up in the mipmap folder.
So the steps are:
For Android Studio:
Right click on res, new Image Asset
On Asset type choose Launcher Icons
Choose the image path
Give your image a name in Resource name
Next->Finish
The image will be saved in the /res/mipmap folder
I have one big image named panel_bck.jpg to use in different resolutions to decrease apk size. The image format is JPG and it's size is 1.9MB. I put it to default drawable folder only. But when I set the background in code, the BitmapFactory can't find the image at
drawable/panel_bck.jpg
and the result is all black background. I tested this case with other images(PNG files, JPG files) and there is no problem with them. Only question is that a limitation exist for the drawable size or what is the problem? How can I solve this?
If your image very big resoulation you will set drawable-xxhdpi directory only.
I had a problem like yours trying to maka a big image fit into a too small ImageView and I fixed my problem by using this line in the layout xml file:
android:adjustViewBounds="true"
I don't know if it can ba applied to an activity background though.
You should use 9patch image. You can create 9patch image by using the tool called draw9patch located in sdk/tools. First create a large resolution image and give to draw9patch it will create a 9patch image with extension .9.png add that image in drawable it will solve you problem.
See following links for detail
http://developer.android.com/tools/help/draw9patch.html
http://codesignature.com/how-to-design-9-patch-buttons-for-android-using-adobe-photoshop-for-all-pixel-densities-and-states/