Tutorial De Edición de Imágenes Básico con The Gimp. Parte 1 Escalado de Fotografias

The Gimp Logo

Muchos me preguntan como hago para editar las imágenes que pongo en el blog, o de las que subo al Flickr. Bien podría usar Adobe Photoshop pirateado, pero para que si hay una alternativa libre para hacerlo, y se llama The Gimp.

Estaré posteando varios tutoriales, basados en las operaciones básicas que he aprendido en este tiempo con The Gimp, y me han servido para al menos hacer operaciones básicas. Los tutoriales están etiquetados como The Gimp Tutorial.

The Gimp, es un programa Libre de edición de imágenes, que corre en el entorno gráfico GTK, y corre en los sistemas operativos más utilizados GNU/Linux, Microsoft Windows, Mac OSX. Visiten su website para las instruciones de instalación.

Lo primero que aprenderemos es como escalar una imágen y optimizarla para colocarla en el blog o sitio web, o enviar por correo.

Pondremos el caso de que tome una foto con mi cámara digital (ésta por ejemplo de 2.8MB), con la máxima resolución, pero resulta que su tamaño es de 3008×2000 px (aproximadamente como 6 veces más grande que nuestro monitor), y subirla para mostrarla en mi sitio web sería imposible, entonces utilizamos la herramienta de escalado de la imágen para hacerlo para que se vea de esta forma (imagen de 500×332px de 33kb):

Playa Costa del Sol

¿Cuál es la ventaja de hacer esto?

  1. Reducción del  8600% en el tamaño de la imagen
  2. Optimización de carga para sitios web
  3. Facilidad para enviar por correo electrónico
  4. Hace más liviano el documento que creas (ej. un reporte, o una presentación de diapositivas, etc).

El tamaño se redujo de 2867kb (2.8MB) a 33kb.

Para hacer eso con The Gimp, simplemente hay que dirigirse a la imagen y editar de una sola vez haciendo lo siguiente:

Abrir imagen con El Gimp

La imagen abrirá. Luego hay que dirigirse al menú de la imagen, y elegir la opción “Escalar la Imagen” o “Scale”

Menu Escalar Imagen Gimp

Luego en el cuadro de diálogo que aparecerá, ahí podemos cambiar el ancho o el alto de la imágen a nuestro gusto. En este caso, lo que nos importa es que el ancho se reduzca de 3008px a 500px, pero que tenga una altura proporcional a la imagen, por lo que solamente tenemos que colocar en el campo “Ancho” (o Width) esos 500px:

Escalar Imagen The Gimp

Después de haber colocado la nueva anchura, la altura se modificará proporcionalmente, y luego de haber hecho eso, dar clic en el botón “Escala” (Scale).

Hoy lo que nos importa es que la imagen haya sido reducida en tamaño y a la vez optimizada para un sitio web o blog. Entonces ahora la guardamos con un nombre distinto para no perder el archivo original (Guardar Como):

Guardar imagen como Gimp

Y al final, guardar con una compresión JPG del 85%, lo cual hace que se optimice para utilizar en sitios web y hacer su carga más rápida:

Guardar 85 por ciento imagen en el GIMP

De esa forma, subo esa imagen reducida a mi servidor propio o algún servicio gratuito de imágenes (como photobucket.com) para poder cargar las imágenes de una forma más rápida en los posts del blog, los feeds o enviar detallitos por correo electrónico.

Posteriormente escribiremos sobre más bondades del Gimp que nos pueden servir en nuestro que hacer informático.

Saludos!!

8 Comentarios

  1. Escríto el día March 27, 2008 a las 12:26 am | Permalink
    Wavatar

    Buena iniciativa, esa misma técnica uso para modificar mis imágenes para mi blog también auxiliandome de Inkscape.


    Usando Mozilla Firefox Mozilla Firefox 2.0.0.12 en Linux Linux

  2. Escríto el día March 27, 2008 a las 12:39 am | Permalink
    Wavatar

    El gimp es de lo mejor que he encontrado para edición de imágenes para software libre, no se porque hay tanta gente pidiendo que se pueda emular el Adobe Photoshop en Linux.

    Como mostras también en el cuadro de dialogo de la escala, ademas de disminuirle el tamaño, se le puede disminuir la calidad de resolución, si fuera necesario reducirle aun mas el espacio en disco conservando las mismas dimensiones.


    Usando Debian IceWeasel Debian IceWeasel 2.0.0.11 en Debian GNU/Linux Debian GNU/Linux

  3. Escríto el día March 27, 2008 a las 7:45 am | Permalink
    Wavatar

    @krypto84sv : efectivamente, también Inkscape es muy buena herramienta, aunque esa la veo más para la creación de artes, no para el retoque.

    @robertux : tienes razon, no se para que emulan el photoshop en gnu/linux, si gimp puede hacer esas cosas también. A veces eso hago, lo de solo guardarlas con el gimp con menor resolución para optimizar el espacio en disco.

    Saludos!!


    Usando Mozilla Firefox Mozilla Firefox 2.0.0.12 en Ubuntu Linux Ubuntu Linux

  4. Escríto el día March 27, 2008 a las 10:06 am | Permalink
    Wavatar

    Otra herramienta que es Software Libre y se puede emplear para modificacion y creacion de imagenes es ImageMagick, es una herramienta principalmente basada en linea de comandos, para realizar tareas basicas y avanzadas con imagenes. Posee un Visor con GUI, y variedad de APIs para programacion de aplicaciones basadas en edicion de imagenes, para Perl, Python, Java, C/C++ etc, se los recomiendo.


    Usando Mozilla Firefox Mozilla Firefox 2.0.0.12 en Linux Linux

  5. Escríto el día March 27, 2008 a las 10:07 am | Permalink
    Wavatar

    Se me olvido poner el Link del site:
    http://www.imagemagick.org/script/index.php

    Para sistemas basados en Debian hacer:

    apt-get install imagemagick


    Usando Mozilla Firefox Mozilla Firefox 2.0.0.12 en Linux Linux

  6. Escríto el día March 27, 2008 a las 12:38 pm | Permalink
    Wavatar

    Que bueno esta esto, gracias la verdad. Para las personas como yo que nos abruma la tecnologia osea no somos Geeks nos va a servir un resto. Buen post. Gracias.


    Usando Mozilla Firefox Mozilla Firefox 2.0.0.13 en Windows Windows XP

  7. CECI
    Escríto el día March 27, 2008 a las 6:43 pm | Permalink
    Wavatar

    Interesante jamas habia escuchado de GIMP, esta bien para cosas basicas, gracias por el aporte :D

    saludos


    Usando Mozilla Firefox Mozilla Firefox 2.0.0.12 en Ubuntu Linux Ubuntu Linux

  8. Escríto el día March 28, 2008 a las 5:04 pm | Permalink
    Wavatar

    una gran cosa este programa… aunque ya me acostumbré al photoshop y fireworks :D

    siempre sirve de mucho :P


    Usando Mozilla Firefox Mozilla Firefox 2.0.0.13 en Windows Windows XP

Comenta esta entrada

Los comentarios de este blog tienen soporte para Gravatar, Ya tienes el tuyo?.

NOTA IMPORTANTE: Los comentarios en este blog no son moderados, aparecerán inmediatamente cuando lo envíes. Sin embargo te pido por favor que trata la manera de ser claro a la hora de comentar, y evita ofensas hacia otros comentarístas sin fundamento, y trata de la manera de lo posible de hacer un comentario relacionado al tema. El autor se reserva el derecho de eliminar comentarios no apropiados o descalificados. Para mensajes privados o contacto, enviar un comentario no es la forma adecuada, sino visita la página contacto para hacerlo.

Tu email nunca es publicado ni compartido. Campos requeridos *

*
*