Calque Photoshop -> format SVG

J'ai le fichier PSD avec logo vector (objet dynamique). J'ai besoin de l'enregistrer en tant que format SVG pour l'utilisation du site web. Je ne vois pas cette option directement dans Photoshop (je ne peux l'exporter en tant que .IA fichier).

  1. Comment fonctionne le processus d'exportation (PS CS5 ou CS6 - les versions actuelles)?
  2. Quels sont les meilleurs réglages que développeur web doit utiliser lors de l'
    l'exportation de logo? Vous pouvez définir différentes tailles de fichier SVG en (IA -> SVG)
    convertisseurs comme celui-ci:
    http://image.online-convert.com/convert-to-svg
  3. Est-il autre chose que de prêter attention à dans le cas de paramètres?
  4. Comment doit-fichiers SVG être inclus sur le site web dans la zone du logo? Quelle est la meilleure approche? De cette façon? http://jsfiddle.net/danielfilho/GdCcA/
En réponse à la question 4, c'est le plus fiable pour rasterise la SVG de n'importe quelle taille vous avez besoin, de sorte que le site web a un PNG ou GIF image pour l'afficher et ne nécessite pas de SVG capacités.
Je suis en utilisant JPG logo à droite maintenant, mais il semble floue dans site web responsive mode où vous ne pouvez pas l'afficher comme 250px logo, mais plutôt à 200px logo ou 150px logo. Pour ne pas mentionner la Rétine où il semble laid de tous les temps. SVG serait la solution idéale. Pourquoi il n'est pas recommnded? L'entreprise pour laquelle je travaille m'a livré logo vector afin de l'avoir en format vectoriel sur site web serait génial.
SVG n'est pas pris en charge dans les navigateurs plus anciens, pour une. Mais si vous pouvez mettre en œuvre la fonctionnalité de test, alors vous pourriez avoir l'image SVG revenir à une image raster à la place.
Oui, je suis à la planification de deux versions, mais je pense que tous les navigateurs et tous les appareils modernes prennent en charge.
J'ai créé un script qui fait cela automatiquement. Il vous suffit de renommer les calques que vous souhaitez exporter dans le PSD et les convertit au format SVG. hackingui.com/design/export-photoshop-layer-to-svg

OriginalL'auteur Atadj | 2012-10-12

  1. 3
    1. Vous pouvez payer pour cela (SVG Kit), ou la meilleure alternative est d'exporter/coller pour Illustrator puis les enregistrer en tant que format SVG. La question Photoshop Forme Personnalisée à SVG chaîne de chemin détails.
    2. Regarder la Illustrator site pour les détails des différentes options lors de l'enregistrement au format SVG. Cela dépend si vous êtes concerné avec des détails tels que les périphériques cibles (mobile vs desktop) et si vous souhaitez afficher des dégradés, transparence et les effets de filtre SVG.
    3. Les meilleures pratiques pour la création de graphiques web par Adobe discussions sur l'utilisation des couleurs web sécurisées, mode Aperçu en Pixels dans Illustrator et de relever certains défis de périphériques mobiles.
    4. D'accord avec @Kolink les commentaires ci-dessus.

    OriginalL'auteur mccannf