Imprimer

[lascar]

Bonjour à toutes et à tous, j'ai crée un logo sous Illustrator CS3 et je l'ai enregistré au format PSD pour l'insérer sur un site web. mais le résultat est que mon logo reste désespérement un peu flou, voire granuleu sur les contours une fois inséré sur le site web, et la résolution maxi de l'enregistrement du fichier au préalable n'y change rien. Ma question : sous quel format dois-je enregistré mon logo crée avec Illustrator CS3 pour qu'il appaîsse bien net une fois inséré sur le site web ? Merci à qui pourra m'éclairer de ses lanternes.
Cordialement

[Stephane Glacet (wisi)]

Enregistre tes docs au format svg à partir d'illustrator

Les formats d’image bitmap pour le Web (GIF, JPEG, WBMP et PNG) sont généralement volumineux, et consomment de grandes quantités de bande passante sur le Web.
Le format SVG, en revanche, est un format vectoriel pour le web
Les fichiers produits  offrent des images de qualité élevée sur le Web, sans perte de qualité à l'agrandissement & à l’impression

[lascar]

Merci Stéphane pour ta réponse. je l'ai enregistré en SVG, mais il m'a demandé divers choses : plugins, sgv viewer etc... finalement mon fichier prends l'icône d'internet explorer et quand j'essaie de l'ouvrir j'ai une page jaune avec message erreur : Erreur d'analyse XML : mal formé
Emplacement : file:///C:/Documents%20and%20Settings/Administrateur/Bureau/APCIS/Logo.svgz
Numéro de ligne 1, Colonne 1 :�
Aussi le logo doit être sur fond transparent pour être appliqué sur le site. Comment le manipuler si le fichier s'ouvre avec inetrnet explorer ou est-ce une erreure ?
Merci de tes explications et conseils.
Cordialement:)

[Stephane Glacet (wisi)]

bonjour lascar,
le format svg c'est en fait une conversion de ton graphisme en code xml,
le plus simple, selon ta demande c'est d'enregistrer au format PNG, ce format web gére la transparence.

Utilise "Enregistrer pour le Web et les périphériques " afin de spécifier comment les pixels transparents du PNG doivent être optimisés.

tu as 3 choix :

1 : (PNG-8) Cochez la case Transparence et sélectionnez une couleur de cache pour que les pixels entièrement transparents le restent et que les pixels partiellement transparents prennent la couleur définie.

2 : (PNG-8) Pour rendre complètement transparents tous les pixels transparents à plus de 50 %, et complètement opaques les pixels transparents à moins de 50 %, sélectionnez Transparence et choisissez Sans dans le menu Cache.

3 : (PNG-24) Pour enregistrer une image avec une transparence multi-niveaux (jusqu'à 256 niveaux), sélectionnez Transparence.
L'option Cache est désactivée étant donné que la transparence multi-niveaux permet à une image de se mélanger avec n'importe quelle couleur d'arrière-plan.

Transparence et Cache Déterminent la manière dont les pixels transparents de l'image sont optimisés.

Entrelacé Affiche une version basse résolution de l'image dans un navigateur jusqu'au téléchargement complet du fichier image.
Le téléchargement de l'image paraît ainsi plus court, et l'utilisateur peut vérifier le déroulement de l'opération.

de préference utilise le png24, seul bémol dans les navigateurs qui ne prennent pas en charge la transparence PNG-24, les pixels transparents peuvent être affichés sur une couleur d'arrière-plan par défaut, telle que le gris.

mais bon, logiquement il n'y a plus beaucoup de navigateur de ce type en service actuellement ..

[lascar]

Merci Stéphane pour tes précieuses explications ! je vais mettre en pratique tes judicieux conseils. Avec ton aide, je devrai parvenir à mes fins.
Cordialement

[T_bo]

mais bon, logiquement il n'y a plus beaucoup de navigateur de ce type en service actuellement ..

On est quand même a encore plus de 30% Internet Explorer 6 (qui ne gere pas la transparence alpha des png nativemeent) sur le web c'est pas non plus négligeable.
Source XITI monitor