Tamaño de archivo svg más que una imagen png

¿Puedes publicar la imagen SVG original y vincularla aquí? Realmente parece que has hecho todo bien en el SVG, todas tus formas tienen puntos de anclaje.

¡Los PNG no son necesariamente más grandes que los SVG!

También podría darse el caso de que la exportación PNG tenga un tamaño de archivo menor que SVG. ¡Realmente no es tan raro!

Ejemplo de aquí -> https://en.wikipedia.org/wiki/File:India-locator-map-blank.svg

Archivo SVG = 421 KB

Archivo PNG = 51 KB

El tamaño del archivo SVG depende de las rutas/puntos.

Cuando aumenta el número de rutas/puntos de anclaje, ¡también aumenta la información matemática para almacenarlos! En estos casos, una versión de mapa de bits del archivo puede ser más adecuada para un tamaño de archivo menor.

Por ejemplo , intente calcar una fotografía en vivo y expórtela como JPEG y luego como SVG. El SVG será mucho más grande que el JPEG.

Una vez dicho esto...

Asegúrese de no tener mapas de bits en su SVG y de que las rutas complejas se reduzcan en tamaño. Si puede vincular el archivo original y hay un problema con las opciones de exportación, editaré esta respuesta.

EDITAR

Después de mirar sus archivos,

De hecho, es un caso de instrucciones SVG complejas. Al observar las formas y su naturaleza, parece que ha utilizado el seguimiento en vivo de Adobe Illustrator para crear estos vectores. Live Trace puede ser ineficiente y ajustar los controles puede dar mejores resultados.

Por ejemplo: compare los puntos de anclaje ren uno de sus logotipos y uno rque hice yo mismo.

Aunque la fuente no es la misma, puede que la siguiente necesite mucha menos cantidad de puntos de anclaje para construirse que la anterior.

¡ También hay ciertos personajes que tienen líneas onduladas cuando se acercan mucho cuando en realidad deberían ser rectos!

Si desea reducir el tamaño del archivo

Tienes 2 opciones:

1. Revise todo el documento, elimine los puntos de anclaje que no necesita y modifique los que necesita para poder eliminar otros puntos.

2. Vuelva a vectorizar los mapas de bits que utilizó. Rastréelo manualmente (recomendado) o modifique las Opciones de rastreo en vivo.

Por supuesto, podrías ir con el PNG :)

Tararear. El tamaño es relativo. Realmente no tienes un archivo SVG del mismo tamaño que tu png. En realidad, tiene un archivo vectorial que, en estas condiciones específicas, coincide con las dimensiones del PNG.

Revisa este gráfico.

Puede hacer que su SVG sea pequeño o grande en dimensiones. Si los datos son los mismos, el tamaño del archivo (peso) es el mismo.

Puede exportar un png (o cualquier formato de archivo de mapa de bits) si es pequeño, lo es. Si no es así, el archivo será más grande.

Probablemente la proporción no sea lineal, pero es la idea básica.

Entonces, si el peso del archivo es la prioridad, en algunas dimensiones, un PNG será mejor, pero en algún momento, el SVG puede ser una mejor opción.

Más allá del tamaño del archivo, hay otro factor a considerar en la elección del formato de archivo.

SVG El procesador de gráficos tiene que funcionar para calcular las rutas de un archivo SVG. Cuantas más rutas, más poder computacional se requiere.

Los mapas de bits , por otro lado, dependen del tamaño del archivo. La mayoría de las imágenes de pantalla ya son mapas de bits (un mapa al que se asigna el color de cada píxel). Los archivos SVG deben convertirse en datos de mapa de bits.

la compensación

Entonces, hay una compensación adicional... Los archivos SVG GRANDES Y SIMPLES son MUCHO más eficientes que incluso los Bitmpas relativamente pequeños, PERO el arte vectorial complejo expresado como archivos SVG requerirá una gran cantidad de poder de cómputo del lado del cliente...

Mantén esto en mente. Elija imágenes SVG donde sea fundamental que la imagen sea clara (marca) y donde el archivo sea relativamente simple.

La imagen de varios logotipos que muestra en su pregunta es MUY compleja. No solo el tamaño del archivo es más pequeño con el formato PNG/mapa de bits, sino que también se cargará más rápido y de manera más consistente.

SVG es un formato brillante, pero no es el mejor para todas las imágenes, son mejores para elementos más grandes y menos complejos que tienen bordes definidos.

No es de extrañar que un archivo SVG sea más grande que un archivo PNG. Veamos las características de los formatos.

• PNG es:
  • Un formato binario.
  • PNG se comprime con compresión de longitud de ejecución
• SVG es:
  • un formato de texto
  • XML etiquetado
  • Puede o no estar comprimido (SVGZ)

Incluso un archivo SVG bastante simple es bastante grande debido a la forma en que está construido. En realidad, probablemente debería comparar el tamaño de un archivo SVGZ con un PNG para una compresión más manzana a manzana.

Si un archivo PNG se construyera como un archivo SVG, sería mucho más grande que la mayoría de los formatos de imagen sin comprimir. Un color tiene una longitud mínima de 4-7 bytes en un formato de texto, mientras que disipa 3 bytes en binario para hacer una imagen a todo color con un archivo de texto en estas condiciones haría que una imagen de 1024 * 1024 sería de 3 megabytes si es binario mientras que ser 7 megabytes en una notación textual. Entonces, incluso antes de la compresión, el SVG está perdiendo mucho.

Ahora, el hecho de que el svg tenga solo 2,5 veces el tamaño es un testimonio de la cantidad de datos que contiene. Intente comprimir el svg y cambie el final a SVGZ y vea cuánto más cerca están los resultados después de eso. Entonces tienes una comparación mucho más manzanas con manzanas. Es probable que su servidor haga esto de todos modos.