2012-10-12 51 views
5

Tengo archivo PSD con el logotipo vectorial (objeto inteligente). Necesito guardarlo como SVG para el uso del sitio web. No veo esa opción directamente en Photoshop (solo puedo exportarla como archivo .AI).Photoshop Capa -> SVG

  1. ¿Cómo se ve como el proceso de exportación (PS CS5 o CS6 - versiones actuales)?
  2. ¿Cuáles son las mejores configuraciones que debe usar el desarrollador web cuando exporta el logotipo? Puede configurar varios tamaños de archivo SVG en convertidores (AI -> SVG) como este: http://image.online-convert.com/convert-to-svg
  3. ¿Hay algo más a lo que prestar atención en caso de configuración?
  4. ¿Cómo deberían incluirse los archivos SVG en el área del logotipo en el sitio web? ¿Cuál es el mejor enfoque? ¿Me gusta esto? http://jsfiddle.net/danielfilho/GdCcA/
+0

En respuesta a la pregunta 4, es más confiable trazar el tamaño del SVG al tamaño que necesite, por lo que el sitio web tiene una imagen PNG o GIF para mostrar y no requiere capacidades SVG. –

+0

@Kolink Estoy usando el logotipo de JPG en este momento, pero se ve borroso en el modo de respuesta del sitio web donde no se puede mostrar como un logotipo de 250 píxeles, sino más bien un logotipo de 200 píxeles o un logotipo de 150 píxeles. Por no hablar de Retina, donde se ve feo todo el tiempo. SVG sería la solución perfecta. ¿Por qué no se lo recomiendo? La empresa para la que trabajo me entregó el logo vectorial, por lo que tenerlo en formato vectorial en el sitio web sería genial. – Atadj

+0

SVG no es compatible en navegadores antiguos, por ejemplo. Pero si puede implementar pruebas de características, puede hacer que la imagen SVG vuelva a caer en una imagen ráster. –

Respuesta

3
  1. Puede pagar por ello (SVG Kit), o la mejor alternativa es exportar/pegar para Illustrator y luego guardar como SVG. La pregunta Photoshop Custom Shape to SVG path string detalla esto.
  2. Mira el Illustrator site para los detalles de las diferentes opciones al guardar como SVG. Depende de si le preocupan los detalles, como los dispositivos de destino (dispositivos móviles o computadoras de escritorio) y si desea mostrar degradados, transparencia y efectos de filtros SVG.
  3. Best practices for creating web graphics de Adobe habla sobre el uso de colores seguros para la Web, el modo Vista previa de píxeles en Illustrator y el tratamiento de ciertos desafíos de dispositivos móviles.
  4. De acuerdo con los comentarios de @ Kolink anteriores.
Cuestiones relacionadas