Asset studio

Each tab icon has two states: unselected and selected. See Creating Swipe Views with Tabs and Tabs - Material Design for more information.Image Asset Studio places the icons in the proper locations in the res/drawable-density/ directories.We recommend that you use the material design style for action bar and tab icons, even if you support older Android versions. Use appcompat and other support libraries to deliver your material design UI to older platform versions.As an alternative to Image Asset Studio, you can use Vector Asset Studio to create action bar and tab icons. Vector drawables are appropriate for simple icons and can reduce the size of your APK.Notification iconsA notification is a message that you can display to the user outside of the normal UI of your app. Image Asset Studio places notifications icons in the proper locations in the res/drawable-density/ directories:Icons for Android 2.2 (API level 8) and lower are placed in res/drawable-density/ directories.Icons for Android 2.3 to 2.3.7 (API level 9 to 10) are placed in res/drawable-density-v9/ directories.Icons for Android 3 (API level 11) and higher are placed in res/drawable-density-v11/ directories.If your app supports Android 2.3 to 2.3.7 (API level 9 to 10), Image Asset Studio generates a gray version of your icon. Later Android versions use the white icon that Image Asset Studio generates.See Notifications; Notifications Material Design; Notifications, Android 5.0 Changes; Notifications, Android 4.4 and Lower; and Status Bar Icons, Android 3.0 and Lower for more information.Clip artImage Asset Studio makes it easy for you to import Google material icons in VectorDrawable and PNG formats: simply select an icon from a dialog. For more information, see Material Icons.ImagesYou can import your own images and adjust them for the icon type. Image Asset Studio supports the following file types: PNG (preferred), JPG (acceptable), and GIF (discouraged).Text stringsImage Asset Studio lets you type a text string in a variety of fonts, and places it on an icon. It converts the text-based icon into PNG files for different densities. You can use the fonts that are installed on your computer.Run Image Asset StudioTo start Image Asset Studio, follow these steps:In the Project window, select the Android view.Right-click the res folder and select New > Image Asset.Continue by following the steps to:If your app supports Android 8.0, create adaptive and legacy launcher icons.If your app supports versions no higher than Android 7.1, create a legacy launcher icon only.Create an action bar or tab icon.Create a notification icon.Create adaptive and legacy launcher iconsNote: If your app supports versions no higher than Android 7.1, follow the instructions to create a legacy launcher icon only instead.After you open Image Asset Studio, you can add adaptive and legacy icons by following these steps:In the Icon Type field, select Launcher Icons (Adaptive & Legacy).In the Foreground Layer tab, select an Asset Type, and then specify the asset in the field underneath:Select Image to specify the path for an image file.Select Clip Art to specify an image from the material design icon set.Select Text to specify a

Create app icons with Image Asset StudioCreate app icons with Image Asset StudioAbout Image Asset StudioAdaptive and legacy launcher iconsAction bar and tab iconsNotification iconsClip artImagesText stringsRun Image Asset StudioCreate adaptive and legacy launcher iconsCreate a legacy launcher iconCreate an action bar or tab iconCreate a notification iconRefer to an image resource in codeDeleting an icon from a projectAndroid Studio includes a tool called Image Asset Studio that helps you generate your own app icons from material icons, custom images, and text strings. It generates a set of icons at the appropriate resolution for each pixel density that your app supports. Image Asset Studio places the newly generated icons in density-specific folders under the res/ directory in your project. At runtime, Android uses the appropriate resource based on the screen density of the device your app is running on.Image Asset Studio helps you generate the following icon types:Launcher iconsAction bar and tab iconsNotification iconsAbout Image Asset StudioImage Asset Studio helps you create various types of icons at different densities and shows you exactly where they'll be placed in your project. The following sections describe the icon types that you can create and the image and text inputs that you can use.Adaptive and legacy launcher iconsA launcher icon is a graphic that represents your app to users. It can:Appear in the list of apps installed on a device and on the Home screen.Represent shortcuts into your app (for example, a contact shortcut icon that opens detail information for a contact).Be used by launcher apps.Help users find your app on Google Play.Adaptive launcher icons can display as a variety of shapes across different device models and are available in Android 8.0 (API level 26) and higher. Android Studio 3.0 introduces support for creating adaptive icons using Image Asset Studio. Image Asset Studio generates previews of an adaptive icon in circle, squircle, rounded square, and square shapes, as well as a full bleed preview of the icon. Image Asset Studio also generates legacy, round, and Google Play Store previews of the icon. A legacy launcher icon is a graphic that represents your app on a device's home screen and in the launcher window. Legacy launcher icons are intended for use on devices running Android 7.1 (API level 25) or lower, which don't support adaptive icons, and don't display as varying shapes across device models.Image Asset Studio places the icons in the proper locations in the res/mipmap-density/ directories. It also creates a 512 x 512 pixel image that's appropriate for the Google Play store.We recommend that you use the material design style for launcher icons, even if you support older Android versions.See Adaptive Launcher Icons and Product Icons - Material Design for more information.Action bar and tab iconsAction bar icons are graphical elements placed in the action bar and that represent individual action items. See Adding and Handling Actions, App Bar - Material Design, and Action Bar Design for more information.Tab icons are graphical elements used to represent individual tabs in a multi-tab interface.

You can add new images and videos by the following methods: Use the Import assets command Drag assets from your computer file system browser Access your Studio Asset Library Create an image or video element and specify the source Replace an existing imageLocal images and videos that you use in Google Web Designer are automatically added to the Library if they're a supported type, so you can easily reuse them in the document. SVG images You can import SVG files either as images or as inline code. Images and AMPHTML ads AMPHTML ads use amp-img instead of the img tag. Google Web Designer automatically uses the appropriate tag when you add an image in Design view. Videos and events (interactive video) If you want to use events with your video, make sure to use the Video component instead of adding a video element with the Element tool. Video ads Images and videos within video ads can be used as media clips.Add a new image or videoImport images or videos In the File menu, select Import Assets..., or use the keyboard shortcut, Ctrl + Shift + i (Windows) or ⌘ + Shift + i (Mac). Select the file or files you want to import using the dialog.The assets you select appear in the document workspace and in the Library.Add images or videos by dragging from your computer Select the image or video that you want to add, using your computer's file system browser. You can select multiple files. Drag the image or video to the document workspace in Google Web Designer.Add images or videos from the Studio Asset Library Select Studio from the dropdown at the top of the Library. Connect with the Studio Asset Library by clicking the Launch button. If you're not signed in, you'll be prompted to sign in to the Google Account that's associated with your Studio account. Navigate through the folder structure to the asset that you want to use. Drag the asset from the Library to the document workspace where you want to use it.A copy of the asset is added to the local Library under the studio folder.Replace an image in the documentThe "Swap image" function lets you replace an image with another one. This is helpful when you're replacing stock images in a template. Right-click the image you want to replace. Select Swap image... from the pop-up menu. In the dialog, either select an image from the Library or click Import assets to import an image from your computer. Click OK.If you don't see the Swap image... command, make sure you've selected the image and not a parent element or another element overlaying the image. The Outliner panel provides an easy way to check which element you've selected.Add an image or video by using the Element tool Select the Element tool in the toolbar. Select Image element or Video element in the tool options bar. Create an element of the size that you want by clicking and dragging in the workspace. Set the