12.170 cursos gratis
8.782.689 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Capýtulo 7:

 Optimización de imágenes

 

1. Conversión de imágenes.

1. El propósito de esta actividad es familiarizarse con el uso de GIMP para convertir una imagen de un formato a otro. Como sabemos los formatos más ligeros y adecuados a la web son: GIF, PNG y JPEG. En este caso veremos cómo convertir el archivo original BMP a cada uno de estos formatos. Vamos a descargar de Internet, de esta dirección en concreto, una imagen a la que vamos a llamar: ciudad.bmp. Y la guardamos en la carpeta que creamos anteriormente “imágenes”.

 http://img9.custompublish.com/getfile.php/1046557.1169.befabvesay/lagos+4.bmp_300x225.bmp

                                 optimizacion imagenes

2. Haz doble clic sobre el acceso directo de GIMP situado en el escritorio:

                                                            imagenes                                

3. Una vez dentro de GIMP, elige Archivo > Abrir. Se abre el cuadro de diálogo Abrir imagen. Navega para situarte en la carpeta destino. En la lista de archivos situada en el centro desplázate con la barra de desplazamiento vertical hasta localizar el archivo ciudad.bmp. Clic sobre este archivo. Observa que en el recuadro Vista previa se muestra la imagen y sus propiedades.

imagenes

4. Pulsa sobre el botón Abrir.

 

2. Guardar en formato GIF y otros formatos.

 

1. Clic en Archivo > Guardar como… Se muestra el cuadro de diálogo Guardar imagen. En la lista Guardar en una carpeta se mostrará seleccionada la carpeta destino donde se guardará la nueva imagen. En este caso es “imágenes”.

 

2. Clic en el botón “+” situado junto a la etiqueta Seleccione el tipo de archivo (Por extensión).

3. En la lista de tipos de archivos elige Imagen GIF-gif. Observa que al seleccionar este

tipo, el nombre del archivo adquiere la extensión .gif. Pulsa en el botón Guardar.

 

imagenes

4. Se muestra el cuadro de diálogo Exportar archivo. Asegúrate de que está seleccionada la opción por defecto: Convertir a indexada usando ajustes predefinidos. Esto significa que se reducirá la paleta de colores de la imagen original hasta un máximo de 256 colores. Otra opción es Convertir a tonos de gris. Clic en el botón Exportar.

 

              imagenes

5. En el cuadro de diálogo Guardar como GIF puedes definir:

Entrelazar. Si activas la opción Entrelazar entonces el archivo que contiene la imagen incluye una copia tosca de la imagen al comienzo de la cadena de datos de tal forma que el usuario que la descarga desde Internet ve rápidamente su contenido y conforme se va descargando va ganando en calidad.

Comentario GIF. En este comentario puedes añadir información adicional al archivo de imagen: autor, fecha de creación, etc.

6. Clic en el botón Guardar. Observa que la ventana de imagen ahora está abierto el archivo ciudad.

 

              imagenes

7. De esta misma forma podemos guardar la imagen en otros formatos, la diferencia es la ventana final que sale antes de guardar la imagen. Previamente hemos seleccionado el formato que queramos elegir.

a) Al guardarla en JPG

 

                       imagenes

En el cuadro de diálogo Guardar como JPEG define la calidad de la imagen. Si activas la casilla Mostrar vista previa en la ventana de la imagen observarás el aspecto de la imagen para cada valor de calidad que establezcas. Arrastra el deslizador para una calidad del 80%. Cuanto mayor es la calidad, mayor será el tamaño del archivo que contiene esta imagen. Observa que a medida que arrastras el deslizador hacia la izquierda para disminuir la calidad, el tamaño del archivo también disminuye y viceversa. Ahora la ventana de imagen muestra el archivo ciudad.jpg.

 

b) Al guardarla en PNG

 

imagenes

 

En el cuadro de diálogo Guardar como PNG puedes definir algunos de los siguientes parámetros:

Entrelazado (Adam7). Incluye una copia tosca de la imagen al comienzo de la cadena de datos de tal forma que cuando el usuario la descarga desde Internet accede rápidamente a su contenido y conforme se va descargando va ganando calidad.

Nivel de compresión: arrastra el deslizador al extremo derecho para definir una compresión de valor 9.

Para terminar pulsa en el botón Guardar.

Abre la carpeta imágenes y encontrarás los archivos GIF, JPG y PNG creados. Cada uno ha sido creado con la configuración que se recoge en las figuras anteriores. Todas ellas tienen las dimensiones de la imagen original y una resolución similar. Observa que las diferencias de calidad son mínimas mientras que el tamaño del archivo se reduce considerablemente en los formatos GIF y JPG. Aunque el formato PNG comprime más que el GIF, en este caso produce un archivo de mayor peso porque conserva una paleta de colores de 24 bits.

En Windows para averiguar el peso de un archivo, desde el explorador de archivos, selecciona Ver > Detalles.

Capýtulo siguiente - Reducir paleta de colores

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratarý tus datos para realizar acciones promocionales (výa email y/o telýfono).
En la polýtica de privacidad conocerýs tu derechos y gestionarýs la baja.

Cursos similares a Diseño páginas web. Insertar imágenes



  • Výdeo
  • Alumnos
  • Valoraciýn
  • Cursos
1. Diseño páginas web con editor HTML
Diseño páginas web con Editor HTML , cuantas veces al visitar una Web , nos hemos... [02/03/10]
3.716  
2. Impedimentos del éxito de las páginas web
Una página web , conocida como página de Internet , es un documento adaptado para... [19/10/10]
353  
3. Adobe Flash. Insertar imágenes a la galería
En este video tutorial aprenderemos a acabar los apartados de nuestra... [24/09/10]
952
Curso con video

ýQuý es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail