¿Qué formato de imagen debería utilizar?

JPEG

JPEG divide la imagen en bloques y descarta los detalles finos que es menos probable que tu ojo note. Esto funciona muy bien en fotografías, donde los detalles son irregulares y ruidosos, y mal en cualquier cosa con bordes duros, donde el detalle descartado es exactamente lo que define el borde.

Tiene pérdidas en todos los niveles de calidad, incluido el más alto. Aquí no existe la opción JPEG sin pérdidas. No puede almacenar transparencias: una imagen con áreas transparentes las rellena con un color sólido cuando se convierte en JPEG.

Úselo para: fotografías, escaneos de fotografías, cualquier imagen que tenga principalmente un tono continuo. Evítelo para: capturas de pantalla, texto, dibujos lineales, logotipos y cualquier cosa que se vuelva a editar más adelante.

PNG

PNG no tiene pérdidas. Almacena exactamente los píxeles que se le asignaron, por lo que nunca introduce artefactos y admite transparencia alfa total. Su compresión aprovecha la repetición, por lo que es espectacularmente eficiente en colores planos y bordes nítidos, e ineficiente en ruido fotográfico.

Una fotografía guardada como PNG suele ser varias veces más grande que la misma fotografía como JPEG, sin ningún beneficio visible. Este es el error de formato de imagen más común y vale la pena comprobarlo antes de culpar a cualquier otra cosa por una página lenta.

Úselo para: capturas de pantalla, capturas de UI, logotipos, diagramas, cuadros, cualquier cosa con texto en la imagen y cualquier copia funcional de una imagen que desee editar nuevamente.

WebP

WebP suele ser el más pequeño de los tres con una calidad visual comparable y admite transparencia, lo que lo convierte en el formato que cubre ambos trabajos.

Una advertencia que importa aquí: su navegador codifica WebP en modo con pérdida incluso con calidad 100. El formato define un modo sin pérdida, pero la API de lienzo que utiliza esta herramienta no lo expone. Entonces, una exportación WebP desde este sitio es una exportación con pérdida, y se describe de esa manera en lugar de llamarse sin pérdida porque el formato la admite en principio.

La compatibilidad del navegador para mostrar WebP es efectivamente universal ahora. El soporte para codificarlo no es tan uniforme, por lo que un navegador que no puede codificar WebP informa un error aquí en lugar de entregarle silenciosamente un formato diferente.

AVIF y HEIC: la posición honesta

AVIF se comprime mejor que los tres formatos anteriores, a menudo de manera sustancial. HEIC es lo que los iPhones modernos utilizan para las fotografías de forma predeterminada. ToolAcre Image Converter no puede leer ninguno de los dos, y eso es una limitación del navegador más que una opción.

Los navegadores generalmente pueden MOSTRAR AVIF, pero no exponen una forma confiable de decodificar archivos AVIF o HEIC arbitrarios para su procesamiento, y la decodificación HEIC en particular depende de un códec de plataforma que no está presente en todas partes. Una herramienta que aceptara estos archivos funcionaría en algunas máquinas y fallaría de manera confusa en otras, por lo que se rechazan claramente.

La consecuencia práctica: convertir HEIC a JPEG en el dispositivo que lo produjo (todos los teléfonos actuales y los dos principales sistemas operativos de escritorio pueden hacer esto) y luego usar herramientas de navegador en el JPEG. Para AVIF, mantenga un archivo maestro JPEG o PNG y genere AVIF como salida en el momento de la publicación con una herramienta de compilación.

Una nota sobre GIF

GIF está limitado a 256 colores por cuadro y es una mala elección para cualquier cosa que no sean animaciones cortas. Image Converter lee GIF pero usa solo el primer fotograma y no ofrece GIF como salida; producir una imagen fija con una extensión .gif sería más engañoso que útil.

Para una animación corta, las respuestas modernas son un vídeo MP4 o WebM, o un WebP animado. Ninguno de esos se produce aquí.

Ejemplo resuelto: cuatro recursos para un artículo

Un artículo necesita una fotografía principal, una captura de pantalla de una interfaz, un logotipo con fondo transparente y un gráfico exportado desde una hoja de cálculo.

• Fotografía heroica: JPEG con la calidad predeterminada, redimensionada a aproximadamente el doble de su ancho de visualización. Tono continuo, no se necesita transparencia.
• Captura de pantalla de la interfaz: PNG. Está lleno de texto y bordes duros, exactamente lo que JPEG maneja peor, y PNG comprime sus paneles planos de manera eficiente.
• Logotipo: WebP o PNG. Ambos mantienen la transparencia; WebP será más pequeño, PNG será exacto. Para un logotipo que se colocará sobre distintos fondos, la exactitud vale más que unos pocos kilobytes.
• Gráfico — PNG. Mismo razonamiento que en la captura de pantalla: rellenos planos, líneas finas y etiquetas de ejes.

Resultado: Cuatro archivos, tres formatos, cada uno elegido por lo que hay en la imagen y no por costumbre. El modo de falla más común (exportar los cuatro como PNG o los cuatro como JPEG) hace que la fotografía sea varias veces demasiado grande o que la captura de pantalla y el gráfico estén visiblemente manchados alrededor del texto.

Abre la herramienta

Convertir entre JPEG, PNG y WebP

Image Converter indica si una conversión tiene pérdidas antes de ejecutarla y luego informa los tamaños reales medidos.

Lo que esto no cubre

• ToolAcre Image Converter lee JPEG, PNG, WebP y GIF, y escribe JPEG, PNG y WebP. Se rechazan HEIC, AVIF, TIFF y RAW de cámara.
• La salida WebP de este sitio tiene pérdidas, porque eso es lo que expone la API del lienzo del navegador.
• Los perfiles de color no se conservan mediante la conversión del lienzo, por lo que las imágenes con un perfil incrustado inusual pueden cambiar ligeramente.
• Las comparaciones de tamaño de archivo dependen de la imagen. Cualquier regla general aquí es un punto de partida para medir, no un número para citar.