·image-compression
*

image-compression

Compresión de imágenes del lado del cliente antes de cargarlas usando Squoosh con respaldo de Canvas y validación Sharp del lado del servidor. Úselo para aplicaciones web que necesitan un ancho máximo de 1920 px, un tamaño máximo de 512 KB, una experiencia de usuario transparente y estadísticas de compresión consistentes.

19Instalaciones·0Tendencia·@peterbamuhigire

Instalación

$npx skills add https://github.com/peterbamuhigire/skills-web-dev --skill image-compression

Cómo instalar image-compression

Instala rápidamente el skill de IA image-compression en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/peterbamuhigire/skills-web-dev --skill image-compression
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: peterbamuhigire/skills-web-dev.

SKILL.md

Ver original

Seamless image compression prior to upload with a hybrid approach:

Defaults: max width $1920$px, max size $512$ KB, quality $75$ (adjust down to hit size).

✅ Web apps that upload user images and must reduce bandwidth ✅ Need transparent UX (no user action) ✅ Want modern codecs but must support older browsers

Compresión de imágenes del lado del cliente antes de cargarlas usando Squoosh con respaldo de Canvas y validación Sharp del lado del servidor. Úselo para aplicaciones web que necesitan un ancho máximo de 1920 px, un tamaño máximo de 512 KB, una experiencia de usuario transparente y estadísticas de compresión consistentes. Fuente: peterbamuhigire/skills-web-dev.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/peterbamuhigire/skills-web-dev --skill image-compression
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-21
Actualizado
2026-03-10

Browse more skills from peterbamuhigire/skills-web-dev

Respuestas rápidas

¿Qué es image-compression?

Compresión de imágenes del lado del cliente antes de cargarlas usando Squoosh con respaldo de Canvas y validación Sharp del lado del servidor. Úselo para aplicaciones web que necesitan un ancho máximo de 1920 px, un tamaño máximo de 512 KB, una experiencia de usuario transparente y estadísticas de compresión consistentes. Fuente: peterbamuhigire/skills-web-dev.

¿Cómo instalo image-compression?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/peterbamuhigire/skills-web-dev --skill image-compression Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/peterbamuhigire/skills-web-dev