Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Quel format d'enregistrement de mon logo pour le web ?  (Lu 12357 fois)

lascar

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 99
    • Voir le profil
Quel format d'enregistrement de mon logo pour le web ?
« le: janvier 28, 2008, 23:45:47 pm »

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 :)
IP archivée

Stephane Glacet (wisi)

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 85
    • Voir le profil
    • http://www.37deux.fr
    • E-mail
Quel format d'enregistrement de mon logo pour le web ?
« Réponse #1 le: janvier 29, 2008, 06:22:14 am »

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
IP archivée
Je me méfie de la machine qui est en moi.
Georges Duhamel

lascar

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 99
    • Voir le profil
Quel format d'enregistrement de mon logo pour le web ?
« Réponse #2 le: janvier 29, 2008, 21:19:22 pm »

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:)
IP archivée

Stephane Glacet (wisi)

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 85
    • Voir le profil
    • http://www.37deux.fr
    • E-mail
Quel format d'enregistrement de mon logo pour le web ?
« Réponse #3 le: janvier 30, 2008, 06:39:32 am »

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 ..
IP archivée
Je me méfie de la machine qui est en moi.
Georges Duhamel

lascar

  • Wisi Pilier de comptoir
  • **
  • Hors ligne Hors ligne
  • Messages: 99
    • Voir le profil
Quel format d'enregistrement de mon logo pour le web ?
« Réponse #4 le: janvier 30, 2008, 13:19:59 pm »

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
;)
IP archivée

T_bo

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 349
    • Voir le profil
Quel format d'enregistrement de mon logo pour le web ?
« Réponse #5 le: janvier 30, 2008, 15:02:55 pm »

Citation de: stephane
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
IP archivée
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum