Conversor de Formato de Imagen

Qué hace esta herramienta

Esta herramienta convierte imágenes raster entre los formatos PNG, JPEG, WebP y AVIF completamente dentro de tu navegador usando la HTML Canvas API. Ningún archivo se sube jamás a un servidor. Arrastra una imagen, elige el formato de destino, ajusta la calidad si es necesario y descarga el resultado.

El límite de 10 MB para la entrada existe porque las imágenes grandes decodificadas en datos de píxeles crudos (RGBA) pueden agotar la memoria del navegador. Un JPEG de 10 MB puede descomprimirse a 50–100 MB de píxeles crudos en el buffer del Canvas.

Descripción general de los formatos

JPEG — el estándar para fotografías

JPEG (Joint Photographic Experts Group, 1992) usa compresión DCT (Transformada Discreta del Coseno) con pérdida. Divide la imagen en bloques de 8×8 píxeles, los transforma en componentes de frecuencia y descarta los detalles de alta frecuencia a los que el ojo humano es menos sensible. El resultado es una compresión excelente para fotografías — una foto típica a calidad 80 es 5–10× más pequeña que su equivalente PNG con pérdida imperceptible.

JPEG es terrible para capturas de pantalla, diagramas y texto. Los artefactos de bloque 8×8 (llamados "ringing") son muy visibles en bordes nítidos y regiones de color sólido. Usa PNG para esos casos.

JPEG no tiene canal alfa (transparencia). Si tu imagen fuente tiene regiones transparentes, convertir a JPEG las rellenará con blanco.

PNG — el estándar sin pérdida

PNG (Portable Network Graphics, 1996) es sin pérdida — cada píxel se preserva exactamente. Usa compresión DEFLATE (el mismo algoritmo que gzip). La compresión es buena para imágenes con regiones uniformes grandes (diagramas, capturas de pantalla, logos) pero deficiente para fotografías.

PNG soporta transparencia alfa completa (RGBA). Es la elección correcta para logos, assets de UI, iconos y cualquier imagen que requiera precisión de píxeles perfecta o transparencia.

WebP — el sucesor eficiente de Google

WebP fue desarrollado por Google y lanzado en 2010 a partir de la tecnología del códec de vídeo VP8. Soporta modos de compresión con y sin pérdida, transparencia y animación.

Cifras de referencia: WebP con pérdida es 25–34% más pequeño que JPEG a calidad percibida equivalente. WebP sin pérdida es 26% más pequeño que PNG en promedio. El soporte de navegadores es ahora universal — Chrome, Firefox, Safari (desde 14.0, 2020), Edge.

Para la entrega web, WebP es casi siempre preferible a JPEG o PNG cuando controlas el servidor. La mayoría de CDN y pipelines de optimización de imágenes generan WebP por defecto hoy en día.

AVIF — el códec de nueva generación

AVIF (AV1 Image File Format) se deriva del códec de vídeo AV1 desarrollado por la Alliance for Open Media. Las imágenes codificadas como AVIF son típicamente 50% más pequeñas que JPEG a calidad visual equivalente.

La limitación: la codificación AVIF es computacionalmente costosa. La decodificación es rápida y acelerada por hardware en dispositivos modernos; la codificación puede tardar segundos o minutos para imágenes grandes. Por esta razón, la Canvas API no soporta codificación AVIF en ningún navegador a fecha de 2026 — canvas.toBlob('image/avif') no está implementado. Esta herramienta puede decodificar (mostrar) imágenes AVIF de entrada pero no puede producir salida AVIF. Las opciones de formato de salida son PNG, JPEG y WebP.

Soporte de navegadores: Chrome 85+, Firefox 93+, Safari 16+ (2022).

El mecanismo de la Canvas API

El pipeline de conversión tiene tres pasos:

1. Decodificar — el navegador decodifica el archivo fuente en datos de píxeles RGBA crudos usando su decodificador de imágenes integrado.

2. Dibujar — la imagen decodificada se dibuja en un elemento <canvas> fuera de pantalla en las dimensiones de píxeles originales.

3. Recodificar — canvas.toBlob(mimeType, quality) recodifica el buffer de píxeles al formato de destino usando el codificador integrado del navegador. El parámetro quality (0.0–1.0) controla la compresión con pérdida para JPEG y WebP.

Matriz de soporte de navegadores

| Formato | Decodificar | Codificar (Canvas) | |---------|-------------|-------------------| | PNG | Todos | Todos | | JPEG | Todos | Todos | | WebP | Chrome 32+, Firefox 65+, Safari 14+ | Chrome, Firefox, Safari 14+ | | AVIF | Chrome 85+, Firefox 93+, Safari 16+ | No soportado (2026) | | GIF | Todos | No vía Canvas | | SVG | Todos | No vía Canvas (rasteriza) |

Control deslizante de calidad

El control de calidad (0.1–1.0) solo aplica a formatos de salida con pérdida: JPEG y WebP con pérdida. Para PNG, la calidad no tiene efecto. Orientación práctica:

• 0.9–1.0 — casi sin pérdida, archivos grandes, apropiado para assets fuente
• 0.75–0.85 — punto óptimo para entrega web, visualmente indistinguible del original para la mayoría de fotografías
• 0.5–0.7 — compresión visible, apropiado para miniaturas
• Por debajo de 0.5 — artefactos fuertes, solo para previsualizaciones

Por qué no hay salida SVG ni GIF

SVG es un formato vectorial — almacena descripciones matemáticas de formas, no píxeles. La Canvas API rasteriza la entrada SVG a una cuadrícula de píxeles al dibujarla, descartando todos los datos vectoriales. No hay camino de raster a SVG sin un vectorizador de IA.

GIF no está expuesto por canvas.toBlob() en ningún navegador. GIF está limitado a 256 colores y soporta animación — ninguna propiedad es accesible a través de la ruta de codificación Canvas.

Privacidad

Esta herramienta se ejecuta completamente en tu navegador. Ningún dato de píxeles, contenido de archivo o metadatos se transmite a través de la red. Funciona sin conexión una vez cargada la página.

Herramientas relacionadas

• Base64 Encode/Decode — codifica una imagen convertida como data URI Base64 para incrustar en CSS o HTML.

¿Por qué no puedo exportar a AVIF si mi navegador lo soporta?

La decodificación (lectura) de AVIF está soportada en Chrome 85+, Firefox 93+ y Safari 16+, pero la codificación AVIF vía Canvas API (canvas.toBlob('image/avif')) no está implementada en ningún navegador a fecha de 2026. Codificar AVIF requiere el costoso codificador AV1, que los navegadores aún no han expuesto a través de la Canvas API. Puedes convertir entrada AVIF a PNG, JPEG o WebP — pero no en la dirección contraria. Para codificación AVIF, usa una herramienta del lado del servidor como libavif, sharp o el CLI de Squoosh.

Mi PNG transparente quedó blanco al convertirlo a JPEG. ¿Es un error?

No — JPEG no soporta canal alfa. Cuando el Canvas dibuja tu PNG transparente y luego codifica a JPEG, los píxeles transparentes se componen sobre el fondo blanco predeterminado del Canvas. Para preservar la transparencia, convierte a PNG (sin pérdida, alfa completo) o WebP (soporta alfa en modos con y sin pérdida). Si necesitas JPEG con un color de fondo específico, añade un paso de relleno de fondo en un editor de imágenes primero.

¿Qué configuración de calidad debo usar para imágenes web?

Para fotografías: 0.80–0.85 en JPEG o WebP produce archivos 5–10× más pequeños que PNG con pérdida prácticamente imperceptible. Para imágenes con texto, líneas nítidas o elementos de UI, usa PNG (sin pérdida) en lugar de ajustar la calidad — la compresión con pérdida crea artefactos de bloque visibles en bordes nítidos independientemente del valor de calidad. WebP a 0.85 es un buen valor predeterminado para entrega web moderna.

¿Por qué se rechaza mi archivo de 10 MB?

El límite de 10 MB es para el tamaño del archivo de entrada. Las imágenes grandes decodificadas en datos de píxeles RGBA crudos pueden ser mucho mayores en memoria — un JPEG de 10 MB puede expandirse a 50–100 MB como buffer de píxeles crudos en el Canvas. Superar la memoria disponible del navegador provoca que la pestaña se bloquee o que la conversión falle silenciosamente. Para archivos más grandes, usa una herramienta del lado del servidor como ImageMagick, sharp (Node.js) o PIL/Pillow (Python).

¿Cuánto más pequeña será mi imagen al convertir a WebP?

Depende del contenido fuente y la configuración de calidad. Resultados típicos: WebP con pérdida a calidad 0.80 produce archivos un 25–34% más pequeños que JPEG equivalente. WebP sin pérdida es aproximadamente un 26% más pequeño que PNG. Los resultados varían — las fotografías se comprimen mejor que los diagramas. Convertir JPEG a WebP a la misma calidad casi siempre produce un archivo más pequeño.

¿Convirtiendo JPEG a PNG se obtiene una imagen sin pérdida?

No. PNG es un formato sin pérdida, pero convertir un JPEG a PNG no recupera el detalle ya descartado por la compresión JPEG. La conversión captura los valores de píxeles degradados actuales de forma sin pérdida — no revierte la compresión con pérdida original. El resultado es un archivo más grande sin mejora de calidad. Solo usa JPEG→PNG cuando necesites soporte de canal alfa o necesites hacer más ediciones sin introducir artefactos adicionales de recompresión JPEG.

¿Puedo convertir archivos GIF o SVG?

La entrada GIF se decodifica en el navegador (los GIF animados se aplanan al primer fotograma), y los píxeles resultantes se pueden exportar a PNG, JPEG o WebP. La entrada SVG también se rasteriza a píxeles en su tamaño natural al dibujarla en el Canvas. Ni la animación GIF ni los datos vectoriales SVG sobreviven a la conversión — la salida es siempre una imagen raster estática. La salida GIF y SVG no están disponibles porque la Canvas API no expone codificadores para ellos.

¿Se envía mi imagen a un servidor en algún momento?

No. Todo el pipeline de conversión — lectura de archivos, decodificación, dibujo en Canvas y recodificación — se ejecuta en tu navegador. Ningún dato de píxeles, metadatos EXIF o contenido de archivo se transmite por la red. Puedes verificarlo abriendo la pestaña de red de tu navegador mientras conviertes; verás cero solicitudes. La herramienta funciona sin conexión una vez cargada la página.