Elige según la tarea
Para una fotografía web, empieza comparando WebP y JPEG. Para diagramas, capturas o logotipos con bordes exactos, compara PNG con una alternativa sin pérdida. WebP admite transparencia y compresión con o sin pérdida; JPEG no conserva el canal alfa. Sin embargo, el convertidor puede ofrecer menos funciones de las que permite el formato. Guarda siempre un original intacto antes de experimentar.
Ajusta las dimensiones antes que la calidad
Una imagen mostrada con 800 píxeles de ancho rara vez necesita una exportación de 6.000 píxeles para ese mismo espacio. Decide el tamaño visible y la nitidez necesaria en pantallas de alta densidad; después redimensiona manteniendo la proporción. Recortar cambia la composición y redimensionar cambia las dimensiones. Usa una imagen mayor aparte si la ficha de producto necesita zoom. No amplíes una miniatura pequeña para convertirla en la fotografía principal.
Compara al tamaño que verá el visitante
Prueba una calidad intermedia, revisa el resultado al tamaño previsto y compara los tamaños reales de archivo. Observa letras, pelo, tejidos finos y degradados suaves: revelan pronto los daños de compresión. Un valor de calidad 80 no significa lo mismo en todos los codificadores. No prometas un porcentaje fijo de reducción; un archivo ya eficiente puede reducirse poco o incluso aumentar.
Revisa transparencia, orientación y animación
Las imágenes transparentes necesitan un formato que conserve el canal alfa. Al exportar a JPEG, elige un color de fondo para evitar bordes negros inesperados. Abre de nuevo el archivo y comprueba orientación y colores. Un convertidor de imágenes estáticas puede conservar solo un fotograma de una animación; también puede eliminar metadatos. Guarda el original cuando esas propiedades sean importantes.
Usa un proceso de publicación repetible
Prepara el recorte, redimensiona una vez, exporta dos formatos y elige el resultado más pequeño con calidad aceptable. Pon un nombre descriptivo y escribe un texto alternativo que explique la función de la imagen. Comprueba la página terminada en móvil y escritorio. Este proceso es una recomendación editorial, no una prueba de rendimiento de un codificador concreto: lo útil es evaluar el resultado que reciben tus visitantes.
developers.google.com · developer.mozilla.org