Convierta JPG a WebP para la biblioteca de imágenes de su sitio web

Mantenga su JPEG original o proyecto de edición como maestro y cree una copia WebP para su entrega. Eso le permite crear diferentes tamaños más adelante sin comprimir repetidamente una exportación ya comprimida. Utilice nombres de archivo claros que identifiquen el tema y la ubicación prevista, en lugar de reemplazar cada fotografía de su archivo con un nuevo formato.

WebP es una opción para fotografías de sitios web, pero su sistema de gestión de contenidos debe aceptar la carga y publicar el resultado correctamente. Verifique ese flujo de trabajo con un archivo antes de convertir una biblioteca completa. Algunos sistemas generan sus propias alternativas o cambian el tamaño de las imágenes cargadas automáticamente. Si el suyo hace eso, compare el archivo realmente entregado a los visitantes, ya que un archivo optimizado localmente puede procesarse nuevamente después de cargarlo.

El ajuste preestablecido inicial mantiene las dimensiones originales con una calidad del 90%. Esto le brinda una comparación de formatos sencilla. Para un archivo de entrega de sitio web, cambie a Ajustar dentro una vez que conozca el ancho de visualización más grande necesario en el diseño. Una imagen con resolución completa de cámara suele ser innecesaria para una tarjeta, pero un banner grande puede necesitar un candidato más grande.

Realice exportaciones separadas para diferentes roles de visualización en lugar de forzar que una imagen pequeña ocupe todos los espacios. Una miniatura, una imagen de artículo y una vista grande del producto tienen diferentes propósitos. El cambiador de tamaño de imagen de retina explica cómo elegir candidatos ilustrativos de mayor densidad sin asumir que todos los dispositivos necesitan el mismo archivo. Evite ampliar una fuente pequeña para satisfacer un gran número de exportaciones; la ampliación no puede crear el detalle que falta.

Elija un área difícil al comparar el WebP con el JPEG: cabello, ramas de árboles, telas finas, un cielo liso o una pared oscura. Verifique tanto el tamaño de visualización previsto como una vista cercana. Una configuración que se ve bien en un fondo borroso puede resultar demasiado agresiva para una foto de producto texturizada. El número de calidad es un control codificador, no una puntuación visual universal.

Si WebP es más grande que la fuente, conserve el mejor archivo para sus requisitos reales o pruebe con una configuración de menor calidad con cuidado. No asuma que una extensión más nueva gana en todas las comparaciones. Esta herramienta crea un WebP codificado en el navegador; no ofrece un modo WebP independiente sin pérdidas, un panel de ajuste de códec personalizado ni una garantía sobre el guardado de una imagen individual.

Después de la descarga, coloque el archivo en la página real y confirme el recorte, el texto alternativo y las dimensiones mostradas. Una imagen con menos bytes aún puede cargarse tarde si la página la solicita tarde. Reserve su espacio de diseño, elija fuentes responsivas adecuadas y evite cargar de forma diferida una imagen que se necesita inmediatamente en la parte superior de la página. Esas son decisiones de implementación del sitio web que van más allá de la conversión.

Compruebe el diseño de un teléfono y un monitor grande. Si la misma imagen se convierte en una franja irreconocible en el recorte del teléfono, cree una composición diferente en lugar de aumentar la calidad JPEG o WebP. Procese las fotografías relacionadas juntas solo después de que la primera página funcione. La conversión permanece en su dispositivo y los archivos originales permanecen disponibles para una exportación diferente.

Por ejemplo, compare el paisaje frondoso de un artículo con su sencillo retrato de estudio. Es posible que necesiten diferentes ajustes de calidad, incluso con el mismo ancho. Tome nota de las dimensiones y los bytes medidos al lado de cada candidato para que la decisión quede vinculada a un archivo real.