Bienvenido(a), Visitante. Favor de ingresar o registrarse.
¿Perdiste tu email de activación?
Ingresar con nombre de usuario, contraseña y duración de la sesión

 
Búsqueda Avanzada

96770 Mensajes en 12249 Temas- por 3810 Usuarios - Último usuario: Halcongris
 
Páginas: [1]   Ir Abajo
Imprimir
0 Usuarios y 1 Visitante están viendo este tema.
Autor Tema: DIFERENCIAS ENTRE JPG, GIF Y PNG    (Leído 3020 veces)
[ZP] Enrique GutBarr
As Roma
Administrador
ZP xTreme
*****

ZP Points: 104
Desconectado Desconectado

Sexo: Masculino
Mensajes: 3228
$288.00 Zollars

Inventorio
Enviame Dinero
LIVE FROM ZP


Ver Perfil WWW
« en: Junio 10, 2006, 03:11:34 »

Hoy navengando por la web en busca de diferencias entre .GIF y .PNG me encontre con este exellente articulo que nos cita las diferencias entre .JPG .GIF y .PNG dejandonos claro para que sirve y para que no sirve cada uno y explicandolo en que caso debemos usara cada extension grafica.

Descargar:
www.unav.es/innovacioneducativa/manuales/imagenes.doc

Nos vemos!
En línea

- ·3D TexT -

It's their fault they don't have their money in the bank! xD

- LATEST  TUTORIALS -
[COLORWARE TUTORIAL] - [DEFINE YOUR LIFE TAG TUTORIAL] - [TECH ADDONS] - [3D TEXT]
---------------------------------------------------------------
- GIFTS 2008 -
X
(Busco Staff para el foro)
Spoiler:  PREMIESITOS (click para mostrar)
HEEN
ZP Elite
***

ZP Points: 0
Desconectado Desconectado

Mensajes: 262
$0.00 Zollars

Inventorio
Enviame Dinero

Photoshop con estilo!


Ver Perfil WWW
« Respuesta #1 en: Junio 11, 2006, 03:08:36 »

woow pues gracias man
En línea



proalex
ZP User
*

ZP Points: 0
Desconectado Desconectado

Mensajes: 3
$0.00 Zollars

Inventorio
Enviame Dinero

Ver Perfil
« Respuesta #2 en: Junio 17, 2006, 06:24:43 »

podrian colocar el texto en otro formato para que puedan leerlo quienes no tengan word ?
En línea
HostMx Alon
ZP Elite
***

ZP Points: 0
Desconectado Desconectado

Mensajes: 302
$0.00 Zollars

Inventorio
Enviame Dinero

Webmaster


Ver Perfil WWW
« Respuesta #3 en: Julio 02, 2006, 11:38:20 »

podrian colocar el texto en otro formato para que puedan leerlo quienes no tengan word ?

"En una sesión"
Detalles útiles sobre imágenes

I. PARTE TEÓRICA
1.- Las imágenes se pueden represnetar de dos maneras:
* MAPA DE BITS: la imagen está representada por pequeños puntos rectangulares denominados pixeles. A partir de estos pixeles se forman las imágenes de mapa de bits y a su vez cada pixel está representado por bits de información. Tipos de programas de este tipo: photoshop, vicman, Microsoft photo editor…
Ventajas: Fáciles de usar
Desventajas: Resolución: mayor resolución, mayor detalle, archivos más grandes. Si disminuimos la resolución, disminuye la calidad de imagen. La pérdida de calidad es proporcional al aumento. Si imprimiéramos la imagen a mayor resolución de la que tiene, la disminución de calidad sería notable. Tamaño: número de bytes que ocupa el archivo
Parámetros importantes para este tipo de imágenes
Pixel: Unidad mínima de visualización para imágenes digitalizadas. Las imágenes digitales están compuestas por pixels. Las cámaras digitales capturan las imágenes en pixels. El monitor se visualiza en pixels. Por tanto, cuantos más pixels contenga la imagen, mayor será su definición y los detalles que contiene.
Resolución: Grado de detalle de una imagen digital, sea escaneada, fotografiada o impresa. La resolución se puede expresar de diversas formas, p.e: ppp (puntos por pulgada), ppi (pixels por pulgada). La resolución de un monitor se refiere al número de pixeles por pulgada y en una impresora al número de puntos por pulgada. Cuantos más puntos haya en cada pulgada lineal, mayor calidad se obtendrá
Profundidad de color en bits. Hace referencia al número de bits necesario para representar cada pixel en una imagen. Cuanto mayor sea la profundidad en bits, más colores habrá en la imagen global. Se utiliza 1-bit para imágenes en blanco y negro (sin grises). Cada vez que añade otro 'nivel' de profundidad de color en bits se dobla el número de colores disponibles, es decir, 2-bits = 4 colores, 3-bits = 8 colores, etc. Un ajuste de 8-bits genera 256 colores (o tonos de gris), con resultados adecuados para la Web. La configuración de 24-bits produce 16,7 millones de colores y es la que utilizan la mayoría de las aplicaciones de gama alta, ya que ofrece color con realismo fotográfico. La configuración de 36-bits proporciona miles de millones de colores, para detalles extremadamente finos y una profundidad y claridad excelentes. La mayoría de los escáneres profesionales funcionan a 36-bits.

* GRÁFICOS VECTORIALES: las imágenes son tratadas como objetos y definidas mediante fórmulas matemáticas complejas. Tipos de programas: Macromedio Freehand, Adobe Illustrator, Corel Draw.
Ventajas: Independientes de la resolución. En el proceso de ampliación no sufre ninguna pérdida. Los archivos tienen un tamaño pequeño.
Desventajas: complejidad de creación y tratamiento

2.- Modos de color:
El modo de color expresa la cantidad máxima de datos de color que se pueden almacenar en un determinado formato de archivo gráfico.
ESCALA DE GRISES. Estas imágenes utilizan 256 tonalidades posibles entre el blanco y el negro para representar la imagen de blanco y negro. Si se convierte una imagen modo de color a un modo Escala de Grises y después se guarda y se cierra, sus valores de luminosidad permanecerán intactos, pero la información de color no podrá recuperarse.

MODO INDEXADO
Utiliza un solo canal de color (indexado) de 8 bits, por lo que sólo se puede obtener con él un máximo de 256 colores. En este modo, la gama de colores de la imagen se adecua a una paleta con un número restringido de ellos, por lo que puede resultar útil para trabajar con algunos formatos que sólo admiten la paleta de colores del sistema.
También resulta útil reducir una imágenes a color 8 bits para su utilización en aplicaciones multimedia, ya que con ello se consiguen ficheros de menos peso.
Su principal inconveniente es que la mayoría de las imágenes del mundo real se componen de más de 256 colores. Además, aunque admite efectos artísticos de color, muchas de las herramientas de los principales programas gráficos no están operativas con una paleta de colores tan limitada.
RGB/RVA: Basado en tres colores primarios: rojo, verde y azul y desde ellos se crea el resto. Imágenes de 24 bits de profundidad de color.
CMAN: menos conocido pero más utilizado en imprentas. Cuatro colores: cian, magenta, amarillo y negro. Imágenes de 32 bits de profundidad de color.
El proceso de convertir una imagen RGB al formato CMYK crea una separación de color. En general, es mejor convertir una imagen al modo CMYK después de haberla modificado. Modificar imágenes en modo RGB es más eficiente porque los archivos CMYK son un tercio más grandes que los archivos RGB.

3.- Los formatos más utilizados son:
bmp (bitmap):
Formato desarrollado para aplicaciones Windows y, por tanto, muy utilizado. Las imágenes de mapa de bits se denominan así porque el formato crea un mapa de los pixeles línea a línea. El formato BMP no sufre pérdida y, por tanto, resulta adecuado para guardar imágenes que se desea manipular o ampliar posteriormente.
Ventajas: Mantiene una gran cantidad de información de la imagen.
Inconvenientes: Los archivos pueden tener un tamaño grande o muy grande.
gif (graphics interchange format):
Diseñado específicamente para comprimir imágenes y gráficos creados por ordenador. Los archivos GIF mantienen bordes nítidos. Un archivo comprimido de este modo no experimenta pérdida en la calidad de imagen y puede estar formado por hasta 256 colores (si bien, cuantos menos colores, mayor compresión).
Ventajas: Ideal para páginas Web con gráficos pequeños.
Inconvenientes: no es recomendable para colocar fotografías de alta calidad en la Web o para archivar originales.
jpg o jpeg (joint photographic experts group)
Uno de los dos formatos de imagen más comunes (el otro es .GIF). La compresión JPEG sufre pérdida, lo que significa que, aunque se pierde cierto detalle, ofrece relaciones de compresión excelentes. Al igual que el formato TIF, JPEG admite 16 millones de colores, pero cada vez que se modifica y guarda un archivo JPEG, se pierde algo más de detalle.
Ventajas: Ideal para grandes imágenes fotográficas, sobre todo en la Web.
Inconvenientes: La calidad disminuye cada vez que se guarda el archivo, por lo que no conviene emplearlo para archivar originales.
tif o tiff (tagged image file format)
Este formato puede generar archivos comparativamente grandes, pero con una calidad de imagen excelente. Los archivos TIFF pueden almacenar cualquier nivel de profundidad de color de 1 a 32 bits y es, sin duda, el formato ideal si se tiene previsto editar o imprimir una imagen. Ventajas: Mantiene una excelente calidad y, por tanto, resulta ideal para archivar originales. Inconvenientes: Archivos grandes. En otras palabras, lo más conveniente probablemente sea guardar los originales de las imágenes favoritas en formato TIF y trabajar con una copia JPG para manipularlas.
Diferencias entre los formatos más utlizados en la web jpg, gif y png

JPG   GIF   PNG
•   Número de colores: 24 bits color o 8 bits B/N
•   Muy alto grado de compresión.
•   Formato de compresión con pérdida.
•   No permite trasparencia
•   No permite animación.   •   hasta 256 colores
•   Formato de compresión sin pérdida.
•   Carga progresiva
•   Permite transparencia
•   Animación simple   •   Color indexado hasta 256 colores y no indexado hasta 48 bits por pixel.
•   Mayor compresión que el formato GIF (+10%)
•   Compresión sin pérdida. 
•   Transparencia variable.
•   No permite animación.

Algunas consideraciones técnicas en la web
El tamaño del gráfico viene determinado por su resolución, sus dimensiones, el número de colores (bits) y la compresión (jpg, gif…)..
•   Crear y guardar las imágenes a 72 ppp que es la resolución a la que el monitor del PC lo muestra todo.
•   La mayoría de los logotipos no tienen por qué ocupar más de 300 píxeles de ancho por 60 píxeles de alto. Para la mayoría de imágenes de productos, basta con 150 x 150 píxeles.
•   Si es posible, reduzca la paleta de colores. Muchos editores de gráficos permiten convertir un gráfico en "miles de colores" a 256, 16 o 4 colores.
•   Elegir imágenes GIF o JPG. Las imágenes GIF son mejores para dibujos, gráficos a base de líneas y logotipos, porque es fácil reducir su paleta a un número muy reducido de colores. Las imágenes JPEG son mejores para fotografías, porque admiten color de 24 bits, y porque gracias a su compresión ofrecen una imagen más brillante que ocupa menos espacio en el disco.
•   Utilice  imágenes GIF siempre que sea posible.
Los medios:
Hay que tener en cuenta SIEMPRE el medio al que va dirigido el proyecto que estamos realizando. Cada medio, necesita su resolución:

Pantalla e internet   -   72 ppp
Impresoras   -   150 ppp-300 ppp. El tamaño es el problema.
Escaners   -   A partir de 150ppp. El más usado 300ppp o más.


De todas formas SIEMPRE habrá que tener en cuenta las características de nuestros medios y hacer pruebas  para conseguir los mejores resultados.
A la hora de insertar una imagen en un documento:
Jamás copie la imagen con CTRL+C y la pegue tal cual CTRL+V ya que haciéndolo así, el documento ocupará más y le dará problemas.
Cómo hacerlo: Primero de todo, optimizar la imagen y ponerla en la resolución adecuada. Si es para imprimir entre 150 y 300 ppp y si es para para un medio digital , 72 ppp. Vaya al menú Insertar imagen desde archivo.
En word: La imagen siempre quedará "flotando" encima del archivo. Para que cada vez que lo abramos no nos de problemas, lo mejor es darle unas características de posición (centrado, izquierda derecha) e incluso mover la regla horizontal. También puede resultar bueno, la creación de una tabla e insertar dentro de la celda la imagen. Aún así, el documento puede dar problemas por el aumento que supone la inserción de imágenes. Lo mejor es siempre tener una copia de ese documento sin imágenes y otra desde la que imprimamos.
II PARTE PRÁCTICA
Los programas fáciles  instalados con WINDOWS son:
-   Microsoft Photoeditor: modificar la orientación de una imagen. Poner transparentes determinadas zonas. Retocar zonas y colores de la imagen. Dispone de filtros. No deja insertar textos ni líneas.
-   Paint: Dispone de una barra de herramientas que permite insertar textos, líneas, incluso algunas opciones del Microsoft photoeditor. Desventaja: da muchas veces el error del Dr. Watson. No informa acerca de la resolución de la imagen.
Podremos también utilizar:
-   VICMAN: Este programa dispone de un tutorial online muy sencillo para aprender a utilizarlo. Podemos modificar las imágenes, insertar textos y líneas y también tiene filtros. No guarda GIF.
-   IRFANVIEW: es uno de los mejores visualizadores de imágenes que hay actualmente. Permite hacer algunas modificaciones de la imagen, recortar  y además nos informa de la resolución de la imagen.
Esots programas son sencillos pero una vez que nosotros aprendemos a utilizar el  Adobe Photoshop, estos tan sencillos, pueden parecernos complicados.
Direcciones para descargar los programas
Irfanview: para realizar cambios de tamaño, resoluciones y algunos filtros
http://www.tucows.com/preview/194967.html
Para retocar:
•   VICMAN : Download: http://vicman.net/vcwphoto
•   PIXIA: Download: http://www.pixianos.freeservers.com
Este programa es para un uso más avanzado. Utiliza "capas". En la página se pueden encontrar algunos apuntes sobre sus utilidades (en castellano).


En línea

Kingblood
ZP User
*

ZP Points: 0
Desconectado Desconectado

Sexo: Masculino
Mensajes: 17
$0.00 Zollars

Inventorio
Enviame Dinero


Ver Perfil WWW
« Respuesta #4 en: Agosto 06, 2006, 09:07:58 »

muy util el articulo se agradece  Wink
En línea

Páginas: [1]   Ir Arriba
Imprimir
Ir a: