|
|
|
Cómo optimizar la imagen con gimp |
|
|
Cómo optimizar una imagen para tu sitio web con GIMP |
|
En este tutorial, le mostraré cómo optimizar sus imágenes para la web con el software gratuito GIMP. |
|
|
Paso 1
|
|
Supongamos que GIMP ha sido instalado, si no, descárguelo aquí |
|
|
|
|
Paso 2
|
|
Determinar el tamaño de la imagen para su página web
|
|
La primera manipulación consistirá en cambiar el tamaño de la imagen a las dimensiones adaptadas a su página web. |
De hecho, es inútil integrar una imagen de 2000 px de ancho para luego mostrarla en 200 píxeles en su página |
|
Si no tiene idea de las dimensiones que necesita para configurar su imagen, |
Inserte su imagen en su página sin ajustar su tamaño y haga algunas pruebas ajustando su imagen en HTML como |
en el siguiente ejemplo: |
|
<img src="picture.jpg" width="300px">
|
Entonces es suficiente variar el valor de ancho hasta obtener el resultado deseado, |
Conocerá el ancho de visualización de su imagen. |
|
También puede experimentar con el atributo altura, pero tenga cuidado de no poner un valor para la altura |
y un valor para el ancho al mismo tiempo porque en este caso podrías distorsionar la imagen. |
|
|
Paso 3
|
|
|
Cambiar el tamaño de su imagen
|
|
Ahora que sabe el ancho que desea para su imagen, simplemente abra su imagen en GIMP, luego vaya a |
el menú Imagen --> Imagen Escala y Tamaño de imagen, en la ventana que se abre, ingrese el ancho deseado |
o altura y luego valide con el botón Escala. |
|
|
|
| | |
|
Paso 4
|
|
Exportar la imagen para web
|
|
|
La imagen está lista, ahora debe exportarse en un formato adecuado para la web. |
Los principales formatos utilizados para la web son .png, .jpg o .gif. |
Para exportar su imagen, haga clic en el menú Archivo / Exportar como. En la ventana que se abre, haga clic en la flecha |
delante del texto Seleccione el tipo de archivo, luego elija el formato de exportación que desea |
usar y haga clic en Exportar. |
|
|
|
| | A continuación, aparecerá una ventana con los parámetros correspondientes al formato seleccionado. |
|
|
formato jpg
|
|
Si elige el formato .jpg, podrá determinar la tasa de compresión de su imagen. |
Antes de jugar con el control deslizante Calidad, marque la casilla Mostrar vista previa en la ventana de la imagen para que pueda ver |
los efectos de la compresión en el resultado final. |
Adapta la calidad de tu imagen a tu gusto observando la indicación sobre el tamaño del archivo que varía. |
Cuando esté satisfecho con el resultado, puede hacer clic en Exportar. |
|
|
| | |
|
formato png
|
|
Si exporta su archivo como .png, use siempre la máxima compresión. |
La compresión no tendrá ningún efecto en la calidad de la imagen ni en el tiempo de visualización, solo en la duración de la exportación. |
|
|
|
| |