Android Dev Summit, October 23-24: two days of technical content, directly from the Android team. Sign-up for livestream updates.

Cómo crear imágenes WebP

WebP es un formato de archivo de imagen de Google que proporciona una compresión con pérdidas (como JPEG) y transparencia (como PNG), pero que puede ofrecer una mejor compresión que los archivos con formato JPEG o PNG. Las imágenes WebP con pérdidas se admiten en Android 4.0 (nivel de API 14) y versiones posteriores, mientras que las imágenes WebP transparentes y sin pérdidas se admiten en Android 4.3 (nivel de API 18) y versiones posteriores. En esta página, se muestra cómo convertir imágenes al formato WebP y cómo convertir imágenes WebP al formato PNG.

Nota: Como la compatibilidad con imágenes WebP transparentes y sin pérdidas solo está disponible en Android 4.3 y versiones posteriores, tu proyecto debe declarar una minSdkVersion de 18 o posterior para crear imágenes WebP transparentes o sin pérdidas con Android Studio.

Para obtener más información sobre el formato de imagen WebP, consulta el sitio de WebP. Si quieres obtener más información sobre cómo seleccionar el formato de imagen correcto a fin de mejorar la velocidad de descarga, consulta Cómo reducir los tamaños de descarga de imágenes.

Convierte imágenes a WebP

Android Studio puede convertir imágenes PNG, JPG, BMP o GIF estáticas al formato WebP. Puedes convertir imágenes individuales o carpetas de imágenes. Para ello, haz lo siguiente:

  1. Haz clic con el botón derecho en un archivo de imagen o en una carpeta que contenga varios archivos de imagen y, luego, selecciona Convert to WebP.
  2. Se abrirá el diálogo Converting Images to WebP. Las opciones predeterminadas dependen de la configuración de minSdkVersion del módulo actual.

    Figura 1: Diálogo "Converting Images to WebP"

  3. Selecciona la codificación con o sin pérdidas. La codificación sin pérdidas solo estará disponible si tu minSdkVersion está configurada en 18 o una versión posterior. Si seleccionas la codificación con pérdidas, deberás configurar la calidad de la codificación y especificar si quieres obtener una vista previa de cada imagen convertida antes de guardarla.

    Además, puedes optar por omitir la conversión de archivos en los casos en los que la versión codificada tendría mayor tamaño que la original, o bien cualquier archivo con transparencia o canal Alfa. Como Android Studio solo te permite crear imágenes WebP transparentes si tu minSdkVersion está configurada en 18 o una versión posterior, se marcará automáticamente la casilla de verificación Skip images with transparency/alpha channel si tu minSdkVersion es inferior a 18.

    Nota: No es posible convertir los archivos 9-Patch a imágenes WebP. La herramienta del convertidor omite las imágenes 9-Patch automáticamente.

  4. Haz clic en OK para iniciar la conversión. Al convertir más de una imagen, este proceso se realiza en un solo paso y puede deshacerse a fin de revertir todas las imágenes que se convirtieron a la vez.

    Si seleccionaste la conversión sin pérdidas, este proceso se realizará de inmediato. La conversión se llevará a cabo en la ubicación original de las imágenes. Si seleccionaste la conversión con pérdidas, ve al siguiente paso.

  5. Si seleccionaste la conversión con pérdidas y quieres obtener una vista previa de cada imagen convertida antes de guardarla, Android Studio te mostrará cada imagen durante la conversión de manera que puedas inspeccionar el resultado. (Si no marcaste la opción para obtener una vista previa, Android Studio omitirá este paso y convertirá las imágenes de inmediato). Durante el paso de la vista previa, puedes ajustar la configuración de calidad de cada imagen individualmente, como se describe a continuación.

    Figura 2: Conversión de un formato JPG a WebP con un 75% de calidad

    En la figura 2, se muestra la imagen JPG original del lado izquierdo y la imagen WebP codificada con pérdidas del lado derecho. En el diálogo, se muestra el tamaño del archivo de la imagen original y el de la convertida. Puedes arrastrar el control deslizante hacia la izquierda o la derecha para cambiar la configuración de calidad y el efecto se verá reflejado inmediatamente en la imagen codificada y el tamaño de archivo.

    En el área central, se muestra la diferencia de píxeles entre la imagen original y la codificada. En la figura 2, con la calidad configurada en 75%, la diferencia entre ambas imágenes es insignificante. En la figura 3, se muestra la misma imagen codificada con la calidad configurada en 0%.

    Figura 3: Conversión de un formato JPG a WebP con 0% de calidad

    Nota: Si configuras la calidad en 100% y la minSdkVersion se establece en 18 o una versión posterior, Android Studio cambiará automáticamente a la codificación sin pérdidas.

    Selecciona una configuración de calidad para cada imagen que revises. Si quieres convertir más de una imagen, haz clic en Next para pasar a la siguiente imagen.

  6. Haz clic en Finish. La conversión se llevará a cabo en la ubicación original de las imágenes.

Cómo convertir imágenes WebP a PNG

Si quieres usar una imagen WebP de tu proyecto con otros fines (por ejemplo, en una página web que debe mostrar las imágenes correctamente en un navegador que no admite WebP), puedes usar Android Studio para convertir imágenes WebP al formato PNG. Para ello, haz lo siguiente:

  1. Haz clic con el botón derecho en una imagen WebP en Android Studio y, luego, presiona Convert to PNG.
  2. Aparecerá un diálogo en el que se te preguntará si quieres convertir la imagen a PNG y borrar el archivo WebP original o conservarlo junto con el nuevo archivo PNG. Haz clic en Yes para borrar el archivo WebP original o en No si quieres conservar el archivo WebP además del archivo PNG. A continuación, la imagen se convertirá de inmediato.