¿Por qué hay tantos formatos de imagen?

Cada formato de imagen implica un equilibrio diferente entre el tamaño del archivo, la calidad y características como la transparencia, por lo que el formato adecuado depende del uso que se le vaya a dar a la imagen. La conversión también resulta útil cuando un programa o sitio web no admite el formato que tienes.

Formato Transparencia Adecuado para
PNG Sí Capturas de pantalla, logotipos y gráficos con texto, sin pérdida de detalle
JPG No Fotografías en archivos pequeños mediante compresión con pérdida
WebP Sí Imágenes web con compresión con pérdida o sin pérdida
GIF Activada o desactivada por píxel Gráficos sencillos de hasta 256 colores
BMP No Programas antiguos de Windows; los archivos no están comprimidos y ocupan mucho
ICO Sí Iconos de Windows y favicons de sitios web, con varios tamaños en un mismo archivo
TIFF Sí Impresión, escaneo y archivado
AVIF Sí Imágenes web modernas con una compresión eficaz; se puede convertir desde este formato, pero no a él
SVG Sí Logotipos e iconos vectoriales que se adaptan a cualquier tamaño; se puede convertir desde este formato, pero no a él

Descripción de la herramienta

Esta herramienta convierte imágenes entre PNG, JPG, WebP, GIF, BMP, ICO y TIFF, y convierte AVIF y SVG a cualquiera de esos formatos. Todos los conversores de imágenes funcionan igual, desde el Conversor de imágenes general hasta los que convierten entre un par de formatos, como de PNG a JPG o de SVG a ICO: empiezan con los formatos indicados en su nombre, y los menús Origen y Destino permiten elegir cualquier otro. Al explorar archivos, solo se muestran imágenes en el formato de origen, pero puedes soltar una imagen en cualquier formato: el formato de origen se determina según el archivo, así que un archivo WebP se convierte incluso con el conversor de PNG a JPG. Comprueba la vista previa y descarga la imagen convertida, que conserva el nombre del archivo original con la nueva extensión. Al convertir a ICO, selecciona los tamaños de icono que quieres incluir, de 16 × 16 a 256 × 256 píxeles; todos vienen seleccionados de forma predeterminada.

Las imágenes se convierten en tu dispositivo y nunca se suben.

Cómo funciona

El navegador decodifica la imagen, excepto los archivos TIFF, que decodifica UTIF.js, y la herramienta la dibuja en un canvas con su tamaño original. Luego, el navegador codifica los archivos PNG, JPG y WebP; gifenc escribe los archivos GIF; UTIF.js escribe los archivos TIFF; y la propia herramienta escribe los archivos BMP e ICO.

  • JPG y BMP no admiten transparencia, por lo que las zonas transparentes se vuelven blancas.
  • Un GIF admite hasta 256 colores, así que la herramienta elige los 256 colores que mejor se ajustan a la imagen. Los píxeles con menos de la mitad de opacidad se vuelven transparentes y el resto, totalmente opacos.
  • Un archivo ICO incluye una imagen PNG cuadrada por cada tamaño. Si la imagen no es cuadrada, se escala para ajustarla y se centra, con márgenes transparentes.
  • Los archivos TIFF se escriben sin comprimir. La mayoría de los navegadores no pueden mostrar TIFF, por lo que la vista previa muestra la imagen original cuando el formato de destino es TIFF.
  • Un SVG se dibuja con el ancho y el alto especificados en el archivo o con el tamaño de su viewBox; si no tiene ninguno de los dos, se dibuja a 300 × 150 píxeles.
  • Solo se convierte el primer fotograma de un GIF, WebP o PNG animado, y solo la primera página de un TIFF de varias páginas.
  • Los archivos JPG y WebP se guardan con la calidad predeterminada del navegador.
  • Los metadatos, como los datos de la cámara y la ubicación GPS de los datos EXIF de una foto, no se copian al archivo nuevo.

Consejos

  • Para conservar un fondo transparente, convierte a PNG, WebP, ICO, TIFF o GIF en lugar de JPG o BMP.
  • Para las fotografías, los archivos JPG y WebP ocupan mucho menos que los PNG. Para las capturas de pantalla y los logotipos, PNG mantiene nítidos el texto y los bordes.
  • Para crear un favicon, parte de una imagen cuadrada de al menos 256 × 256 píxeles o de un SVG.
  • Para obtener una imagen más grande a partir de un SVG, aumenta primero los atributos de ancho y alto en un editor de texto, ya que se dibuja con su propio tamaño.
  • Un SVG que enlace a fuentes o imágenes de otros archivos se dibuja sin ellas, porque los navegadores no cargan archivos externos para una imagen. Convierte el texto en trazados e incrusta las imágenes antes de convertirlo.
  • Para guardar en WebP se necesita un navegador que pueda codificar ese formato. En otros navegadores aparece un error.