Giter Site home page Giter Site logo

engmsaleh / android-svg-asset-generator Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ddrboxman/android-svg-asset-generator

0.0 1.0 0.0 183 KB

Create Android assets from SVG files quickly and easily. SVG -> drawable-xhdpi, drawable-hdpi, drawable-mdpi, drawable-ldpi

android-svg-asset-generator's Introduction

SVG -> drawable-xhdpi, drawable-hdpi, drawable-mdpi, drawable-ldpi

Android SVG Asset Generator

Future proof your assets and save time!

Create / find once and don't worry about DPI buckets.

This tool allows you to use SVG files for your Android apps image resources.

SVG images are scaled and put into appropriate folders for android and the 9 patch is applied.

Iconograpy for apps can be quickly generated from content from sites like those below: http://www.fileformat.info/info/unicode/char/search.htm

Generating Images

Example:

./process_assets ./assets/ ./

The asset generator code can be kept in a sub folder and called from there. This makes it really easy to include in your project as a git submodule.

./asset_generator/process_assets ./source_images/ ./AndroidProjectFolder/

Source Image Info

The document size on your SVG files should reflect the image size at 72dpi.

Ex: an app icon should be 27x27 px at 72dpi so that when scaled up to 240dpi (HDPI) it is 72x72 px.

To add a 9patch to generated images, add a hidden layer called 9patch see tag.svg for an example

Requirements

  • Linux, OS X, (Cygwin? requires inkscape to be on your path.)
  • Inkscape
  • Python
  • PIL

android-svg-asset-generator's People

Contributors

ddrboxman avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.