Pour optimiser un contenu graphique pour des périphériques mobiles, enregistrez l'illustration créée dans Illustrator dans un format de type SVG, dont le format SVG-t, spécialement conçu pour les périphériques mobiles.
Suivez les conseils ci-dessous pour vous assurer que les images créées dans Illustrator s'affichent correctement sur les périphériques mobiles :
Utilisez le standard SVG pour créer le contenu. L'utilisation du format SVG pour la publication de graphiques vectoriels sur les périphériques mobiles permet d'avoir un fichier de taille plus petite, une autonomie de l'affichage, un meilleur contrôle des couleurs, une possibilité de zoom et du texte modifiable (dans le code source). Le standard SVG étant basé sur XML, vous pouvez incorporer une interactivité dans les images, comme le dégradé en trompe l'oeil, les info-bulles, les effets spéciaux, l'audio et les animations.
Travaillez dès le début sur les dimensions finales de votre ou vos périphériques mobiles cibles. Le standard SVG étant évolutif, le fait de travailler sur la taille appropriée permet de s'assurer que les graphiques finaux sont optimisés en termes de qualité et de taille pour le ou les périphériques cibles.
Définissez le mode de couleur d'Illustrator sur RVB. Le format SVG peut être affiché sur les dispositifs à balayage de trame RVB, comme les écrans.
Pour réduire la taille du fichier, essayez de réduire le nombre d'objets (et de groupes) ou rendez-les moins complexes (moins de points). L'utilisation de moins de points permet de réduire de manière significative le nombre d'informations textuelles nécessaires pour décrire l'illustration dans le fichier SVG. Pour réduire les points, sélectionnez Objet > Tracé> Simplifier et essayez différentes combinaisons pour trouver le meilleur compromis entre la qualité et le nombre de points.
Si possible, utilisez des symboles. Les symboles définissent les vecteurs décrivant un objet une seule fois, plutôt que plusieurs fois. Ceci est très utile si l'illustration contient des objets comme des arrière-plans de bouton qui sont réutilisés.
Pour des graphiques animés, limitez le nombre d'objets utilisés et essayez, lorsque possible, de réutiliser les objets pour réduire la taille du fichier. Appliquez les animations aux groupes d'objets plutôt qu'aux objets individuels pour éviter toute répétition de code.
Utilisez le standard SVGZ, la version « gzippée » du standard SVG. La compression peut réellement réduire la taille du fichier, suivant son contenu. En règle générale, le texte peut être compressé, mais la compression des contenus codés sous forme binaire, comme les pixels intégrés (fichiers JPEG, PNG ou GIF) n'est pas réellement efficace. Les fichiers SVGZ peuvent être décompressés par toutes les applications qui peuvent ouvrir les fichiers compressés avec gzip. Pour utiliser SGVZ avec succès, vérifiez que votre périphérique mobile cible peut décompresser les fichiers gzip.