Tipo de archivo de imagen: descripción de la extensión del formato de imagen .jpeg, .svg y .png (abajo)

¡Acostúmbrate a escribir juntos! Este es el día 12 de mi participación en el "Nuggets Daily New Plan·Desafío de actualización de abril", haga clic para ver los detalles del evento

¿Qué es TIFF? Formato de imagen TIFF (formato de archivo .tif)

TIFF es un tipo de archivo más adecuado para imágenes de alta calidad que requieren edición. Los archivos TIFF son grandes, por lo que no son adecuados para compartir en línea.

Debe usar TIFF cuando la calidad es más importante que el tamaño del archivo. En la práctica, PNG es casi siempre la mejor opción, especialmente cuando se trata de imágenes en la web.

¿Qué es SVG? Formato de archivo SVG (extensión de archivo .svg)

SVG es gráficos vectoriales escalables. Esto significa que los gráficos se pueden escalar a cualquier tamaño sin pérdida de calidad.

A diferencia de todos los demás formatos de archivo que hemos discutido en este artículo, los archivos SVG son archivos vectoriales. (JPEG, PNG, GIF y TIFF son archivos de trama).

Esto significa que los archivos SVG se pueden escalar a cualquier tamaño sin pérdida de calidad, mientras que los archivos raster perderán calidad cuando se amplíen.

Puede editar el archivo SVG con un software de edición de vectores (o simplemente actualizar manualmente las coordenadas y los colores del gráfico). Solo puede editar archivos PNG con software de edición de tramas.

Aquí hay un archivo SVG de muestra de Mozilla Developer Network . Así es como se ve SVG en su forma de código XML nativo:

<svg version="1.1"
     width="300" height="200"
     xmlns="http://www.w3.org/2000/svg">

  <rect width="100%" height="100%" fill="red" />

  <circle cx="150" cy="100" r="80" fill="green" />

  <text x="150" y="125" font-size="60" text-anchor="middle" fill="white">SVG</text>

</svg>
复制代码

Este código simple representa esta imagen:

ejemplo-archivo-svg

Un cuadrado rojo con un punto verde y las letras "SVG".

Los archivos SVG son generalmente más pequeños que los archivos PNG porque contienen solo los datos necesarios para dibujar la imagen, mientras que los archivos PNG contienen los datos de toda la imagen.

También puede animar archivos SVG usando una herramienta llamada SMIL. Por lo tanto, se pueden utilizar como archivos GIF muy eficientes en el espacio. Si eres realmente aventurero, puedes escribir SVG.

JPEG VS PNG - ¿Qué formato de imagen es mejor para la web?

A medida que instalamos más y más cables de fibra óptica y el Internet satelital de alta velocidad se vuelve más común, el futuro de las redes puede verse muy diferente.

Pero por ahora, mi recomendación es usar JPEG para la mayoría de las imágenes.

Si tienes el logotipo de una empresa o una foto muy importante donde la calidad es primordial, PNG es una buena opción.

Para los logotipos, recomiendo usar SVG, ya que se escala infinitamente y tiene un tamaño muy compacto.

En conclusión

¡Espero que te ayude!

Supongo que te gusta

Origin juejin.im/post/7085586627656941581
Recomendado
Clasificación