Hola lo que pasa es que creé algunos íconos .svg y unos tenían un montón de código (muy pesados) y creo que eso puede afectar el rendimie...

Brandon Argel Verdeja Dominguez

Brandon Argel Verdeja Dominguez

Pregunta
studenthace 4 años

Hola lo que pasa es que creé algunos íconos .svg y unos tenían un montón de código (muy pesados) y creo que eso puede afectar el rendimiento de la página

La pregunta sería, ¿Cómo exportar svg’s correctamente?

¿Y también cómo les puedo cambiar los colores desde el código?

2 respuestas
para escribir tu comentario
    Brandon Argel Verdeja Dominguez

    Brandon Argel Verdeja Dominguez

    studenthace 4 años

    Ah, si estaba investigando ahorita y es diferente para las imágenes png o jpeg que se convierten a svg también hay maneras de cambiarles el color a esas imágenes pero es más complicado, por mientras que sigo aprendiendo lo dejaré así 😅 Solo con svg's hechos a partir de líneas y figuras se puede cambiar el color con fill o stroke Los que pasé a svg pesan al rededor de 164KB pero para ser un svg creo que es mucho svg.png Ya intenté cambando el fill de la primera línea de la imagen pero no funcionó, ni con el stroke, pero muchas gracias por tu respuesta 😃

    Luis Lira

    Luis Lira

    studenthace 4 años

    Creo que para cambiar el color de los cvg con CSS tienes que usar la propiedad fill. En cuanto a la parte de la optimización, más que la longitud del código, ¿cuánto pesan los archivos SVG?

Curso de Figma

Curso de Figma

Conoce Figma desde cero, una de las herramientas de diseño más versátiles actualmente gracias a la comunidad open source, oportunidad de cocreación y su posibilidad de ser usado en un navegador. Diseñar, prototipar y reunir feedback en un solo lugar de forma colaborativa ahora es una realidad gracias a esta herramienta que está revolucionando la industria. Empieza tu camino en el diseño UI, de aplicaciones y web con este curso.

Curso de Figma
Curso de Figma

Curso de Figma

Conoce Figma desde cero, una de las herramientas de diseño más versátiles actualmente gracias a la comunidad open source, oportunidad de cocreación y su posibilidad de ser usado en un navegador. Diseñar, prototipar y reunir feedback en un solo lugar de forma colaborativa ahora es una realidad gracias a esta herramienta que está revolucionando la industria. Empieza tu camino en el diseño UI, de aplicaciones y web con este curso.