SlideShare uma empresa Scribd logo
1 de 8
Baixar para ler offline
CÓMO BAJAR EL PESO DE UNA IMAGEN PARA
ADAPTAR A LA WEB EN GIMP

Introducción

El siguiente es un instructivo que le permitirá bajar el tamaño y peso de sus imágenes con el
programa GIMP, para poder de esta manera subirlas correctamente a su web.
Este programa es muy sencillo de utilizar y puede descargarlo gratuitamente desde la
dirección: http://www.gimp.org.es/modules/mydownloads/viewcat.php?cid=3
Características del programa:
     Tamaño aprox: 25,3 MB instalado 7,56 MB para descargar (comprimido)
     Sistema Operativo: Linux, Unix, Windows y Mac
     Antes de comenzar es importante tener en cuenta que las imágenes web deben contar
      con:
     Un formato jpg o gif.
     Un peso de 200 y 100 KB.
     En lo posible no contener en su nombre de archivo caracteres especiales como la letra
      ñ y acentos.


Comience por instalar el programa
1. Descargue el programa desde esta dirección:
http://www.gimp.org.es/modules/mydownloads/viewcat.php?cid=3
2. Clic en Guardar como, se abrirá una ventana de su navegador con las carpetas locales de
su ordenador. Guarde el archivo en el mismo.
3. El paso anterior no significa que el programa esté instalado, para ello debera hacer doble
clic en el archivo que acaba de guardar (por ejemplo gimp-2.4.0-rcl-1506-setup.exe) y seguir
los pasos para su instalación.




4. Clic en Next o Siguiente.




5. Clic en Next o Siguiente nuevamente.
Recomendamos previamente leer la licencia. El pinchar en Next o Siguiente significa que
usted acepta los términos de dicha licencia.
6. Pinchar en Install now y listo! El programa GIMP se comenzará a instalar. Déjelo corriendo
hasta que se dé por finalizado este proceso. Al final aparecerá una pantalla diciendo que el
programa ya se ha instalado. Entonces deberá pinchar en Finalizar.


Una vez instalado el programa
7. Abrir el programa en su ordenador desde: Inicio / Programas / GIMP / GIMP2
Al entrar por primera vez deberá configurar unos pasos. En caso de no comprenderlos, deje
por defecto las opciones que ya trae incorporadas el GIMP.
8. Una vez dentro del programa, para reducir y comprimir imágenes se deberá cargar la
imagen: Archivo / Abrir.
9. Se abrirá una ventana donde deberá buscar la imagen que desea editar en su ordenador.
Haga clic sobre el nombre de dicha imagen:




Nota: a la izquierda podrá observar las carpetas de su ordenador y a la derecha los ficheros.
Pinchando sobre .. puede dirigirse al directorio superior.
10. Se abrirá la imagen a editar en la pantalla principal de GIMP. El primer paso es asegurarse
que esté en formato RGB (ideal para sitios web). Para ello, ir a Imagen / Modo / RGB.
11. En el siguiente paso se modifica el tamaño. Para ello deberá pinchar con el botón derecho
del ratón sobre la imagen y seleccionar: Imagen / Redimensionar imagen o bien Imagen /
Escalar imagen.




12. En la pantalla siguiente, usted podrá disminuir el tamaño en porcentaje, completando los
casilleros de “Tamaño de la Imagen”. Recomendamos un 50% para imágenes muy pesadas
(por ejemplo de 1 MB) y aproximadamente un 70 % para aquellas imágenes menos pesadas.




13. Clic en Escalar.
14. De esta manera, usted ya ha escalado la imagen, cambiando su tamaño. Ahora solo resta
guardarla. Este es uno de los pasos más importantes ya que aquí es donde usted podrá
comprimir su imagen. Para ello pinchar en: Archivo / Guardar como…
Se abrirá esta ventana.




Allí se encontrará con las opciones:
   Name: nombre del nuevo archivo editado para la web.
   Save in folder: aquí elige la carpeta donde guardar esta nueva imagen, por ejemplo, su
    escritorio.
   Browser for other folders: haciendo clic en el símbolo + se despliega el menú para
    elegir donde guardar la imagen, para los casos en que no se encuentre en las opciones
    de Save in folder.
   Seleccione el tipo de archivo: este punto es importante para adaptar a la web. Para ello
    deberá nuevamente pinchar en el símbolo + y se desplegarán las opciones:




Importante: si usted necesita una imagen con fondo transparente seleccione el formato GIF.
Para el resto de los casos se recomienda que seleccione el formato JPG.
Luego completados todos estos campos, pinchar en Save o Guardar.
15. Se mostrará la siguiente ventana:
 Marque la opción Mostrar vista previa en la ventana de la imagen.
    Para ir testeando la calidad puede hacerlo desplazando la barra con el cursor del ratón
     o bien disminuyendo el número (en el ejemplo: 71). De esta manera usted irá
     calculando la dimensión del archivo y su peso hasta llegar al tamaño requerido (entre
     100 y 200 KB). En este proceso el programa le irá informando sobre cómo varía el peso
     de su archivo a medida que disminuye la calidad.
    En esta misma ventana puede, desplegando “opciones avanzadas”, tildar la casilla
     “optimizar” para lograr mayor calidad.
    Por ultimo clic en Save o Guardar.
Usted ya cuenta con una imagen adaptada para publicar en la web! Si desea comprobar
por otra vía, que el tamaño esté bien, puede ir a la carpeta donde se guardó la imagen y
probar su tamaño haciendo clic con el botón derecho del ratón sobre el archivo, opción
propiedades. Allí podrá probar que su peso ronde entre los 100 y 200 KB.
Consultoría y Desarrollo
     Serviweb S.L.
 Calle Tierno Galván 11, 11, izq.
C.P. 30203 - Cartagena (Murcia)
Tels.: 902 929 442 / 968 086 993
         Fax: 968 086 934
        info@serviweb.es
    www.serviweb.es

Mais conteúdo relacionado

Semelhante a Como bajar el peso de una imagen para adaptar a la web en GIMP

Como bajar el peso de una imagen para adaptar a la web en Paint
Como bajar el peso de una imagen para adaptar a la web en PaintComo bajar el peso de una imagen para adaptar a la web en Paint
Como bajar el peso de una imagen para adaptar a la web en Paint
Serviweb.com.es
 
Presentacion imágenes I
Presentacion imágenes IPresentacion imágenes I
Presentacion imágenes I
Javier Garcia
 
Mis fotografías en La Web
Mis fotografías en La WebMis fotografías en La Web
Mis fotografías en La Web
Ángel Encinas
 
Tutorial gimp julio
Tutorial gimp julioTutorial gimp julio
Tutorial gimp julio
juliorasta
 
Practica 8 de photo
Practica 8 de photoPractica 8 de photo
Practica 8 de photo
angelita-123
 
Practica 3 de photoshop
Practica 3 de photoshopPractica 3 de photoshop
Practica 3 de photoshop
Ruth Guerrero
 
Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8
marichela2013
 

Semelhante a Como bajar el peso de una imagen para adaptar a la web en GIMP (20)

Como bajar el peso de una imagen para adaptar a la web en Paint
Como bajar el peso de una imagen para adaptar a la web en PaintComo bajar el peso de una imagen para adaptar a la web en Paint
Como bajar el peso de una imagen para adaptar a la web en Paint
 
Introdocción Photoshop
Introdocción PhotoshopIntrodocción Photoshop
Introdocción Photoshop
 
Introdocción Photoshop
Introdocción PhotoshopIntrodocción Photoshop
Introdocción Photoshop
 
tutorial GIMP
tutorial GIMPtutorial GIMP
tutorial GIMP
 
Presentacion imágenes I
Presentacion imágenes IPresentacion imágenes I
Presentacion imágenes I
 
Mis fotografías en La Web
Mis fotografías en La WebMis fotografías en La Web
Mis fotografías en La Web
 
Cómo reducir el peso de una imagen a partir de las dimensiones. Con Microsoft...
Cómo reducir el peso de una imagen a partir de las dimensiones. Con Microsoft...Cómo reducir el peso de una imagen a partir de las dimensiones. Con Microsoft...
Cómo reducir el peso de una imagen a partir de las dimensiones. Con Microsoft...
 
Tutorial del gimp
Tutorial del gimpTutorial del gimp
Tutorial del gimp
 
Modulo Photoshop Cs 6
Modulo Photoshop Cs 6Modulo Photoshop Cs 6
Modulo Photoshop Cs 6
 
Tutorial gimp julio
Tutorial gimp julioTutorial gimp julio
Tutorial gimp julio
 
UNIDAD 3 tic_4_eso
UNIDAD 3 tic_4_esoUNIDAD 3 tic_4_eso
UNIDAD 3 tic_4_eso
 
Practica 8 de photo
Practica 8 de photoPractica 8 de photo
Practica 8 de photo
 
Practica 3 de photoshop
Practica 3 de photoshopPractica 3 de photoshop
Practica 3 de photoshop
 
Practica 1
Practica 1Practica 1
Practica 1
 
Practica 1
Practica 1Practica 1
Practica 1
 
Ara
AraAra
Ara
 
Ara
AraAra
Ara
 
Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8
 
Practicakompozer 3
Practicakompozer 3Practicakompozer 3
Practicakompozer 3
 
Creacion y retoque de imagenes
Creacion y retoque de imagenes Creacion y retoque de imagenes
Creacion y retoque de imagenes
 

Mais de Serviweb.com.es

La mejor manera de empezar - nota de prensa
La mejor manera de empezar - nota de prensaLa mejor manera de empezar - nota de prensa
La mejor manera de empezar - nota de prensa
Serviweb.com.es
 

Mais de Serviweb.com.es (20)

Planes de E-mail Marketing
Planes de E-mail MarketingPlanes de E-mail Marketing
Planes de E-mail Marketing
 
Dominios - Registro y Renovación
Dominios - Registro y RenovaciónDominios - Registro y Renovación
Dominios - Registro y Renovación
 
Diseño Gráfico
Diseño GráficoDiseño Gráfico
Diseño Gráfico
 
Diseño gráfico
Diseño gráficoDiseño gráfico
Diseño gráfico
 
Comparativas de planes de alojamiento web (hosting)
Comparativas de planes de alojamiento web (hosting)Comparativas de planes de alojamiento web (hosting)
Comparativas de planes de alojamiento web (hosting)
 
Catálogo virtual
Catálogo virtualCatálogo virtual
Catálogo virtual
 
Catálogo de impresión
Catálogo de impresiónCatálogo de impresión
Catálogo de impresión
 
Copias de seguridad remota (backup online)
Copias de seguridad remota (backup online)Copias de seguridad remota (backup online)
Copias de seguridad remota (backup online)
 
Adaptacion a leyes LOPD y LSSICE
Adaptacion a leyes LOPD y LSSICEAdaptacion a leyes LOPD y LSSICE
Adaptacion a leyes LOPD y LSSICE
 
Acta - III Premios TAW a la Accesibilidad Web
Acta - III Premios TAW a la Accesibilidad WebActa - III Premios TAW a la Accesibilidad Web
Acta - III Premios TAW a la Accesibilidad Web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Web to print
Web to printWeb to print
Web to print
 
Pide Un Deseo
Pide Un DeseoPide Un Deseo
Pide Un Deseo
 
La mejor manera de empezar - nota de prensa
La mejor manera de empezar - nota de prensaLa mejor manera de empezar - nota de prensa
La mejor manera de empezar - nota de prensa
 
Seguridad en Linux
Seguridad en LinuxSeguridad en Linux
Seguridad en Linux
 
Contenido Multimedia en la Web
Contenido Multimedia en la WebContenido Multimedia en la Web
Contenido Multimedia en la Web
 
Cómo aumentar el tráfico en su web
Cómo aumentar el tráfico en su webCómo aumentar el tráfico en su web
Cómo aumentar el tráfico en su web
 
XHTML
XHTMLXHTML
XHTML
 
Curso de diseño CSS
Curso de diseño CSSCurso de diseño CSS
Curso de diseño CSS
 
After Affects I
After Affects IAfter Affects I
After Affects I
 

Último

Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 

Último (15)

EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
Presentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmerilPresentación de elementos de afilado con esmeril
Presentación de elementos de afilado con esmeril
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
presentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptxpresentacion de PowerPoint de la fuente de poder.pptx
presentacion de PowerPoint de la fuente de poder.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 

Como bajar el peso de una imagen para adaptar a la web en GIMP

  • 1. CÓMO BAJAR EL PESO DE UNA IMAGEN PARA ADAPTAR A LA WEB EN GIMP Introducción El siguiente es un instructivo que le permitirá bajar el tamaño y peso de sus imágenes con el programa GIMP, para poder de esta manera subirlas correctamente a su web. Este programa es muy sencillo de utilizar y puede descargarlo gratuitamente desde la dirección: http://www.gimp.org.es/modules/mydownloads/viewcat.php?cid=3 Características del programa:  Tamaño aprox: 25,3 MB instalado 7,56 MB para descargar (comprimido)  Sistema Operativo: Linux, Unix, Windows y Mac  Antes de comenzar es importante tener en cuenta que las imágenes web deben contar con:  Un formato jpg o gif.  Un peso de 200 y 100 KB.  En lo posible no contener en su nombre de archivo caracteres especiales como la letra ñ y acentos. Comience por instalar el programa 1. Descargue el programa desde esta dirección: http://www.gimp.org.es/modules/mydownloads/viewcat.php?cid=3
  • 2. 2. Clic en Guardar como, se abrirá una ventana de su navegador con las carpetas locales de su ordenador. Guarde el archivo en el mismo. 3. El paso anterior no significa que el programa esté instalado, para ello debera hacer doble clic en el archivo que acaba de guardar (por ejemplo gimp-2.4.0-rcl-1506-setup.exe) y seguir los pasos para su instalación. 4. Clic en Next o Siguiente. 5. Clic en Next o Siguiente nuevamente.
  • 3. Recomendamos previamente leer la licencia. El pinchar en Next o Siguiente significa que usted acepta los términos de dicha licencia. 6. Pinchar en Install now y listo! El programa GIMP se comenzará a instalar. Déjelo corriendo hasta que se dé por finalizado este proceso. Al final aparecerá una pantalla diciendo que el programa ya se ha instalado. Entonces deberá pinchar en Finalizar. Una vez instalado el programa 7. Abrir el programa en su ordenador desde: Inicio / Programas / GIMP / GIMP2 Al entrar por primera vez deberá configurar unos pasos. En caso de no comprenderlos, deje por defecto las opciones que ya trae incorporadas el GIMP. 8. Una vez dentro del programa, para reducir y comprimir imágenes se deberá cargar la imagen: Archivo / Abrir.
  • 4. 9. Se abrirá una ventana donde deberá buscar la imagen que desea editar en su ordenador. Haga clic sobre el nombre de dicha imagen: Nota: a la izquierda podrá observar las carpetas de su ordenador y a la derecha los ficheros. Pinchando sobre .. puede dirigirse al directorio superior. 10. Se abrirá la imagen a editar en la pantalla principal de GIMP. El primer paso es asegurarse que esté en formato RGB (ideal para sitios web). Para ello, ir a Imagen / Modo / RGB.
  • 5. 11. En el siguiente paso se modifica el tamaño. Para ello deberá pinchar con el botón derecho del ratón sobre la imagen y seleccionar: Imagen / Redimensionar imagen o bien Imagen / Escalar imagen. 12. En la pantalla siguiente, usted podrá disminuir el tamaño en porcentaje, completando los casilleros de “Tamaño de la Imagen”. Recomendamos un 50% para imágenes muy pesadas (por ejemplo de 1 MB) y aproximadamente un 70 % para aquellas imágenes menos pesadas. 13. Clic en Escalar. 14. De esta manera, usted ya ha escalado la imagen, cambiando su tamaño. Ahora solo resta guardarla. Este es uno de los pasos más importantes ya que aquí es donde usted podrá comprimir su imagen. Para ello pinchar en: Archivo / Guardar como…
  • 6. Se abrirá esta ventana. Allí se encontrará con las opciones:  Name: nombre del nuevo archivo editado para la web.  Save in folder: aquí elige la carpeta donde guardar esta nueva imagen, por ejemplo, su escritorio.  Browser for other folders: haciendo clic en el símbolo + se despliega el menú para elegir donde guardar la imagen, para los casos en que no se encuentre en las opciones de Save in folder.  Seleccione el tipo de archivo: este punto es importante para adaptar a la web. Para ello deberá nuevamente pinchar en el símbolo + y se desplegarán las opciones: Importante: si usted necesita una imagen con fondo transparente seleccione el formato GIF. Para el resto de los casos se recomienda que seleccione el formato JPG. Luego completados todos estos campos, pinchar en Save o Guardar. 15. Se mostrará la siguiente ventana:
  • 7.  Marque la opción Mostrar vista previa en la ventana de la imagen.  Para ir testeando la calidad puede hacerlo desplazando la barra con el cursor del ratón o bien disminuyendo el número (en el ejemplo: 71). De esta manera usted irá calculando la dimensión del archivo y su peso hasta llegar al tamaño requerido (entre 100 y 200 KB). En este proceso el programa le irá informando sobre cómo varía el peso de su archivo a medida que disminuye la calidad.  En esta misma ventana puede, desplegando “opciones avanzadas”, tildar la casilla “optimizar” para lograr mayor calidad.  Por ultimo clic en Save o Guardar. Usted ya cuenta con una imagen adaptada para publicar en la web! Si desea comprobar por otra vía, que el tamaño esté bien, puede ir a la carpeta donde se guardó la imagen y probar su tamaño haciendo clic con el botón derecho del ratón sobre el archivo, opción propiedades. Allí podrá probar que su peso ronde entre los 100 y 200 KB.
  • 8. Consultoría y Desarrollo Serviweb S.L. Calle Tierno Galván 11, 11, izq. C.P. 30203 - Cartagena (Murcia) Tels.: 902 929 442 / 968 086 993 Fax: 968 086 934 info@serviweb.es www.serviweb.es