• Inicio
  • Enviar tutorial
  • Política de Cookies
  • Sobre tutorialesubuntu.com

Tutoriales Ubuntu

Tutoriales Ubuntu

Tutoriales de Ubuntu en Castellano

  • Inicio
  • Enviar tutorial
  • Política de Cookies
  • Sobre tutorialesubuntu.com

Optimizar imágenes para la web en GIMP

6 marzo, 2010
0 Facebook Twitter

FB91 nos envía este tutorial de su web:

Los puntos fundamentales para optimizar una imagen (léase, reducir su peso lo más posible sin perder calidad) son 3:

1. Elegir el mejor formato (.JPG, .GIF, .PNG)
2. Ajustar el tamaño de la imagen
3. Opciones de guardado

Elegir el mejor formato

Los formatos más extendidos en internet son 3, GIF (Graphics Interchange Format), JPG (Joint Photographic Experts Group), PNG (Portable Network Graphics).

GIF

es un formato que soporta hasta 256 colores (su principal limitación). Por este motivo, cuando tenemos una imagen que supera los 256 colores, la misma deberá adaptarse reduciendo sus colores, produciendo la consecuente pérdida de calidad.
Características:

* Soporta 256 colores
* Transparencias
* Animaciones

JPG

es un formato que intenta eliminar la información que el ojo humano no es capaz de distinguir, es por este motivo que se lo llama algoritmo de compresión con pérdida, porque justamente lo que hace es eliminar información.
Una de las Características que hacen muy flexible el JPEG es el poder ajustar el grado de compresión.
Características:

* 24 bits color ó 8 bits (blanco y negro)
* Grado de compresión bastante alto
* No permite canal alfa (transparencia)
* No permite animaciones

PNG

es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes (al contrario que GIF). Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de contraste y otros importantes datos.
Características:

* Color indexado hasta 256 colores y TrueColor hasta 48 bits por pixel.
* Transparencias
* No permite animaciones
* Mejor calidad que GIF
* Actualmente soportado por la gran mayoría de los navegadores

¿Cual de todos elegir?

En el caso de que tu imagen tenga pocos colores, generalmente si es texto, el formato GIF ocupará menos espacio. Por ejemplo las siguientes 2 imágenes; la primera es GIF y la segunda PNG. Ocupan 13,6KB y 22,6KB respectivamente y la calidad es muy buena en ambas, por lo que la mejor opción sería GIF ya que es más liviana.

Optimizar imágenes para web en GIMP - GIF

Optimizar imágenes para web en GIMP - PNG

Ahora, si tu imagen tiene degradados y transparencias, la cosa cambia a favor de PNG ya que maneja muchísimo mejor estos dos aspectos. Como prueba las siguientes tres imágenes, la primera es PNG y ocupa 48,9KB, la segunda es GIF y ocupa 24,1KB y la tercera es JPG y ocupa 23,1KB. En este caso me quedaría con JPG, pero recuerden de que si la imagen tuviese transparencia JPG quedaría afuera y la mejor opción sería PNG.

PNG

GIF

JPG

Pero si la imagen a tratar sería una fotografía, el más usado es JPG porque comprime y baja el peso de la imagen tanto como se quiera y como en una fotografía no se tienen transparencias se hace óptimo para este uso.
En resumen…

Imagen con pocos colores y animaciones: GIF
Imagen con transparencias y degradados: PNG
Fotografías: JPG

——————————————————–

Ajustar el tamaño de la imagen

Es algo bastante pavo pero que puedo hacernos ahorrar mucho peso. Primero y obvio, nunca subir una imagen de 2000 x 1000 pixeles cuando en realidad al ponerla en nuestro sitio le damos una ancho de 200 x 100 pixeles; y segundo, al publicar una imagen, lo mejor es recortar la parte más significativa de la misma y hacer un mejor uso del espacio.
Por ejemplo:

Ajustar el tamaño de la imagen GIMP

——————————————————–

Opciones de guardado

Cuando guardamos una imagen JPG en GIMP, se nos abre un cuadro de diálogo con unas cuantas opciones.

Opciones de guardado GIMP

Lo importante es tener como Calidad “85″, que baja un 30% aproximadamente de peso a la imagen y los cambios pasan desapercibidos. También tildar la opción de Progresivo que lo que hace es en el momento en que la imagen está siendo cargada la muestra completamente con mala calidad, y a medida que continua descargándola va mejorando su calidad “progresivamente”. Si esta opción estaría destildada la imagen a medida que está siendo descargada se muestra de a pedazos, pero de buena calidad, hasta finalizar su descarga.
Y por último se marcó también la opción Guardar miniatura que justamente lo que hace es guardar una miniatura para que cuando la queramos abrir, desde GIMP por ejemplo usando la opción Archivo – Abrir, se vea una pequeña miniatura de la imagen, cosa que no nos sirve a la hora de subirla a la web (esto nos ahorra unos 6 KB, que si bien nos son una gran cantidad, aporta algo).

Fuente original: FB91

Este tutorial íntegro, incluídas sus imágenes, han sido sacadas de la fuente anteriormente citada y aportadas por su autor.


FotografíaGeneralGimpImágenesInternetTutorialesUbuntu 9.04Ubuntu 9.10 diferencias entre jpg png gifgif gimpimagen para web gimpjpg gimpopciones de guardado imágenes gimpoptimizar imágenes web gimppng gimprecortar una imagen gimp
Tutoriales Ubuntu

Entrada anterior
Crear un PDF a partir de varias imágenes (jpg, jpeg, gif)
Entrada siguiente
Instalar DPP (Digital Photo Professional) en Ubuntu

También te pueden interesar

Instalar aplicaciones de Windows en Ubuntu con WINE

30 septiembre, 2009

Explicación de permisos de ficheros y carpetas en...

11 noviembre, 2009

Gestionando nuestro FTP en Ubuntu

11 octubre, 2009

Ubuntu 8.10 Intrepid + modem usb 3G Huawei...

22 septiembre, 2009

Probando en Clouding.io un script para comprobar vídeos...

18 marzo, 2019

Mapa del Software libre

21 diciembre, 2009

Ubuntu 9.04 – Firefox 3.0.10 – Youtube –...

24 septiembre, 2009

Navegador Web IceCat – Firefox 100% libre

18 octubre, 2009

Instalar Python 3.9, pip 20 y Django 3...

6 noviembre, 2020

Instalar los Drivers de la Tarjeta Wifi Broadcom...

2 noviembre, 2009

1 comentario

Daniel 23 noviembre, 2010 - 7:12 am

buena información bacano y sobre todo para tener en cuenta en desarrollo web. Vale yo soy fánatico de png pero bueno tendré mas en cuenta a los otros ahora.

Responder

Dejar un Comentario Cancelar Respuesta




Colaboramos con

Proyecto El Ratolí - Facebook

Psiconutrición - Psicología de la alimentación - Psicología de la nutrición

Imprescindibles

  • Índice de Tutoriales
  • Tutorial de instalación de Ubuntu

Entradas Recientes

  • Informática en la nube

    La informática en la nube (cloud computing) transforma la infraestructura de las tecnologías de la información (IT) en... Ver Más
  • Fundamentos de Redes

    En esta introducción a las redes aprenderemos como funcionan las redes de ordenadores, la arquitectura utilizada para diseñar... Ver Más
  • Red de Distribución de Contenido (CDN)

    Una introducción a las redes de distribución de contenido (Content Delivery Network – CDN – ) y cómo... Ver Más
  • Aspectos clave en los que te tienes que fijar para contratar tu internet

    Destacamos todas las cosas básicas para acertar en tu elección, y que así puedas asegurarte obtener la respuesta exacta... Ver Más
  • Todo lo que necesitas saber sobre el email marketing

    El correo electrónico ha estado con nosotros durante 50 años, desde que se envió el primer mensaje de... Ver Más
  • Navegar por internet con Ubuntu

    Los terminales de Linux y en particular Ubuntu, son extremadamente útiles para los programadores, ya que su sistema... Ver Más
  • Desactivar Bluetooth al inicio Ubuntu 20.04

    Para desactivar que se inicie el Bluetooth automáticamente al arrancar el sistema, tenemos simplemente que introducir este comando... Ver Más

Categorías

  • Actualizar
  • Apache
  • Apps
  • Aprendizaje
  • Autofirma
  • Big Data
  • Bluetooth
  • CDN
  • Certificado Digital
  • Chrome
  • Chromium
  • Cloud
  • Comandos
  • Consola
  • Consulta de nutrición vegana
  • Consulta de Nutrición Vegana Online
  • Consulta nutrición online
  • Curso de Quesos Veganos
  • Cursos de cocina vegana
  • Cursos de Cocina Vegana en Valencia
  • Cursos de Cocina Vegana Online
  • Cursos solidarios
  • Cursos solidarios de cocina vegana online
  • Descargas
  • Diseñador web vegano
  • Django
  • Email
  • Escritorio
  • Firefox
  • Flash
  • Fotografía
  • Free as in Freedom
  • FTP
  • General
  • Gestión de CD's y DVD's
  • Gestión de ficheros
  • Gestor de arranque
  • Gimp
  • gNewSense
  • Hardware
  • IceCat
  • Imágenes
  • Impresoras
  • Instalación
  • Internet
  • iPod
  • Java
  • Laptops
  • Laravel 8
  • Laravel Livewire
  • Libros
  • Live Usb
  • Mensajería instantánea
  • Música y audio
  • MySQL
  • Netbooks
  • Node JS 15
  • Notebooks
  • Noticias
  • Nutrición Vegana
  • Nutricionista Vegana
  • Nutricionista Vegana Online
  • Particiones
  • PDF
  • Permisos
  • Personalización
  • PHP
  • Portátiles
  • Programación
  • Psiconutrición
  • Psiconutrición Vegana
  • Python
  • Python 3.9
  • Redes
  • Redes
  • Reproductor DVD
  • Samba
  • Servidores
  • Shockwave Flash Player
  • Software
  • Software libre
  • Teléfonos móviles
  • Terminal
  • Tutoriales
  • Ubuntu 10.04 LTS
  • Ubuntu 10.10
  • Ubuntu 13.10
  • Ubuntu 14.04 LTS
  • Ubuntu 16.04
  • Ubuntu 16.04 LTS
  • Ubuntu 18.04
  • Ubuntu 18.04 LTS
  • Ubuntu 18.10
  • Ubuntu 19.04
  • Ubuntu 19.10
  • Ubuntu 20.04
  • Ubuntu 20.04 LTS
  • Ubuntu 20.10
  • Ubuntu 8.10
  • Ubuntu 9.04
  • Ubuntu 9.10
  • Ubuntu Server
  • Ubuntu y Windows
  • Uncategorized
  • Video
  • Videoconsulta Nutrición
  • Videotutoriales
  • Web
  • Wifi
  • Youtube
  • Youtube-dl

Enlaces Recomendados

  • Más de 5000 Recetas veganas
  • Nutrición Vegana – Dieta Vegana
  • Consulta de Nutrición Vegana Online
  • Nutricionista Vegana
  • La Guía Vegana de España
  • Psiconutrición – Psicología de la alimentación – Psicología de la nutrición
  • Dieta FODMAP Vegana
  • Curso de Quesos Veganos Online – Mozzarella, Cheddar, Parmesano, Crudivegano y 8 más!
  • Curso de Cocina Vegana Online – Tortilla de patatas, Cheddar, Parmesano, Veganesa y Tarta de Santiago
  • Cursos de Cocina Vegana Online y Solidarios
  • Curso de Cocina Vegana Online – Seitán, Mozzarella, Parmesano, Veganesa y Bizcocho
  • Buscador de Recetas Veganas
  • Marcas Que NO Experimentan en Animales
  • Números E – Aditivos Veganos – APV
  • Comprar Zapatos Veganos Online
  • Comprar Cosmética Vegana Online
  • Comprar Maquillaje Vegano Online
  • Comprar Tinte Vegano para el pelo Online
  • Tienda Vegana Solidaria Online
  • Germinadores caseros
  • Sentimientos Animales
  • Alquiler para veganos
  • Curiosidades de los Animales
  • Diseñador Web Vegano y Solidario
  • ¿Qué cuesta esto? ¿Cuánto cuesta hacer eso?

© 2025 Tutoriales Ubuntu | Publicidad y artículos patrocinados | Sobre la web

Web desarrollada por VeganWeb: Diseñador Web Vegano y Solidario


Volver arriba