8 artículos con la etiqueta #images en hackpile.dev.
- Lo que 3,200 codificaciones de imágenes en el navegador me enseñaron sobre WASM, Workers y memoria
Un caso de estudio en producción sobre optimización de imágenes en el navegador: memoria decodificada, límites de workers según el códec, escalado por etapas, crashes de iOS WebKit y diseño de fallo seguro.
- Tu Primer Optimizador del Lado del Cliente
Crea un optimizador de imágenes del lado del cliente: compresión WebP con arrastrar y soltar, decodificación con reconocimiento de EXIF, control deslizante de calidad y comparación controlada por puntero.
- Cómo Guardar el Cerebro Antes de Aplastar el Cuerpo
Extrae datos GPS y de cámara con exifr antes de la compresión. Sanitiza el EXIF, almacena los metadatos en tu base de datos, no en archivos públicos.
- Mantén tu UI de Svelte 5 a 60fps durante la compresión WASM
Mueve @jsquash a un Web Worker: decodifica una vez, recodifica en cambios de calidad. Mantén tu UI de Svelte 5 a 60fps con codificación con estado y objetos transferibles.
- Procesamiento en Lote de Decenas de Imágenes en Paralelo
Agrega un Worker Pool limitado por hardware para procesar imágenes en lote con galería por elemento y vista previa detallada.
- Por Qué la Optimización de Imágenes Importa Más de lo que Crees
Las imágenes son el recurso más pesado en las páginas web. El tamaño importa más que la compresión; las imágenes demasiado grandes desperdician más ancho de banda que una codificación deficiente.
- Cómo Elegir el Formato de Imagen Correcto para Cada Caso
Vector vs raster, AVIF vs WebP, compresión con pérdida vs sin pérdida, y el árbol de decisiones de formato que todo desarrollador necesita antes de tocar una herramienta de compresión.
- Squoosh como Biblioteca
@jsquash porta los codecs profesionales de Squoosh a tu navegador vía WASM - sin servidor, sin ImageMagick, sin paso de compilación necesario.