BrowserTools
Publicidad
Inicio / Imágenes / Conversor de imágenes (PNG / JPG / WEBP)

Conversor de imágenes (PNG / JPG / WEBP)

Convierte y redimensiona imágenes localmente en tu navegador usando la API Canvas. Sin subidas.

Cargando Conversor de imágenes (PNG / JPG / WEBP)… Si no ocurre nada, activa JavaScript.

La conversión de archivos es el proceso de tomar datos almacenados en un formato y recodificarlos en otro formato preservando la mayor parte posible del contenido original. Para las imágenes, esto significa transformar la representación binaria de los datos de los píxeles del esquema de codificación de un códec a otro, por ejemplo, de la compresión por canal sin pérdidas que usa PNG a la transformada de coseno discreta que usa JPEG, o a la moderna codificación basada en predicción que usa WebP. Cada formato tiene puntos fuertes diferentes: PNG conserva cada píxel a la perfección y admite fondos transparentes, lo que lo hace ideal para logotipos, iconos y capturas de pantalla; JPEG destaca al comprimir imágenes fotográficas donde una ligera pérdida de calidad es aceptable; WebP, presentado por Google en 2010, combina lo mejor de ambos mundos con tamaños de archivo más pequeños y compatibilidad con los modos con pérdidas y sin pérdidas, además de un canal alfa.

Preguntas frecuentes

¿Se suben mis imágenes a un servidor?
No. Todos los pasos de decodificación, conversión y descarga ocurren dentro de tu navegador usando la API Canvas de HTML. Los bytes de tu imagen nunca salen de tu dispositivo, lo que hace que esta herramienta sea adecuada para documentos confidenciales, fotografías personales o cualquier imagen que prefieras no compartir con servidores de terceros.
¿Entre qué formatos puedo convertir?
La herramienta admite PNG, JPEG (JPG) y WebP tanto como formatos de entrada como de salida. Estos tres formatos cubren la gran mayoría de los casos de uso de imágenes en la web y en el día a día. Para formatos más exóticos como TIFF, HEIC, BMP o SVG, hará falta una aplicación de escritorio o una herramienta del lado del servidor.
¿Cuál es la diferencia entre PNG, JPEG y WebP?
PNG es un formato sin pérdidas idóneo para imágenes con bordes nítidos, texto o transparencia, como logotipos y capturas de pantalla. JPEG es un formato con pérdidas optimizado para fotografías, que logra reducciones drásticas del tamaño de archivo a costa de una leve degradación de la calidad. WebP es un formato moderno que admite compresión tanto con pérdidas como sin pérdidas, produce archivos más pequeños que PNG y JPEG en la mayoría de los casos, y admite un canal alfa (transparencia).
¿Convertir de JPEG a PNG mejora la calidad?
No. Convertir un JPEG a PNG producirá un archivo más grande pero no puede recuperar el detalle que se descartó al codificar el JPEG original. El PNG será una copia sin pérdidas del JPEG ya degradado. Si necesitas la máxima calidad, parte siempre del archivo de origen original sin comprimir o RAW.
¿Qué ajuste de calidad debo usar para la salida JPEG o WebP?
Para imágenes fotográficas, una calidad del 80-85 % es generalmente indistinguible del 100 % a tamaños de visualización normales y reduce el tamaño de archivo entre un 60 y un 80 %. Para imágenes con texto, líneas nítidas o detalle fino, usa entre el 85 y el 90 % para evitar artefactos de compresión visibles. Bajar del 70 % suele introducir un pixelado notable.
¿Cuál es el tamaño máximo de archivo que puede gestionar la herramienta?
El límite práctico lo determinan la memoria disponible de tu navegador y las restricciones de tamaño del canvas, normalmente en torno a 16.384 × 16.384 píxeles. Las imágenes de hasta aproximadamente 10-15 MB suelen convertirse sin problemas. Los archivos muy grandes pueden procesarse despacio o fallar; si esto ocurre, redimensiona la imagen primero para reducir su número de píxeles.
¿Cómo se compara la conversión basada en navegador con herramientas del lado del servidor como ImageMagick?
Las herramientas del lado del servidor como ImageMagick, libvips y Squoosh WASM ofrecen opciones de codificación más avanzadas, mejor eficiencia de compresión y la capacidad de procesar formatos que el navegador no admite de forma nativa. Para las conversiones cotidianas entre PNG, JPEG y WebP, la salida de la API Canvas es de alta calidad y completamente adecuada. La principal ventaja de la conversión basada en navegador es la privacidad: tus imágenes nunca salen de tu máquina.
¿Puedo convertir una imagen y redimensionarla al mismo tiempo?
Sí. La herramienta te permite especificar las dimensiones de destino durante la conversión, de modo que puedes cambiar el formato y escalar la imagen en una sola operación. Es un flujo de trabajo común para generar miniaturas WebP a partir de archivos de origen PNG o JPEG a resolución completa.
¿Qué pasa con la transparencia al convertir de PNG a JPEG?
JPEG no admite transparencia. Cuando conviertes un PNG con canal alfa a JPEG, las áreas transparentes se rellenan con un color de fondo sólido, normalmente blanco. Si necesitas conservar la transparencia, convierte a WebP en su lugar, que admite un canal alfa completo con tamaños de archivo más pequeños que PNG.
¿Está WebP ampliamente admitido por los navegadores?
Sí. Desde 2023, WebP es compatible con todos los navegadores principales, incluidos Chrome, Firefox, Edge, Opera y Safari (que añadió compatibilidad en la versión 14, lanzada en 2020). Ahora WebP es seguro de usar como formato de imagen principal para proyectos web dirigidos a navegadores modernos, con un respaldo en JPEG o PNG para la compatibilidad con sistemas antiguos si es necesario.

Acerca de Conversor de imágenes (PNG / JPG / WEBP)

La necesidad de convertir formatos de imagen surge constantemente en los flujos de trabajo del mundo real. Un diseñador gráfico entrega los recursos como PNG pero el CMS solo acepta JPEG. Un desarrollador necesita convertir una carpeta de fotos de producto en JPEG a WebP para cumplir un requisito de rendimiento. Un fotógrafo exporta imágenes HEIC desde un iPhone pero la plataforma de destino no admite ese formato. Un desarrollador web necesita eliminar la transparencia de un logotipo PNG para crear una miniatura JPEG. Las redes sociales, los clientes de correo, los gestores de contenidos y los servicios de impresión imponen todos sus propios requisitos de formato, lo que hace de la conversión de imágenes una de las tareas de manipulación de archivos más frecuentes en las profesiones creativas y técnicas.

Esta herramienta realiza la conversión enteramente dentro de tu navegador usando la API Canvas de HTML. El proceso funciona en tres pasos: el navegador decodifica la imagen de origen en datos de píxeles RGBA en bruto en memoria, el elemento Canvas renderiza esos píxeles, y luego el método toBlob o toDataURL del Canvas los recodifica en el formato de destino al nivel de calidad que especifiques. Como todo ocurre localmente, tus imágenes nunca se transmiten a ningún servidor. No hay cuenta, ni nivel por tamaño de archivo, ni marca de agua en el resultado. Opcionalmente puedes redimensionar la imagen durante la conversión, combinando dos operaciones comunes en un solo paso.

La conversión del lado del cliente tiene algunas limitaciones que conviene entender. Los codificadores integrados del navegador son buenos, pero no tan ajustables como las herramientas profesionales como ImageMagick, libvips o FFmpeg. Las imágenes muy grandes (por encima de 20 megapíxeles) pueden alcanzar el límite de tamaño del canvas del navegador o agotar la memoria disponible. Convertir de un formato sin pérdidas como PNG a uno con pérdidas como JPEG introducirá cierta pérdida de calidad que no se puede deshacer; conserva siempre una copia del original. Convertir de JPEG a PNG no recupera la calidad perdida durante la codificación JPEG original; el archivo será más grande, pero el detalle que se descartó al guardar el JPEG original se ha perdido para siempre.

Formatos, códecs y la guerra de los navegadores: cómo la conversión de imágenes se volvió sencilla

La historia de los formatos de archivo de imagen es inseparable de la historia de los intereses corporativos en competencia y las batallas por los estándares técnicos. Cuando CompuServe presentó el formato GIF en 1987, fue un acto deliberado de generosidad: la empresa quería una forma de compartir imágenes en color por su red en línea y publicó el formato abiertamente. El ambiente se agrió en 1994 cuando Unisys reveló que poseía una patente sobre el algoritmo de compresión LZW que está en el corazón de GIF y empezó a exigir regalías, lo que desencadenó la creación de PNG como sustituto libre de patentes. JPEG, estandarizado en 1992, evitó una controversia similar al haberse diseñado desde el principio como un estándar abierto, aunque su algoritmo central, la DCT, había sido patentado de varias formas, patentes que expiraron discretamente entre 2006 y 2012. La longevidad del formato JPEG es extraordinaria: a pesar de haberse diseñado para las capacidades de hardware de principios de la década de 1990, todavía representa aproximadamente el 70 % de todas las imágenes de la web tres décadas después.

Los fabricantes de navegadores han usado históricamente la compatibilidad con formatos de imagen como un factor de diferenciación competitiva. Microsoft introdujo la compatibilidad con PNG en Internet Explorer 4 (1997) pero tuvo un error notorio en su renderizado del canal alfa que persistió durante casi una década, lo que obligaba a los desarrolladores a usar soluciones con JavaScript para los PNG transparentes. Google introdujo WebP en 2010 y añadió compatibilidad nativa a Chrome de inmediato, pero Mozilla, Apple y Microsoft inicialmente se negaron a implementarlo, alegando preocupaciones sobre el control del formato por parte de Google. Hizo falta una década de presión, datos de rendimiento y presión competitiva antes de que todos los navegadores principales admitieran WebP. La misma dinámica se está repitiendo con AVIF (compatible desde Chrome 85 en 2020) y JPEG XL (cuya compatibilidad en Chrome se añadió, luego se eliminó de forma controvertida en 2023, y después se restauró).

La API Canvas de HTML, que da soporte a herramientas de conversión de imágenes basadas en el navegador como esta, fue propuesta por primera vez por Apple en 2004 para su uso en el navegador Safari y en el sistema de widgets Dashboard de macOS. Posteriormente la adoptaron todos los demás fabricantes de navegadores y la estandarizó el WHATWG. Los métodos toBlob y toDataURL de la especificación Canvas, las funciones que recodifican los datos de píxeles en un formato de imagen específico, han estado disponibles en todos los navegadores principales desde alrededor de 2012, habilitando discretamente toda una categoría de herramientas de procesamiento de imágenes del lado del cliente que antes habrían requerido un servidor.

Publicidad
Publicidad
Publicidad