¿Qué es una imagen web?
Los archivos de imagen BMP se utilizaron por primera vez en el sistema operativo Windows. Son el formato de archivo de imagen estándar en el sistema operativo Windows. También son los formatos de imagen más simples.
El formato de imagen BMP es muy sencillo, contando únicamente con la función de almacenamiento de datos de imagen más básica, capaz de almacenar mapas de bits de 1, 4, 8 y 24 bits para cada píxel. Aunque la información que proporciona es demasiado simple, debido a la popularidad de Windows y al formato simple, estándar y transparente del propio BMP, el formato de archivo de imagen BMP se ha popularizado y generalmente se usa para visualizaciones de pantalla en Windows y algunos sistemas de imágenes simples. .
La característica de este formato es que contiene información de imagen rica y está casi sin comprimir, pero esto también conlleva sus deficiencias inherentes: ocupa demasiado espacio en el disco.
El tamaño de un archivo de gráficos bmp de 800×600 de 24 bits:
800×600×3byte=1440000byte≈1440byte≈1.44M
Rara vez es utilizado ahora en la página web.
Archivo de imagen GIF
Como puede verse por el nombre, este formato de imagen se utiliza principalmente para transmitir imágenes en la red.
Las características del formato GIF son una alta tasa de compresión y una pequeña ocupación de espacio en disco, por lo que este tipo de imagen es de alta calidad lt;/pgt;
Dos versiones:
p>GIF87a: Sólo se utiliza para almacenar una única imagen estática.
GIF89a: Puede almacenar múltiples imágenes estáticas al mismo tiempo para formar una animación continua, por lo que es un formato que admite animación bidimensional. Se pueden especificar áreas transparentes para darle a la imagen una visualización espectacular, convirtiendo el GIF en un paisaje. Actualmente, la mayoría de la gran cantidad de archivos de animación en color que se utilizan en Internet adoptan este formato. En QQ, como QQ Show y QQ Space, las aplicaciones GIF también son diversas.
El formato de imagen GIF también agrega una función de visualización de gradiente, es decir, durante el proceso de transmisión de la imagen, el usuario puede ver primero el contorno general de la imagen y luego ver gradualmente los detalles de la imagen a medida que avanza. El proceso de transmisión continúa, adaptándose así a. Mejora la psicología de visualización del usuario de "de borroso a claro".
El formato de imagen GIF también agrega una función de visualización de degradado, es decir, durante el proceso de transmisión de la imagen, el usuario puede ver primero el contorno general de la imagen y luego ver gradualmente los detalles de la imagen a medida que avanza. El proceso de transmisión continúa, adaptándose así a. Mejora la psicología de visualización del usuario de "de borroso a claro".
Debido a las limitaciones del formato de almacenamiento de 8 bits, no se pueden almacenar imágenes con más de 256 colores.
Este formato se utiliza mejor cuando el número total de colores de la imagen es inferior a 256. El texto en formato GIF es más pequeño y muy claro.
La mejor manera de mostrar el formato GIF:
Si la paleta tiene menos de 256 colores, seleccione Exacto para la paleta.
No seleccione "Distorsión".
Generalmente, seleccione "Mejor ajuste" para la paleta de colores y "256" para el número máximo de colores. Si tiene un poco más de 256 colores, puede configurar el tramado en "100".
Para evitar bordes irregulares, hazlos lo más opacos posible a menos que sean necesarios.
Un consejo:
Si necesitas exportar una porción de una página web como gif, si es rica en colores, no debes exportarlos juntos, sino exportarlos uno por uno. por uno.
Archivos de imágenes JPEG
JPEG fue desarrollado por el Joint Photographic Experts Group.
La extensión del archivo 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, logrando una tasa de compresión extremadamente alta y mostrando un rendimiento muy alto. e imágenes vívidas, en otras palabras, mejor calidad de imagen con un mínimo espacio en disco.
JPEG 2000, también desarrollado por la organización JPEG, es una nueva generación de tecnología de compresión de imágenes fijas con tasas de compresión más altas y más funciones nuevas que JPEG.
JPEG 2000 es una versión mejorada de JPEG con una tasa de compresión aproximadamente un 30% mayor que JPEG. A diferencia de JPEG, que sólo admite compresión con pérdida, JPEG 2000 admite compresión con y sin pérdida. La compresión sin pérdidas es muy útil para guardar algunas imágenes importantes.
Una característica extremadamente importante de JPEG2000 es que puede lograr una transmisión progresiva, que es similar a la "visualización de gradiente" de GIF, es decir, primero se transmite el contorno de la imagen y luego se transmiten los datos. se transmite gradualmente para mejorar la calidad de la imagen y hacerla La imagen cambia de borrosa a clara.
Además, JPEG2000 también admite la llamada función "región de interés", que le permite especificar la calidad de compresión de cualquier área de interés en la imagen y seleccionar la parte especificada para descomprimir primero. .
Cosas a tener en cuenta al utilizar imágenes jpg: encuentre un equilibrio entre la calidad de la imagen y el tamaño del archivo.
En general, una relación de compresión de 80 es más adecuada para páginas web.
Formato de imagen PNG PNG es un formato de imagen web portátil. PNG originalmente combinaba las mejores características de GIF y JPG, con el objetivo de reemplazar ambos formatos de una sola vez. El 1 de octubre de 1996, PNG recomendó un estándar a la International Network Alliance y la mayoría del software y navegadores de gráficos comenzaron a admitir la navegación de imágenes PNG. Desde entonces, el formato de imagen PNG se ha revitalizado. Desde entonces, el formato de imagen PNG ha cobrado nueva vida. Internet Explorer admite la exploración de imágenes PNG a partir de la versión 4.0. Característica 1: Admite modos de color gif y jpg. Sabemos que las imágenes en formato gif usan el modo de color indexado por debajo de 256 colores, mientras que jpg usa el modo de color verdadero de 24 bits. PNG puede almacenar no solo imágenes en color indexadas con menos de 256 colores, sino también imágenes en color verdadero de 24 bits e incluso imágenes en súper color de hasta 48 bits. Característica 2: PNG puede comprimir archivos de imagen hasta el límite de transmisión de la red, pero conserva toda la información relacionada con la calidad de la imagen. Si su imagen está dominada por texto, formas y líneas, png utilizará un método de compresión similar a un gif para obtener una mejor relación de compresión sin destruir ningún detalle de la imagen original. Según cálculos de la International Network Alliance, las imágenes png de ocho bits son entre 10 y 30 veces más pequeñas que las imágenes gif del mismo tamaño. En cuanto a un tipo de compresión para la calidad de la fotografía, los algoritmos de compresión png y jpg son similares. Pero cuanto mayor sea la compresión jpg, peor será la calidad de la imagen. Debido a que su compresión es un método de compresión destructivo, algunos píxeles se perderán más o menos durante cada compresión. La diferencia entre png y jpg es que utiliza compresión no destructiva para procesar imágenes fotográficas, lo que puede mantener la misma calidad de imagen que antes de la compresión sin ninguna distorsión. Característica 3: La visualización de la transmisión está más optimizada. Cualquiera que esté familiarizado con el procesamiento de imágenes en formato GIF sabe que las imágenes GIF tienen dos modos: modo normal (normal) y modo entrelazado (entrelazado). El modo de escaneo entrelazado es más adecuado para la transmisión por red. En el proceso de transferencia de la imagen, el espectador primero ve el contorno aproximado de la imagen y luego gradualmente se vuelve más claro. png también utiliza el modo de escaneo entrelazado para que la imagen se pueda mostrar horizontal y verticalmente en la pantalla, acelerando la descarga. Característica 4: Admite imágenes transparentes. Aunque el formato gif también admite la visualización transparente, el uso de imágenes transparentes en formato gif es demasiado rígido, porque la imagen transparente gif solo tiene información de transparencia de 1 y 0, solo dos opciones: transparente u opaco, y no tiene jerarquía, mientras que png proporciona una visualización transparente; rango alfa de 0 a 255 La información de transparencia puede hacer que la profundidad de las áreas transparentes de la imagen tenga diferentes niveles. De esta manera, las imágenes png se pueden superponer a cualquier fondo sin costuras obvias, lo que mejora el problema de los malos efectos de calco de las imágenes gif transparentes.
Característica 5: Mejor compatibilidad. Las imágenes GIF se verán diferentes en diferentes sistemas, pero las imágenes PNG le permiten crear una imagen en un Macintosh que aparecerá exactamente como aparece en Windows, y viceversa.
png se puede leer a través de la red en cualquier máquina o sistema operativo. La información de texto (como autor, fuente), máscara de almacenamiento (MASCARA), valor gamma, código de corrección de color, etc. se puede incluir en la imagen png para su transmisión. Algunos hallazgos: png8 tiene ventajas sobre gif para imágenes transparentes de colores indexadas y opacas.
Para imágenes transparentes, png8 es mejor que gif, pero el tamaño del archivo es mayor.
png24 no tiene efectos de transparencia: transparencia de color indexado y transparencia alfa.
Los diferentes navegadores tienen diferentes efectos de visualización.
Firefox: admite el efecto de transparencia de color de índice de png8 y admite el efecto de transparencia alfa de png8 y png32.
IE: admite la transparencia de color de índice de png8, pero no admite la transparencia alfa de png8 y png32 (se puede resolver mediante el filtro Js css)
Imágenes utilizadas en páginas web, Los archivos jpg son generalmente mucho más pequeños que png24. Sin embargo, no se excluyen circunstancias especiales. Formato de imagen SVG SVG es un gráfico vectorial escalable. Está basado en XML y desarrollado por el Consorcio W3C. Estrictamente hablando, es un lenguaje de gráficos vectoriales de estándar abierto que le permite diseñar interesantes gráficos web de alta resolución. Los usuarios pueden dibujar imágenes directamente en código, abrir imágenes SVG con cualquier herramienta de procesamiento de textos, hacer que las imágenes sean interactivas cambiando partes del código e insertarlas en HTML en cualquier momento para verlas a través de un navegador. SVG ofrece ventajas que los formatos de red actualmente populares GIF y JPEG no pueden tener: la visualización gráfica se puede ampliar arbitrariamente, pero nunca a expensas de la calidad de la imagen, el texto de la imagen SVG sigue siendo editable y se pueden realizar búsquedas en términos generales, los archivos SVG son; mucho más pequeños que los formatos JPG y GIF, lo que hace que su descarga sea más rápida.