▸ ServiciosPaso 1 gratis
Haz que una web cargue más rápido convirtiendo sus fotos a WebP, y cóbralo como servicio
Con cwebp, la herramienta de Google para el formato WebP, conviertes las fotos de una web en archivos mucho más ligeros que se ven igual. Procesas carpetas enteras, comparas tamaños y lo ofreces a tiendas y restaurantes con webs lentas.
Al terminar tendrás
- cwebp instalado y tu primera foto convertida.
- Una carpeta entera convertida con una orden.
- Una tabla de antes y después para enseñar al cliente.
En esta misión · 5 pasos · 20 min
20 min €0 RAM: Cualquiera · sin GPU macOS · Windows
Antes de empezar
- Unas fotos JPG o PNG de prueba.
- Acceso a la web del cliente o a sus fotos originales.
1Paso 01 de 05 · ~4 min
Instala cwebp y convierte tu primera foto
Pones las herramientas WebP y ves cuánto pesa menos una foto.
- 1
Abre la terminal. En Mac: pulsa Cmd+Espacio, escribe Terminal y pulsa Enter. En Windows: pulsa la tecla Windows, escribe PowerShell y pulsa Enter.
TerminalmacOS$brew install webp - 2
Cierra la terminal, ábrela y convierte una foto de Descargas con calidad 80:
TerminalmacOS$cd ~/Downloads$cwebp -q 80 foto.jpg -o foto.webp$ls -lh foto.jpg foto.webpTruco
🎉 Si foto.webp pesa bastante menos y se ve igual, ¡nivel 1 superado!
¿Tu Mac dice «brew: command not found»? Instala Homebrew una vez
Homebrew es el instalador de programas que usamos en todas las misiones de Mac. Pega esto en la Terminal (es el comando oficial de brew.sh). Te pedirá la contraseña del Mac: al escribirla no se ve nada, es normal.
Instala HomebrewmacOS$/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"Al terminar, copia y ejecuta las líneas que salen bajo «Next steps», cierra la Terminal y ábrela de nuevo. Comprueba con brew --version.
Comprueba que funcionaTienes foto.webp y pesa menos que foto.jpg.
Si algo falla (2)
- Sale «brew: command not found»
- Te falta Homebrew. Instálalo con el comando de su web oficial, brew.sh, cierra la terminal, ábrela otra vez y repite.
- En Windows dice que no reconoce el comando nuevo
- Cierra PowerShell y ábrelo otra vez: la ventana vieja no sabe que acabas de instalar algo. Si lo que no reconoce es winget, actualiza «Instalador de aplicación» desde Microsoft Store.
¿Sigues atascado? Pregunta en la comunidad Avisar de un error en este paso
- 1
Lo que desbloqueas
4 pasos · 5 comandos · 1 prompt
- 2Elige la calidad justa~3 min
Pruebas varias calidades y te quedas con la más ligera que se ve bien.
1 comando · comprobación incluida
- 3Toda una carpeta, y más pequeñas~5 min
Conviertes todas las fotos y las reduces al tamaño que de verdad usa la web.
2 comandos · comprobación incluida
- 4La tabla de antes y después~4 min
Mides cuánto se ha ahorrado para enseñárselo al cliente.
2 comandos · comprobación incluida
- 5Tu oferta de velocidad~4 min
Qué incluye y cuánto cobras.
1 prompt · comprobación incluida
Pasos 2–5 con el plan Anual
Primeros logros
Ya lo tienes funcionando. Pruébalo con esto:
El antes y el después que convence
Cómo presentar el ahorro al cliente.
He convertido las fotos de la web de [cliente] a WebP: antes pesaban [X] MB y ahora [Y] MB. Escríbeme 3 frases para explicárselo al dueño sin tecnicismos y por qué le importa a sus clientes en el móvil.
Texto alternativo de cada foto
Aprovecha el trabajo para mejorar la accesibilidad.
Escríbeme un texto alternativo (alt) de máximo 12 palabras para cada una de estas fotos de una [tienda/restaurante], según su nombre de archivo: [lista de archivos]
Siguiente nivel: el informe SEO
Mide la web entera con Lighthouse y entrega un informe de velocidad y SEO.
Siguiente misiónCómo deshacerlo
Borra las carpetas de prueba y desinstala con las órdenes de abajo.
$brew uninstall webpHaciendo esta misión juntos
Sé de los primeros en terminarla. Si te atascas, pregunta: quien ya la hizo te puede ayudar.