| | h1. Illustrator images for mobile devices |
| |  | ?{info:title=Add your own tips} |
| | Log into this wiki (or sign-up) and edit this page directly or you can click Add Comment to talk about a tip. Controls are at the bottom of the page.{info} |
| | |
 | | |
| | {info:title=Add your own tips} |
| | Sign?into this wiki (or register) then use Edit to insert your tip or click Add Comment at the bottom of the page. |
| | {info}\\ |
| | |
| | (/) *Use the SVG standard to create content* |
| | * Using SVG to publish vector graphics on mobile devices results in a small file size, display independence, superior color control, zooming ability, and editable text (within the source code). Also, because SVG is XML-based, you can incorporate interactivity into images, such as highlighting, tool tips, special effects, audio, and animation. |
| | |
| | *Author:* Adobe |
| | |
| | {rate:title=Rate this tip\|theme=dynamic\|key=AdobeILSVG\|display=default} |
| | \\ |
| | |
| | (/) *Use final image sizes* |
| | * Work within the final dimensions of your target mobile device(s) from the beginning. Although SVG is scalable, working within the correct size will ensure that final graphics are optimized in quality and size for the target device(s). |
| | |
| | *Author:* Adobe |
| | |
| | {rate:title=Rate this tip\|theme=dynamic\|key=AdobeILSize\|display=default} |
| | \\ |
| | |
| | (/) *Set Illustrator color mode to RGB* |
| | * SVG is viewed on RGB raster display devices, such as a monitors. |
| | |
| | |
| | *Author:* Adobe |
| | |
| | {rate:title=Rate this tip\|theme=dynamic\|key=AdobeILColor\|display=default} |
| | \\ |
| | |
| | (/) *Reduce the number of objects* |
| | * To reduce file size, try reducing the number of objects (including groups) or making it less complex (fewer points). Using fewer points significantly reduces the amount of textual information needed to describe the artwork in the SVG file. To reduce points, select Object > Path > Simplify and try different combinations to find a balance between quality and number of points. |
| | |
| | |
| | *Author:* Adobe |
| | |
| | {rate:title=Rate this tip\|theme=dynamic\|key=AdobeILredObj\|display=default} |
| | \\ |
| | |
| | (/) *Use symbols when possible* |
| | * Symbols define the vectors that describe an object once, instead of multiple times. This is useful if artwork contains objects like button backgrounds that are reused. |
| | |
| | |
| | *Author:* Adobe |
| | |
| | {rate:title=Rate this tip\|theme=dynamic\|key=AdobeILsymb\|display=default} |
| | \\ |
| | |
| | (/) *Limit the number of objects in animations* |
| | * When animating graphics, limit the number of objects used and try to reuse objects whenever possible to reduce file size. Apply animations to groups of objects instead of to individual objects to avoid code repetition. |
| | |
| | |
| | *Author:* Adobe |
| | |
| | {rate:title=Rate this tip\|theme=dynamic\|key=AdobeFlashILobj\|display=default} |
| | \\ |
| | |
| | (/) *Consider using SVGZ* |
| | * Consider using SVGZ, the compressed gzipped version of SVG. Compression can reduce file size dramatically, depending on the content. Text can usually be heavily compressed, but binary-encoded content, such as embedded rasters (JPEG, PNG, or GIF files), cannot be compressed significantly. SVGZ files can be uncompressed by any application that expands files compressed with gzip. To use SGVZ successfully, check that your target mobile device can decompress gzip files. |
| | |
| | |
| | *Author:* Adobe |
| | |
| | {rate:title=Rate this tip\|theme=dynamic\|key=AdobeILSVGZ\|display=default} |
| | \\ |
| | |
| | \\ |
| | \\ |
| | | |
| | \\ |
| | \\ |
