FIELD NOTE / 07
PNG, JPEG y WebP: comparación descargable
El mismo encuadre de 600 × 600, tres archivos reales, bytes exactos y límites claros.
Qué medimos
El 17 de octubre de 2026 cargamos el PNG de 1024 × 1024 y 686.429 bytes en las herramientas publicadas, con el navegador integrado de Codex. Elegimos 600 × 600 y proporción bloqueada. Cada exportación partió del mismo original. JPEG y WebP usaron 82%; PNG no usa ese control con pérdidas. Leímos dimensiones y bytes de los archivos descargados; el manifiesto incluye hashes SHA-256.
Cómo interpretar los bytes
WebP ocupa 3.780 bytes, JPEG 8.965 y PNG 408.201. Frente al PNG de 600 píxeles, WebP usa aproximadamente un 99,07% menos y JPEG un 97,80% menos. Son diferencias de tamaño, no prueba de calidad equivalente. Comparar con el original de 1024 mezcla redimensionado y codificación. El fondo sencillo y la paleta limitada hacen que sea un ejemplo específico.
Qué revisar al descargar
Abre cada archivo a sus 600 píxeles nativos. Revisa borde claro, cuerpo acanalado, sombra de contacto y gradiente del pedestal. WebP conserva el sujeto a esta escala, pero eso no demuestra fidelidad sin pérdidas. Si aparecen halos, bandas o contornos rotos al tamaño final, sube la calidad o conserva más bytes. Una miniatura no basta para aprobar una imagen destinada a pantalla completa.
Elige según la página
Para una ilustración conceptual pequeña, evalúa primero WebP. Si necesitas conservar los píxeles redimensionados o seguir editando, guarda PNG como intermedio y conserva el original maestro. Este cuadrado no prueba transparencia; el ajuste horizontal del otro taller sí incluye márgenes transparentes. Repite con tus fotos detalladas o gráficos de texto antes de adoptar un ajuste para todo el sitio. Otros navegadores pueden producir bytes distintos.
Descarga y revisa los archivos reales
Archivos exportados con las herramientas locales del sitio el 17 de octubre de 2026. Son versiones procesadas de una imagen existente, no nuevas generaciones.
600 × 600 · 3,780 bytes
Descargar imagen ↓
600 × 600 · 8,965 bytes
Descargar imagen ↓
600 × 600 · 408,201 bytes
Descargar imagen ↓
Prueba este proceso
Usa nuestra muestra de IA guardada de 1024 × 1024. No consume generaciones ni sube archivos.
Abrir herramientas ↗De la idea a una imagen publicada
Un recorrido práctico para autores de blogs y pequeños sitios: prueba la muestra, revisa las pruebas y aplica el método a tu artículo.