La optimización ayuda a la accesibilidad y la carga. No se pueden prometer mejoras de posicionamiento.
Elige dimensiones según el tamaño de visualización o impresión. Conserva la proporción para evitar deformaciones. Si indicas ancho y alto, la imagen cabe dentro de ese recuadro; no se recorta para llenarlo. Ampliar píxeles no crea detalle.
Empieza con una calidad moderada y compara el archivo descargado con el original. El resultado depende de la imagen y del codificador. La miniatura de la página muestra el origen, no una comparación antes/después. El control de calidad no modifica la codificación PNG.
Usa nombres descriptivos, pies útiles y texto alternativo que explique la imagen en contexto. Evita repetir palabras clave. Reducir bytes puede ayudar cuando las imágenes limitan la carga, pero ninguna conversión garantiza mejores posiciones en buscadores.
Indica ancho y alto o aspect-ratio en CSS para reservar espacio. Usa tamaños adaptativos cuando convenga. Carga pronto la imagen principal y considera carga diferida para las inferiores. Mide la página publicada en móvil: cambiar de formato no garantiza mejoras de LCP, CLS o INP.
Compara JPEG, PNG, WebP y AVIF por contenido, transparencia, compatibilidad y edición.
Compara el original con una muestra descargada. No existe un ahorro fijo aplicable a todas las imágenes.
Compara el original con una muestra descargada. No existe un ahorro fijo aplicable a todas las imágenes.
Compara el original con una muestra descargada. No existe un ahorro fijo aplicable a todas las imágenes.
Guías prácticas de conversión local, publicación, accesibilidad y selección de formatos.
Compara la salida WebP con el PNG original antes de elegir el formato de publicación.
La optimización ayuda a la accesibilidad y la carga. No se pueden prometer mejoras de posicionamiento.
La biblioteca puede combinar formatos. Conserva originales de edición y elige la entrega para cada uso.
