Tipos de archivos
Todos los archivos de imágenes digitales pertenecen a una de estas dos categorías: vectoriales o rasterizados. Cada formato tiene ventajas y desventajas en diferentes situaciones, por lo que conocer las propiedades de cada uno puede ayudar a determinar qué formato es la mejor opción para cualquier proyecto.
Los archivos vectoriales son más útiles cuando un gráfico debe poder cambiar de tamaño, ya que conservan detalles nítidos cuando se escalan a cualquier tamaño. El formato vectorial es una opción excelente para las ilustraciones digitales, como los logotipos.
Las imágenes rasterizadas son mejores para imágenes complejas, como las fotografías, y es más probable que sean un formato de archivo ampliamente compatible (como JPG). Sin embargo, las imágenes rasterizadas pierden detalle y se vuelven cada vez más borrosas cuando se amplían.
Aunque una imagen vectorial puede guardarse como una imagen rasterizada, no es posible convertir una imagen rasterizada en una imagen vectorial. Los archivos rasterizados guardados en formato vectorial seguirán siendo archivos rasterizados. La mayoría de las imágenes de la web son archivos rasterizados.
Ampliación de fotos
Imágenes vectoriales: Las ecuaciones matemáticas ayudan a diseñar los gráficos vectoriales. Las ecuaciones se traducen en diversas curvas, líneas, formas y figuras. Las imágenes vectoriales no se desdibujan si se les aplica el zoom y tienen capacidad de respuesta. Por eso los elementos y logotipos están en formato de imagen vectorial. Por ejemplo, SVG y AI
Imágenes de trama: Las imágenes rasterizadas son tipos de archivo de imágenes pixeladas. Formadas por varios píxeles, las imágenes Raster no son responsivas. Se vuelven borrosas a medida que aumentamos el tamaño de las imágenes rasterizadas. La mayoría de las imágenes que vemos en Internet y en la vida cotidiana son imágenes rasterizadas. Por ejemplo, Gif, Jpeg, Png
Compresión sin pérdidas: La compresión sin pérdidas significa que no se han perdido datos durante la compresión de la imagen. Se puede reducir el tamaño del archivo sin perder los datos de la imagen. Se hace eliminando los metadatos de la imagen. Png y Gif son Lossless.
Metadatos de la imagen: La información sobre la imagen suele estar oculta dentro de la imagen. Lo llamamos meta-datos. La información como la cámara, la hora, la ubicación, el autor, etc. se puede ver con herramientas. Puedes usar Metapicz para ver los datos.
Tipos de audio
Imágenes vectoriales: Las ecuaciones matemáticas ayudan a diseñar los gráficos vectoriales. Las ecuaciones se traducen en diversas curvas, líneas, formas y figuras. Las imágenes vectoriales no se desdibujan si se les aplica el zoom y tienen capacidad de respuesta. Por eso los elementos y logotipos están en formato de imagen vectorial. Por ejemplo, SVG y AI
Imágenes de trama: Las imágenes rasterizadas son tipos de archivo de imágenes pixeladas. Formadas por varios píxeles, las imágenes Raster no son responsivas. Se vuelven borrosas a medida que aumentamos el tamaño de las imágenes rasterizadas. La mayoría de las imágenes que vemos en Internet y en la vida cotidiana son imágenes rasterizadas. Por ejemplo, Gif, Jpeg, Png
Compresión sin pérdidas: La compresión sin pérdidas significa que no se han perdido datos durante la compresión de la imagen. Se puede reducir el tamaño del archivo sin perder los datos de la imagen. Se hace eliminando los metadatos de la imagen. Png y Gif son Lossless.
Metadatos de la imagen: La información sobre la imagen suele estar oculta dentro de la imagen. Lo llamamos meta-datos. La información como la cámara, la hora, la ubicación, el autor, etc. se puede ver con herramientas. Puedes usar Metapicz para ver los datos.
Formato de imagen de mejor calidad
Acciones del artículoGuía de formatos y tipos de archivos de imagenEn esta guía, cubriremos los tipos de archivos de imagen generalmente soportados por los navegadores web, y proporcionaremos información que le ayudará a seleccionar los formatos más apropiados para las imágenes de su sitio.Tipos de archivos de imagen comunesA continuación se enumeran los formatos de archivo de imagen más utilizados en la web.
Nota: Los formatos más antiguos, como PNG, JPEG y GIF, tienen un rendimiento inferior al de los formatos más recientes, como WebP y AVIF, pero gozan de una mayor compatibilidad «histórica» con los navegadores. Los formatos de imagen más nuevos gozan de una popularidad creciente a medida que los navegadores que no los soportan se vuelven cada vez más irrelevantes (es decir, tienen una cuota de mercado prácticamente nula).
La siguiente lista incluye formatos de imagen que aparecen en la web, pero que deberían evitarse para el contenido web (generalmente esto se debe a que o bien no tienen una amplia compatibilidad con los navegadores, o bien hay mejores alternativas).
Nota: La abreviatura de cada formato de imagen enlaza con una descripción más larga del formato, sus capacidades e información detallada sobre la compatibilidad con los navegadores (incluyendo las versiones que introdujeron el soporte y las características especiales específicas que pueden haberse introducido posteriormente).