Aller au contenu
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Convertir un fichier Adobe Illustrator en HTML

Si vous faites partie de la grande famille des webdesigner et que vous bossez essentiellement sous Adobe Illustrator, voici un truc de plus à ajouter dans votre boite à outils.

Il s’agit de ai2html, un script gratuit pour Adobe Illustrateur qui est capable de convertir vos documents .ai en fichiers HTML + CSS.

Une fois téléchargé, vous devez bouger le script dans le répertoire « Scripts » d’Illustrator, puis une fois que votre document Illustrator est terminé, il ne vous reste plus qu’à le dimensionner à la taille de la div qui va accueillir le code, de vous assurer que les couleurs du document sont bien en mode RGB, que celui-ci est bien sauvegardé et que les polices que vous utilisez sont de l’Arial ou du Georgia (sauf si vous avez ajouté vos propres polices directement en dur dans le script).

Et c’est seulement ensuite que vous pouvez lancer le script via le menu Fichier -> Scripts -> ai2html.

Rendez-vous ensuite dans le dossier où se trouve votre document .ai et vous devriez voir un répertoire baptisé ai2html-output contenant la transformation en HTML / CSS.

Ai2html n’est pas parfait, mais dans la plupart des cas, il fait du bon boulot. En tout cas, c’est ce qu’ils utilisent au New York Times pour convertir leurs cartes et autres illustrations en HTML.

Amusez-vous bien !


Les articles du moment