Comprimir SVG

El tamaño de los archivos SVG (peso de la imagen), a diferencia de los mapas de bits, no depende del tamaño en píxeles, sino de la cantidad de código. Para imágenes grandes, los beneficios del formato SVG son claros. Se puede suponer que SVG siempre supera a los mapas de bits en términos de tamaño de archivo, pero no siempre es así. Si está creando sitios web, es posible que esté familiarizado con los archivos SVG. No es un formato de imagen muy común, pero es compatible con la mayoría de los navegadores web modernos, como Google Chrome, Microsoft Internet Explorer y Mozilla Firefox. SVG, que significa Scalable Vector Graphics, es un formato de gráficos vectoriales basado en XML. Los archivos SVG se pueden optimizar para tres cosas: tamaño del archivo, velocidad de renderizado y edición. En la mayoría de los casos, la optimización para la edición es necesaria, especialmente para dibujos complejos.

La cantidad de código SVG se puede reducir mediante la optimización. Eliminando metadatos. Después de guardar en editores gráficos (por ejemplo, Adobe Illustrator), el código SVG contiene mucha información innecesaria, cuya eliminación reducirá el tamaño del archivo y de ninguna manera afectará la imagen. Eliminación de objetos innecesarios. La imagen puede contener objetos innecesarios u ocultos, así como etiquetas que agrupan objetos, cuya eliminación no afecta a la imagen. Eliminando clases e identificadores no utilizados. Al editar imágenes vectoriales, los editores gráficos pueden agregar clases e identificadores a las etiquetas, que la versión final de la imagen no necesita. Optimización de atributos de etiquetas. El uso frecuente de atributos se puede reemplazar con propiedades CSS: con una gran cantidad de elementos, esto puede reducir significativamente el peso del SVG. Eliminando nodos innecesarios. Cada punto de una imagen vectorial se refleja en el volumen del código: eliminar nodos innecesarios ayudará a reducir su volumen.