▸ 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

  1. 1Instala cwebp y convierte tu primera foto4 min
  2. 2Elige la calidad justa3 min
  3. 3Toda una carpeta, y más pequeñas5 min
  4. 4La tabla de antes y después4 min
  5. 5Tu oferta de velocidad4 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.
  1. 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. 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. 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.webp

      Truco

      🎉 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

  2. Lo que desbloqueas

    4 pasos · 5 comandos · 1 prompt

    1. 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

    2. 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

    3. 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

    4. 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.

Prompt para tu IA

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.

Prompt para tu IA

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ón

Cómo deshacerlo

Borra las carpetas de prueba y desinstala con las órdenes de abajo.

Quitar WebPmacOS
$brew uninstall webp

Haciendo esta misión juntos

Sé de los primeros en terminarla. Si te atascas, pregunta: quien ya la hizo te puede ayudar.

Logros recientes

Preguntas

Siguiente misión · Servicios que puedes vender · 10 de 30Entrega un informe de velocidad y SEO de cualquier web con Lighthouse, y explícalo sin jerga
Tu progreso 0/5Paso 1 →