Archivo svg comprimido: cómo guardar SVG después de la ampliación
Debido a que el ancho de banda es demasiado bajo, cada primera carga es demasiado lenta. Al depurar F12, descubrimos que la razón principal es que el js cargado es demasiado grande. Por lo tanto, este artículo explicará principalmente la solución al problema de que los archivos js, css, svg y otros son demasiado grandes después de empaquetar el proyecto Vue.
Introduzca el complemento de compresión-webpack-plugin en el paquete y luego abra nginxgzip para resolver el problema.
Al comparar el paquete antes y después de configurar el complemento de compresión-webpack, puede encontrar que el directorio dist tiene más de 10 KB.
Investigación del flujo de chorro...
,
Acero fundido
Cuando el archivo está comprimido
Además de JPG, Cómo guardar el SVG ampliado también requiere muchos formatos de imagen comunes, pero diferentes programas no los admiten todos:
Formato BMP
BMP es la abreviatura de mapa de bits en inglés y es un sistema operativo Windows. Un formato de archivo de imagen estándar compatible con muchas aplicaciones de Windows. Con la popularidad del sistema operativo Windows y el desarrollo de aplicaciones avanzadas de Windows, el formato de mapa de bits BMP se utiliza naturalmente ampliamente. Este formato se caracteriza por contener información de imagen rica y casi sin compresión, pero esto lleva a su defecto inherente: ocupa demasiado espacio en el disco. Por lo tanto, BMP es actualmente popular en máquinas independientes.
Formato GIF
GIF es la abreviatura del inglés Graphics_nterchange_ormat (Formato de intercambio de gráficos). Como sugiere el nombre, este formato se utiliza para intercambiar imágenes. De hecho, esto también es cierto. En la década de 1980, CompuServe, una conocida organización estadounidense de servicios de información en línea, desarrolló este formato de imagen GIF en respuesta a las limitaciones del ancho de banda de transmisión de la red en ese momento.
El formato GIF se caracteriza por una alta relación de compresión y ocupa menos espacio en disco, por lo que este formato de imagen se ha extendido rápidamente. _IF sólo se utiliza para almacenar una única imagen fija (llamada GIF87a). Más tarde, con el desarrollo de la tecnología, se pudieron almacenar varias imágenes fijas al mismo tiempo para formar una animación continua, que se convirtió en uno de los pocos formatos que admitía animación 2D en ese momento (llamado GIF89a). En las imágenes GIF89a, puede especificar áreas transparentes para darle a la imagen un efecto de visualización extraordinario y hacer que el GIF sea más hermoso. La mayoría de la gran cantidad de archivos de animación en color que se utilizan actualmente en Internet están en este formato, también conocido como archivos de formato GIF89a.
Además, teniendo en cuenta la situación real en la transmisión de la red, el formato de imagen GIF también agrega un modo de visualización degradado, es decir, durante el proceso de transmisión de la imagen, el usuario puede ver primero el contorno aproximado de la imagen, y luego, a medida que continúa el proceso de transmisión, los detalles de la imagen se ven gradualmente, adaptándose así a la psicología de visualización del usuario de "de borroso a claro". La mayoría de la gran cantidad de archivos de animación en color que se utilizan actualmente en Internet están en este formato.
Sin embargo, GIF tiene una pequeña desventaja, es decir, no puede almacenar imágenes con más de 256 colores. A pesar de esto, este formato todavía se usa ampliamente en línea, lo que es inseparable de las ventajas de los archivos de imágenes GIF, como archivos de imágenes cortos, velocidad de descarga rápida y animaciones compuestas por muchos archivos de imágenes del mismo tamaño.
Formato JPEG
JPEG también es un formato de imagen común, desarrollado por Joint_photographic_Xperts_group Xperts_group y denominado "ISO 10918-1". JPEG es sólo un nombre común. La extensión de los archivos JPEG es . jpg o. jpeg, su tecnología de compresión es muy avanzada. Utiliza compresión con pérdida para eliminar datos de imagen y color redundantes mientras muestra imágenes muy ricas y vívidas. En otras palabras, logra una mejor calidad de imagen con un espacio mínimo en el disco.
Al mismo tiempo, JPEG es un formato muy flexible que tiene la función de ajustar la calidad de la imagen, permitiéndote comprimir este archivo con diferentes relaciones de compresión. Por ejemplo, podemos comprimir un archivo de mapa de bits BMP de hasta 1,37 MB a 20,3 KB. Por supuesto, podemos encontrar un equilibrio entre la calidad de la imagen y el tamaño del archivo.
JPEG también es muy utilizado debido a su excelente calidad y excelente rendimiento, especialmente en Internet y discos ópticos. Actualmente, varios navegadores admiten JPEG como formato de imagen. Debido a que el tamaño del archivo del formato JPEG es pequeño y la velocidad de descarga es rápida, las páginas web pueden proporcionar una gran cantidad de imágenes hermosas en un tiempo de descarga corto. Naturalmente, JPEG se ha convertido en el más popular. en Internet.
Formato JPEG2000
JPEG_2000 es también una nueva generación de tecnología de compresión de imágenes fijas con una mayor tasa de compresión y más funciones nuevas. El nombre oficial es "ISO15444".
La versión mejorada de JPEG2000_ Kun _PEG tiene una relación de compresión aproximadamente un 30% mayor que la de JPEG.
A diferencia de JPEG, JPEG 2000 _ссссссссссссссссссссссссссссссссс
Además, JPEG2000 también admite la función denominada "región de interés". Puede especificar arbitrariamente la calidad de compresión de áreas de interés de la imagen o elegir descomprimir primero partes específicas. _PEG2000__JPEG_ Twitter es popular y compatible con versiones anteriores, y pronto reemplazará el formato JPEG tradicional.
JPEG2000 se puede aplicar a los mercados JPEG tradicionales, como escáneres y cámaras digitales, así como a otros campos emergentes como la transmisión de redes y las comunicaciones inalámbricas.
Formato TIFF
TIFF (Tag_mage_ile_format) es un formato de imagen muy utilizado en Mac. Fue desarrollado conjuntamente por Aldus y Microsoft y originalmente fue diseñado para el almacenamiento multiplataforma de imágenes escaneadas. Se caracteriza por formatos de imágenes complejos y grandes cantidades de información almacenada. Precisamente porque almacena mucha información sutil de la imagen, también se mejora la calidad de la imagen, por lo que es muy propicio para la reproducción de la obra original.
El formato viene en dos formas: comprimido y sin comprimir, donde la compresión puede almacenar el esquema de compresión sin pérdidas LZW. Sin embargo, debido a la estructura compleja y la mala compatibilidad del formato TIFF, a veces es posible que su software no pueda identificar correctamente el archivo TIFF (la mayoría del software ya ha resuelto este problema). También es muy conveniente trasplantar archivos TIFF en Mac y PC, por lo que TIFF es ahora uno de los formatos de archivos de imágenes más utilizados en microcomputadoras.
Documento de Photoshop
Este es el formato especial Photoshop_Eye (PSD) del famoso software de procesamiento de imágenes de Adobe, Photoshop. PSD es en realidad un "borrador" de diseño gráfico en Photoshop, que contiene muestras de varios diseños, como capas, canales, máscaras, etc., para que el diseño final pueda modificarse la próxima vez que se abra el archivo. Entre los diversos formatos de imagen admitidos por Photoshop, PSD es de acceso mucho más rápido y mucho más potente que otros formatos. A medida que Photoshop se utilice más ampliamente, tenemos motivos para creer que este formato se irá popularizando gradualmente.
Formato PNG
Png es un nuevo formato de imagen de red. A finales de 1994, Unysis anunció que GIF tenía un método de compresión patentado y exigía que el autor del software GIF pagara una determinada tarifa, lo que condujo al nacimiento del formato de imagen png. PNG ha combinado los puntos fuertes de GIF y JPG desde el principio, con la intención de reemplazar ambos formatos de una sola vez. 1996 65438+1 de octubre fue propuesto por PNG a la International Network Alliance y fue recomendado y reconocido. La mayoría del software de dibujo y los navegadores comenzaron a admitir la exploración de imágenes PNG. Desde entonces, el formato de imagen PNG ha estado lleno de vitalidad.
PNG es actualmente el formato con menos distorsión. Absorbe las ventajas de GIF y JPG, tiene formas de almacenamiento ricas y tiene modos de color GIF y JPG. Otra característica de PNG es que puede comprimir archivos de imagen hasta el límite de transmisión de la red, pero puede retener toda la información relacionada con la calidad de la imagen, porque PNG utiliza compresión sin pérdidas para reducir el tamaño del archivo, lo cual es diferente de JPG, que sacrifica la calidad de la imagen por una alta compresión. tasa diferente. Su tercera característica es que la velocidad de visualización es muy rápida y se puede mostrar una imagen de vista previa de baja resolución descargando 1/64 de la información de la imagen. En cuarto lugar, PNG también admite la producción de imágenes transparentes, lo cual resulta muy útil a la hora de crear imágenes web. Podemos configurar el fondo de la imagen para que sea transparente y reemplazar el color transparente con la información de color de la propia página web, de modo que la imagen y el fondo de la página web se mezclen armoniosamente.
La desventaja de PNG es que no admite efectos de aplicaciones de animación. Si se puede fortalecer este aspecto, puede reemplazar completamente a GIF y JPEG. El formato predeterminado para el software Fireworks de Macromedia es PNG. Ahora, cada vez más software está empezando a admitir este formato y se está volviendo cada vez más popular en Internet.
Formato SWF
Utilizando Flash, podemos crear una animación con el sufijo SWF (shock wave_format), que puede expresar formas multimedia ricas en un tamaño relativamente pequeño. En términos de transmisión de imágenes, no es necesario esperar hasta que se descarguen todos los archivos para poder verlos, sino que puede verlos mientras los descarga, por lo que es particularmente adecuado para la transmisión por red, especialmente cuando la velocidad de transmisión no es buena. , puedes obtener mejores resultados. Los hechos lo han demostrado. SWF se ha utilizado ampliamente en presentaciones multimedia y diseño interactivo de páginas web. Además, la animación SWF se produce utilizando tecnología vectorial, por lo que no importa cuántas veces se amplíe la imagen, ésta no se dañará. En resumen, cada vez más diseñadores web prefieren los trabajos en formato SWF por su calidad de alta definición y su tamaño compacto, y se han convertido en la corriente principal de la animación web y el diseño y producción de imágenes web. Ahora se han convertido en el estándar de facto para Internet. animación.
Formato SVG
SVG puede considerarse como el formato de archivo de imagen más popular en la actualidad. Su nombre completo en inglés es scalable _ector_graphics, que significa escalable _ector_raphics.
Está basado en XML (Extensible_arkup_anguage) y desarrollado por la alianza World_ide_eb_onsortium (W3C). Estrictamente hablando, debería ser un lenguaje de gráficos vectoriales estándar abierto que le permita diseñar páginas web de gráficos interesantes y de alta resolución. Los usuarios pueden dibujar imágenes directamente con código, abrir imágenes SVG con cualquier herramienta de procesamiento de textos, hacer que las imágenes sean interactivas modificando algún código e insertarlas en HTML en cualquier momento para verlas a través de un navegador.
Ofrece ventajas que los populares formatos GIF y JPEG en Internet no tienen: la visualización gráfica se puede ampliar a voluntad, pero nunca a expensas de la calidad de la imagen, el texto sigue siendo editable y escalable en imágenes SVG. ; En términos generales, los archivos SVG son mucho más pequeños que los archivos JPEG y GIF, por lo que se descargan rápidamente. Se cree que el desarrollo de SVG proporcionará un nuevo estándar de imágenes para la Web.
Otros formatos de imagen no convencionales:
Formato PCX
El formato PCX es un formato desarrollado por ZSOFT al desarrollar el software de procesamiento de imágenes Paintbrush, tomando el formato comprimido. ocupar menos espacio en disco. Debido a que este formato existe desde hace mucho tiempo y tiene capacidades de compresión y a todo color, sigue siendo popular.
Formato DXF
DXF (Autodesk_rawing_xchange_formato) es el formato de archivo vectorial en AutoCAD. Almacena archivos en código ASCII, que es muy preciso a la hora de representar tamaños gráficos. Muchos programas admiten entrada y salida de formato DXF.
Formato WMF
WMF (Windows_etafile_formato) es un formato de metarchivo común en Windows y es un formato de archivo vectorial. Tiene las características de archivos cortos y modo de modelado. Los gráficos completos a menudo se unen a partir de varios componentes independientes y sus gráficos suelen ser toscos.
Formato EMF
EMF (Enhanced_etafile) es un formato de metarchivo extendido de Windows S32 bits desarrollado por Microsoft para compensar las deficiencias del uso de WMF. También es un formato de archivo vectorial y está diseñado para que los metarchivos se acepten más fácilmente.
Formato LIC (FLI/FLC)
El formato Flic fue desarrollado por Autodesk FLC es el nombre colectivo de FLC y FLI: FLI es un formato de archivo de animación original basado en 320×. 200 y FLC utiliza una tecnología de compresión de datos más eficiente, por lo que la relación de compresión es mayor que FLI y la resolución también mejora mucho.
Formato EPS
EPS (Encapsulated_ostScript) es un formato que rara vez ven los usuarios de PC, pero que es ampliamente utilizado por los usuarios de Apple Mac. Es un formato de archivo ASCII descrito en lenguaje PostScript y se utiliza principalmente para composición tipográfica, impresión y otros trabajos de salida.
Formato TGA
El archivo TGA (tagged _graphics) es un formato de archivo de imagen desarrollado por la empresa estadounidense Truevision para su tarjeta gráfica y ha sido aceptado por la comunidad internacional de gráficos e imágenes. . TGA tiene una estructura simple, es un formato universal para gráficos y datos de imágenes, tiene una gran influencia en el campo de la multimedia y es el formato preferido para convertir imágenes generadas por computadora en televisión.
La salida PS está en formato de imagen. ¿Qué formato es el más claro entre PNG, JPG, GIF y SVG? Imagen, formato JPG/
JPEG
Compresión con pérdida, tamaño pequeño, carga rápida, no admite transparencia,
formato PNG
Compresión sin pérdidas, alta calidad, gran tamaño, soporte de transparencia, archivo de texto SVG, tamaño pequeño, sin distorsión, buena compatibilidad. Las imágenes en formato SVG se pueden ampliar y mostrar arbitrariamente sin pérdida de calidad de imagen. , el formato SVG es más pequeño que los formatos JPG y GIF y se descarga más rápido. Los archivos SVG suelen ser pequeños, pero cuando la complejidad de los gráficos aumenta, el tamaño del archivo SVG aumenta porque SVG requiere más potencia informática que las imágenes de píxeles al renderizar, lo que también significa una pérdida de rendimiento. Por eso, en dibujos como logotipos, intenta ser lo más conciso posible. Por lo general, jpg y png pueden satisfacer las necesidades de las imágenes. PNG es más claro que jpg. GIF es una imagen animada y no se compara con otros formatos.