{"id":2812,"date":"2021-01-26T19:32:13","date_gmt":"2021-01-26T17:32:13","guid":{"rendered":"https:\/\/www.sarpanet.es\/es\/?p=2812"},"modified":"2026-10-12T13:48:28","modified_gmt":"2026-10-12T11:48:28","slug":"reducir-el-tamano-de-imagenes-online","status":"publish","type":"post","link":"https:\/\/www.sarpanet.es\/es\/reducir-el-tamano-de-imagenes-online\/","title":{"rendered":"Optimizar im\u00e1genes para una web: tama\u00f1o, formato y calidad"},"content":{"rendered":"

Una imagen grande puede ralentizar una p\u00e1gina, pero reducirla al m\u00e1ximo tampoco es el objetivo: debe seguir vi\u00e9ndose bien en el tama\u00f1o en que se utiliza. Antes de subirla, prepara una copia para la web y conserva el original por si necesitas editarla m\u00e1s adelante.<\/p>\n

1. Ajusta las dimensiones al uso<\/h2>\n

Comprueba d\u00f3nde aparecer\u00e1 la imagen: una miniatura, una ficha de servicio y una fotograf\u00eda principal no necesitan necesariamente las mismas dimensiones. Si conoces el espacio que ocupar\u00e1 en la p\u00e1gina, exporta una versi\u00f3n adecuada para ese uso; evita subir una imagen enorme que luego se muestra diminuta. No ampl\u00edes una imagen peque\u00f1a esperando recuperar detalle que no contiene.<\/p>\n

2. Elige un formato apropiado<\/h2>\n

El formato depende del tipo de imagen y de c\u00f3mo se vaya a mostrar. Compara el resultado visual de la fotograf\u00eda, ilustraci\u00f3n o gr\u00e1fico despu\u00e9s de exportarlo. Los formatos modernos, como WebP, pueden reducir el peso en algunos casos, pero conviene comprobar que conservan el detalle y la transparencia que necesitas. La gu\u00eda oficial de optimizaci\u00f3n de WordPress<\/a> recomienda cuidar el tama\u00f1o y el formato de los archivos multimedia como parte del rendimiento.<\/p>\n

3. Comprime comparando calidad y peso<\/h2>\n

Una herramienta como Squoosh<\/a> permite comparar una imagen con distintos ajustes de exportaci\u00f3n. La captura siguiente ilustra el tipo de panel que puedes encontrar; la interfaz y sus opciones pueden cambiar.<\/p>\n

\"Panel<\/p>\n

Haz una prueba con ajustes moderados y revisa la imagen al tama\u00f1o al que se ver\u00e1 en la p\u00e1gina. En fotograf\u00edas, presta atenci\u00f3n a zonas con textura, bordes y degradados; en logotipos o gr\u00e1ficos, comprueba que las l\u00edneas y el texto sigan n\u00edtidos. Si aparecen bloques, halos o manchas, reduce la compresi\u00f3n. No existe un peso universal que sirva para todas las im\u00e1genes: el equilibrio depende de su contenido y del espacio disponible.<\/p>\n

4. Revisa c\u00f3mo se entrega en WordPress<\/h2>\n

Si tu tema y configuraci\u00f3n lo permiten, WordPress puede ofrecer diferentes tama\u00f1os de una imagen para que el navegador elija una variante adecuada. La documentaci\u00f3n de im\u00e1genes adaptables de WordPress<\/a> explica el uso de variantes y atributos como srcset<\/code> y sizes<\/code>. Despu\u00e9s de sustituir una imagen, comprueba la p\u00e1gina publicada en ordenador y m\u00f3vil; no instales otro optimizador sin revisar antes qu\u00e9 hace ya el alojamiento, el tema y los plugins activos.<\/p>\n

5. A\u00f1ade una alternativa \u00fatil<\/h2>\n

Si la imagen aporta informaci\u00f3n \u2014por ejemplo, una captura que explica un paso\u2014, su texto alternativo debe describir esa informaci\u00f3n de forma breve. Si es puramente decorativa, puede llevar un alt vac\u00edo. Evita rellenarlo con palabras clave o repetir el t\u00edtulo de la p\u00e1gina: la alternativa debe ayudar a entender el contenido de la imagen.<\/p>\n

Lista r\u00e1pida antes de publicar<\/h2>\n