<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" type="text/css" href="content.css" />
		<title>
			Tips for creating Illustrator images for mobile devices
		</title>
<!-- Changed by: , 21-Mar-2006 -->
<script src="help.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> 
		
		
<script type="text/javascript">
<!--[CDATA[
handleContext(1);
if (use_ie_6_behavior) {
  document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"content-ie6.css\" />");
}
// ]]-->
</script> 
		
<script src="scripts.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> <script src="terms.js" type="text/javascript" language="Javascript" charset="UTF-8">...</script> 
	</head>
	<body id="content_body">
<!--googleoff: index-->
<!-- BEGIN PAGE CONTENT WRAPPER -->
		<div id="pneumonic">
			<h1 class="DeviceCentral">DeviceCentral</h1>
		</div>
		<div id="page_content_wrapper">
			<p class="sharedproducts">TOPIC APPEARS IN: </p><p class="sharedproductindicators"><img src="images/illustratorSharedIndicator.png" title="Illustrator" /></p>
<!-- BEGIN BREADCRUMBS -->
			<div id="breadcrumb">
<!-- BEGIN BREADCRUMBS -->
				
<div class="nav"><dl class="page"><dd class="prev"><a accesskey="p" class="prev" href="WS30DD848D-D4A1-40bc-9316-9EFFC7846EA5.html" title="Tips for creating Photoshop images for mobile devices"><img src="images/prev.gif" alt="Previous" /></a></dd><dd class="next"><a accesskey="n" class="next" href="WS092945DE-D20D-41de-9548-D1781281BB83.html" title="Tips for creating video for mobile devices"><img src="images/next.gif" alt="Next" /></a></dd></dl></div><div class="hierarchy"><a href="WS28F6F81C-55B3-4ad5-B632-171637249F5B.html">Create, preview, and test content in Adobe Device Central</a> /
     <a href="WS3A29C98D-5768-45ea-AB2F-75FAF64078EE.html"><b>Tips for creating content for mobile devices</b></a> 
     </div>

<!-- END BREADCRUMBS -->
			</div>
<!-- END BREADCRUMBS -->
<!-- BEGIN PAGE TITLE -->
<!--googleon: index-->
			<h1>
				Tips for creating Illustrator images for mobile devices
			</h1>
<!--googleoff: index-->
<!-- END PAGE TITLE -->
<!-- BEGIN CONTENT WRAPPER -->
			<div id="content_wrapper">
<!--googleon: index-->
				<div><div class="section">
                        <p>
                           
                           
                           To
optimize graphical content for mobile devices, save artwork created
in Illustrator in any SVG format, including SVG‑t, which is especially
designed for mobile devices.</p>

                        <p>Use the following tips to ensure
that images created in Illustrator display well on mobile devices:</p>

                        <ul><li>
                              <p>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.</p>

                           </li>
<li>
                              <p>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).</p>

                           </li>
<li>
                              <p>Set Illustrator color mode to RGB. SVG is viewed on RGB raster
display devices, such as a monitors.</p>

                           </li>
<li>
                              <p>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&#160;&gt;
Path&#160;&gt; Simplify and try different combinations to find
a balance between quality and number of points.</p>

                           </li>
<li>
                              <p>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.</p>

                           </li>
<li>
                              <p>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.</p>

                           </li>
<li>
                              <p>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.</p>

                           </li>
</ul>

                     </div>
</div>

<!--googleoff: index-->
			</div>
<!-- END CONTENT WRAPPER -->
		</div>
<!-- END PAGE CONTENT WRAPPER -->
		<br clear="both" />
		<div id="related">
			<div class="t">
				<div class="b">
					<div class="l">
						<div class="r">
							<div class="bl">
								<div class="br">
									<div class="tl">
										<div class="tr">
											<div id="related_in">
												<h3>
<script type="text/javascript">document.write(terms_Related_Information);</script> 
												</h3>
												
												<h4>
<script type="text/javascript">document.write(terms_AHV_HELP_RESOURCE_CENTER);</script> 
												</h4>
												<ul class="link-list"><li class="icon external"><a target="_blank" title="This page on the Web" href="http://help.adobe.com/en_US/DeviceCentral/1.0/WS57EE2FE9-CB2D-45d9-AC18-8D0984664087.html">This page on the Web</a></li></ul>
												
											</div>
											<br clear="both" />
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<br clear="both" />
	</body>
</html>