Formato+y+tamaño

toc

Formatos de imágenes
Por formato gráfico de una imagen entendemos la extensión que, en informática, va asociada a la misma (//"nombre _de_la_imagen.nombre_ del_formato"//). El formato contiene ciertas informaciones sobre la manera en la que la imagen ha sido codificada e indica la manera de descodificarla o manipularla. Los tipos de formatos de imágenes más usuales en Internet se muestran en el siguiente cuadro:

de datos ** || ** Número de colores ** || ** Animación ** || ** Transparencia ** || regulable (con pérdida) || 16 millones || No || No || con o sin pérdida || 32 millones || Sí || Sí || sin pérdida || 256 máximo || Sí || Sí || sin pérdida || (256 colores o menos) o 16 millones || No || Sí || con o sin pérdida || de monocromo à 16 millones || No || Sí ||
 * || ** Compresión
 * **[|JPEG]** || Sí,
 * **[|JPEG2000]** || Sí,
 * **[|GIF]** || Sí,
 * **[|PNG]** || Sí,
 * **[|TIFF]** || Compresión o no
 * [| **BMP**] || compresión posible || De 2 a 16,8 millones || Sí || Sí ||

Es importante saber qué formatos son más convenientes al trabajar con documentos para la Web, pues no todos los formatos son adecuados.

En Internet los dos formatos más utilizados son JPEG (también llamado JPG) acrónimo de Joint Photographic Experts Group y PNG (Portable Network Graphics) dado que permiten una compresión muy alta con lo que las imágenes ocupan menos espacio y pueden ser leídos por todos los navegadores. El formato PNG puede realizar además una compresión sin pérdida y se utiliza cada vez más en la Web aunque los navegadores más antiguos no pueden leerlo. PNG y JPEG son formatos que están diseñados para funciones diferentes, por lo que únicamente se puede realizar una comparación generalista. JPEG tiene una relación de compresión enorme en perjuicio de la calidad de la imagen, ideal para imágenes de gran tamaño y fotografías. No admite transparencia. PNG es un formato sin pérdida de calidad con una excelente compresión, ideal para imágenes formadas por grandes áreas de color plano o con pocas variaciones de color. //Teniendo en cuenta lo anterior, para nuestro trabajo en Internet utilizaremos fundamentalmente los formatos PNG y JPEG para las imágenes//

Tamaño y dimensión de las imágenes
Pre-conocimiento **Tamaño:** El tamaño de una imagen lo expresaremos en kilobytes (Kb) o, cuando son muy grandes, en megabytes (Mb). Así diremos que "e//sta imagen ocupa 650Kb//" o que "//esta foto ocupa 2 Mb//". El tamaño de una imagen depende, fundamentalmente, de la resolución (número de pixels por unidad [| ppp]) de la misma y del grado de compresión que se le haya aplicado. En Internet se habla muy a menudo del "peso" de un fichero expresándolo en Kb y, en general, no se considera adecuado que un fichero de imagen ocupe más de 100Kb. La dimensión de una imagen se suele indicar con el número de [|píxeles] que tiene la misma tanto en altura como en anchura. Cuando se dice que esta imagen es de "200x400" queremos decir que tiene una altura e 200 píxeles y una anchura de 400.
 * Dimensión:**

//En general, en los blogs no conviene colocar imágenes de una anchura superior a 600 píxeles.// //Dos imágenes con las mismas dimensiones pueden tener diferente peso si en una de ellas se ha reducido la resolución:// Frambuesa 1 Frambuesa 2 //Estas dos imágenes tienen exactamente las mismas dimensiones (172x204). Aunque casi imperceptible al ojo humano, la primera tiene un peso de 22Kb, mientras que la segunda sólo ocupa 3Kb ya que se ha reducido un 75% la resolución respecto a la primera.//

Pregunta Tengo una imagen de las mismas dimensiones en tres formatos gráficos distintos. ¿En qué formato la imagen tendrá un mayor tamaño (ocupará más espacio) ?
 * || JPG ||
 * || PNG ||
 * || BMP ||

Uso del tamaño y dimensiones de las imágenes
El uso adecuado del tamaño y las dimensiones de una imagen cuando se trabaja con Blogs o Wikis es un aspecto que debe tenerse siempre presente. En ambos sistemas de publicación en Internet las imágenes no deben tener unas dimensiones demasiado grandes pues, probablemente, distorsionarán la plantilla del mismo al sobrepasarla. En este sentido, se aconseja que las imágenes no superen los 700 píxeles horizontales ya que muchas plantillas de blogs, por ejemplo, tienen unas dimensiones máximas de unos 800 píxeles en la columna central de publicación.

Si queremos publicar una imagen de dimensiones superiores se aconseja reducir previamente su tamaño y enlazar la imagen reducida a la original. Veamos algunos ejemplos: En el caso de la primera imagen, las dimensiones originales son de 4136 x 1424 píxeles para un peso que supera los 4 Mb (paciencia al descargarla si se dispone de una conexión lenta) mientras que la imagen reducida ocupa unos 6Kb y tiene unas dimensiones de 200 x 69 píxeles. En el caso de la segunda imagen las diferencias son aún más llamativas: la imagen original tiene unas dimensiones de 14929 x 526 píxeles y algo más de 2 Mb (se trata de una imagen panorámica muy alargada) mientras que las cifras de la imagen reducida son de 400 x 14 píxeles y un peso de 3 Kb.