FORMATO DE ARCHIVO PARA GRÁFICAS(JPEG/GIF/PNG)

JPEG:

Este formato lo creó The Joint Photographers Experts Group (JPEG, archivos .jpg). Es uno de los formatos más conocidos para la compresión de fotografías digitales. Es uno de los pocos formatos que se soporta en Internet (Web). El soporte de color verdadero (24 bits) de JPEG nos ofrece imágenes con una profundidad de 16.777.216 colores.

Las cámaras digitales y los escáneres suelen almacenar las imágenes en formato JPEG. No obstante, y dado que la compresión de este formato afecta a la calidad de imagen, se puede escoger diferentes niveles de compresión: a más baja compresión mayor calidad. A más alta compresión menor calidad.

Precauciones para no perder calidad

Se puede optar por una compresión alta para crear archivos que ocupen poco espacio, que se usarán en la Web o para ser enviadas por correo electrónico. JPEG puede llegar a comprimir una imagen hasta sólo un 10 % de su tamaño original, sin que el ojo humano pueda percibir grandes diferencias.

No se deben guardar imágenes en formato JPEG, si se van a modificar. Cada vez que se edita, la imagen sufre una pérdida de calidad. Es imprescindible, por tanto, tener una copia en formato BMP o TIFF, con la máxima profundidad de color y sin compresión, y guardar en formato JPEG (.jpg) sólo las imágenes finales que se vayan a publicar.

GIF:

Es un formato de archivo bastante antiguo. Lo desarrolló Compuserve para su propia red comercial. Este tipo de archivo se creó con la finalidad de obtener archivos de tamaño muy pequeño. GIF es muy indicado para guardar imágenes no fotográficas, como logotipos o dibujos.

El formato GIF guarda imágenes de 8 bits, no 8 bits por cada color RGB, sino que indexa sólo 256 colores como máximo.

PNG:

Es un formato gráfico cada vez más usado en lugar de GIF. Se muestra correctamente en los navegadores, su uso está libre de derechos y permite una alta compresión así como una reproducción progresiva de imágenes con hasta 16,7 millones de colores. 


TAMAÑO DE LA IMÁGEN PARA LA WEB¿QUE HAY QUE TENER EN CUENTA?:


Uno de los errores más comunes en los principiantes al incluir imágenes es el tomarlas directamente del escaner y simplemente escalarlas al tamaño que desean en el programa de edición de páginas. La solución es muy sencilla; en el programa de tratamiento de imágenes, buscamos la opción que permita cambiar la densidad de la imagen (la resolución) o efectuar un nuevo muestreo (resample.) para ajustar el tamaño a la resolución de pantalla.



Después de preparar los ficheros para las páginas web, debe guardarse siempre una imagen original con el tamaño, resolución y número de colores necesarios para podrla manipular sin limitaciones. Si queremos recuperar toda esta informaciòn después de alterar la imagen para optimizarla en pantalla, pueden surgir todo tipo de imperfecciones. En pocas palabras, los "originales" deben guardarse en un formato que no pierda calidad, y que conserve íntegra la información de los colores. Para los ficheros de mapa de bits, sirven TIFF y BMP, y los formatos nativos de Photoshop, PaintShop Pro, Photopaint... para los ficheros vectoriales, no hay problema: basta con guardar en el formato original del programa (AI -EPS, FH-, CDR, XAR...)

Cómo optimizar el tamaño de las imágenes.

Puesto que el tamaño de un fichero gráfico depende del número de colores, tamaño y resolución, todo lo que permita recortar estos parámetros implicará reducción del tamaño del fichero y por tanto, del tiempo de descarga necesario. Por otro lado, debemos elegir el formato de fichero adecuado, con los sistemas de compresión GIF y JPG. Ambos admiten diferentes opciones, y según elijamos, podemos llegar a una solución satisfactoria: imagen de buena calidad con tamaño aceptable.
Sobre la resolución, está todo dicho: basta con 72 dpi.
El tamaño de la imagen dependerá, evidentmente, de su tamaño y del grado de detalle que queramos mostrar. Debemos tener en cuenta que para una imagen de gran tamaño (por ejemplo, toda la pantalla),el tamaño puede ser muy grande y se hace imprescindible adoptar estrategias de optimización. A veces puede ser conveniente dividir la imagen en partes, optimizarlas al máximo por separado y preparar una tabla que muestre, aparentemente, una imagen única intacta.





El número de colores para jpeg es casi irrelevante: como mínimo debe haber 256. Lo que permite ajustar mejor el tamaño de un jpeg es el grado de compresión, que se puede elegir en el programa de gráficos. Si vamos probando, podemos llegar al tamaño mínimo con el que la pérdida de calidad es insignificante. En cambio, para los gifs el número de colores sí que es importante; el máximo aquí es 256, pero si podemos mantener el número más bajo, el tamaño será menor. En el cuadro de diálogo para guardar como gif una imagen (ilustración adjunta) tenemos diversas opciones: elegir el número de colores, el tipo de paleta, qué hacer con los colores no presentes en ésta, transparencia...
La forma en que se simulan los colores no contenidos en la paleta que elijamos para el gif puede ser: a) convertirlos a los colores más próximos en la paleta disponible; b) simular una trama que se aproxime al color. Estos dos parámetros nos permiten hacer diferentes pruebas a la busca de la mejor solución en términos de calidad y tamaño.
Esta tarea de optimización, de todos modos, también se puede automatizar. Diferentes programas tienen la opción de procesar por lotes (conjuntos de imágenes) o pueden grabar macros o acciones del proceso de optimización, para después aplicarlos a un conjunto de gráficos simultáneamente.

RESOLUCIÓN PARA LA WEB (72ppp)

-¿Por qué optimizar las imágenes?

Siempre que sacamos una foto con nuestra cámara digital o escaneamos una imagen suele ser por defecto bastante grande; esto tiene una fácil explicación: en el mundo de la edición de imagen digital existe una máxima “Siempre puedes disminuir pero nunca aumentar el tamaño de una imagen” así que por defecto, (a no ser que te atrevas con la configuración de tu escáner o máquina de fotos) las imágenes van a ser demasiado grandes para la web y con una resolución demasiado alta.

Un ejemplo: imagen sacada con una cámara digital Kodak DX7590 de 5 megapíxels

Dimensiones: 2576 x 1932 píxeles

Tamaño de almacenamiento: 1,62 MB

Resolución: 72 ppp

En un documento de Word puede parecer que la imagen no es demasiado grande; sin embargo, esta imagen en una página web no se vería entera. ¿Por qué?. Fijémonos en la resolución de nuestro monitor:

El tamaño de nuestra imagen es más del doble de la resolución de nuestro monitor (1024 x 768 píxeles) por lo que si la colgamos en Internet tendremos que utilizar las barras de desplazamiento para verla y eso no es muy cómodo, además de que no tendremos una vista completa. Un tamaño adecuado (si interesa que el usuario aprecie la imagen) suele ser 640 x 480 píxeles. Así, los monitores que estén configurados a 800 x 600 todavía la podrán ver entera. Obviamente, las imágenes utilizadas como complemento gráfico en artículos, trabajos, etc. no necesitan ser tan grandes.

La resolución adecuada para ver las imágenes en la pantalla del ordenador es de 72 ppp (puntos por pulgada), así que todas las imágenes destinadas a la web tienen esta resolución. Una resolución mayor no hará que se vean mejor y aumentará innecesariamente el tamaño de los archivos.

NORMAS DE COMPOSICIÓN

USO DE VERSALES:


Llamamos versales a aquellas palabras cuya primera letra es mayúscula. usamos versales en:

• En las portadas de los libros, los titulares de las divisiones de los mismos, los rótulos, inscripciones, títulos de periódicos y revistas, etc.
• La primera palabra de todo párrafo, la que va detrás de punto y la que sigue a los dos puntos después del principio de una carta, al comenzar una cita o cuando sea la copia literal de un texto.
• Todos los nombres propios y apellidos, así como los apodos o sobrenombres de las personas: La Monja, el Alférez, el Zurdo.
• Los apellidos o nombres propios de las familias son invariables: no pueden traducirse a otra lengua ni cambiar de género o número. Por ejemplo, si decimos: los Morales para designar a una familia que se apellide Moral, puede confundirse con otra que se llame Morales. Así, pues, debe decirse: los Moral, los Valbuena, etc.
• Los títulos, cargos, atributos divinos y nombres de dignidad, cuando sustituyen al nombre propio: Los Reyes Católicos, el Conde Duque de Olivares, Su Majestad el Rey, el Sumo Pontífice.
• Los nombres aplicados a Dios y a la Virgen: el Creador, la Macarena, el Sagrado Corazón.
• Los nombres de instituciones y sus siglas. También ciertos nombres colectivos: Organización de Naciones Unidas (ONU), el Clero influyó, las Cortes del Reino, no hay que mezclar el Ejército.
• Las abreviaturas de tratamientos especiales: Dr. (doctor), D. (don), Srta. (señorita).
• Los nombres y adjetivos que constituyen el título de una obra: Biblioteca Profesional Labor, Tecnología de Artes Gráficas, La Venganza de don Mendo.
• Nombres propios de accidentes geográficos: Cabo de Hornos, Sierra Morena.

USO DE VERSALITAS:

LLamamos versalitas a un tipo especial de mayúsculas cuya altura corresponde a la caja baja en lugar de la alta, aunque en determinados soportes, programas o tipografías no es posible su uso, por lo que usaremos mayúsculas.
Usamos versalitas en:

• Los nombres de los personajes en las piezas teatrales: TARTUFO: ¡Ay! Eso quisiera yo con todo mi corazón…
• La numeración de los siglos: Siglo XXI
• Para expresar el título de la obra o publicación periódica que se citará así misma: Nuestro diario LA GACETA ha sido hoy premiada con …
• La designación de los artículos en estatutos, leyes, decretos, ordenanzas, etc.: Según el ARTÍCULO V
• Las palabras de encabezamientos en memorias y discursos: MEMORIA ANUAL.

USO DE CURSIVAS:

Usamos cursivas en:

• Títulos de libros, obras de arte, películas, obras de teatro y programas de televisión y periódicos: El Quijote. El Guernica. Lo que el viento se llevo.
• Términos técnicos o de reciente aparición: este proceso se llamakerning.
• Definiciones dentro de una oración: su nombre en hebreo significa paz.
• Nombres de barcos y aeronaves: Santa Mar ía, transbordado espacial Challenger.
• Letras individuales que se refieren a las letras mismas: la letra Tsiempre necesita interletraje.
• Géneros y especies: es el ejemplo más antiguo de homo sapiens.
• Palabras extranjeras y locuciones no adaptadas en la lengua común:Newspaper
• Como regla general una palabras que no esté en el diccionario debe componerse en cursiva.

USO DE NEGRITAS:

El texto negrita es el resultado de iterativos golpes en el cráneo de los científicos de la Nasa en el desarrollo del revolucionario formato MediaWiki, ellos no hallaron mejor idea que colocar apóstrofos ( antes y después de la palabras para que de esta forma naciera el maravilloso e insuperable Texto en negrita. A pesar de que este consiste en un complejo código Wiki y prácticamente imposible de aprender lo enseñaremos a usar y sacar toda su potencialidad (leer más abajo).



Indispensable texto que tiene la particularidad de estar oscurito debido al contraste y seriedad que produce. Básicamente consiste en tres comillas simples con alguno que otro texto en medio

Por increíble y alocado que pueda sonar el Texto en negrita sirve para ennegrecer (no confundir con enegreser) el texto en el cual se aplica, cabe destacar que puede ennegrecer cualquier palabra que se aloje justamente en tu cerebro el centro de los mencionados apóstrofos. Usted puede

El origen del texto en negrita es desconocido, ya que en el origen no se utilizaba en informática ni en ninguna otra ciencia

-USOS:

• Vandalismo: Generalmente usado por usuario vandalos y/o trolls que en su empeño de llamar la atención y resaltar sus palabras caen en el error de apretar el botón y escribir a un lado, demostrando su no aceptación del software media wiki.
• Resaltar palabras: Uso primordial de este eficaz invento científico con el cual logra diferenciar distintas palabras tal cual lo hace este artículo.

USO DE SUBRAYADO:

En la web hay que intentar no subrayar porque puede confundirse con vínculos y en un texto no hay problema porque se suele subrayar...títulos,definiciones...etc

TIPOGRAFÍA PARA PÁGINAS WEB:


FAMILIA:


Una familia tipográfica es un grupo de signos escriturales que comparten rasgos de diseño comunes, conformando todas ellas una unidad tipográfica. Los miembros de una familia (los tipos) se parecen entre si, pero también tienen rasgos propios. 


FUENTE:


 Conjunto de caracteres tipográficos de un determinado diseño y tamaño de estilo tipo de letra. Usualmente, cada estilo de letra (Times Roman, Helvética, Arial, etc.) está disponible en cuatro variaciones: normal, negrita, cursiva (bastardilla) y negrita-cursiva. Así, para fuentes por mapas de bits, que están totalmente generadas con anticipación, se requerirían cuatro fuentes para cada tamaño en puntos usado en cada estilo de letra. Para fuentes escalables, que se generan en el momento en cualquier tamaño de punto, se necesitarían sólo cuatro fuentes para cada estilo de letra.

ESTILO:

Característica que posee una fuente tipográfica que la hace destacar de alguna manera.  Los típicos estilos de fuente son:  Negrita (bold o strong).  Cursiva  (también llamada itálica, bastardilla o aldina).  Negrita y cursiva. Regular (también llamada Normal o Romana). TIPOS DE FUENTES: -CON REMATE: De entre las distintas partes que conforman la anatomía de una letra, los remates ocupan un lugar importante ya que por si solos con su presencia o ausencia, forma, grosor y tamaño determinan en gran manera el aspecto general de la misma. -PALO SECO O SIN REMATE: En tipografía, un tipo de letra paloseco, de palo seco o sin remates es aquel que en cada carácter no tiene unas pequeñas terminaciones llamadas remates, gracias o serifas. Las letras de palo seco son comúnmente usadas para titulares pero no para cuerpos o bloques de texto grandes; las serifas, ayudan a guiar la mirada a través de toda la línea de texto; la falta de serifas en los tipos de letra paloseco obliga a esforzar mucho más la vista al leer grandes bloques de texto. Sin embargo, cuando se lee con tipos de letra paloseco en una pantalla, la pixelación logra que éstas se vean mucho más limpias que las tipografías con serifa, por lo que es mucho más recomendable utilizar bloques de texto con tipos de letra paloseco en las pantallas.  letra de palo seco o sans serif -ESCRITURA: Las que parece que están hechas a mano.

-FANTASÍA:

CUERPO:

El origen de esta denominación se encuentra en el sistema tipográfico.

La altura de la tipografía se divide en tres sectores: alto, medio, bajo y la suma de los tres sectores más un pequeño espacio blanco (llamado hombro) –necesario para que no se toquen los rasgos ascendentes de una línea con los descendentes de la otra– constituye el valor de cuerpo.

La proporción entre los tres sectores no es constante en todas las tipografías, generando grises diferentes en el texto.

Si querés saber cómo se denominaban antiguamente los cuerpos tipográficos según el sistema Fournier.

INTERLINEA:

Como lo dice la palabra, el interlineado es la separación existente que hay entre líneas. Se mide en puntos.

PÁRRAFO:

Un párrafo es una unidad de discurso en texto escrito que expresa una idea o un argumento. Está integrado por un conjunto de oraciones que se encuentran relacionadas entre sí por el tema que trata y por su organización lógica y significado.

-TIPOS DE PÁRRAFOS:

 ordinario: primera línea con sangría y el resto justificado.
 moderno: líneas justificadas, la última no es necesario que llegue hasta el final.
 en bloque: todas las líneas están justificadas al máximo. francés: primera línea entera y el resto con sangría (típica estructura de los diccionarios).
 alineado a la derecha o bandera izquierda.
 alineado a la izquierda o bandera derecha.
 centrado o epigráfico: (típica estructura de muchos textos poéticos).
 base de lámpara: líneas centradas que van disminuyendo.

TIPOMETRÍA:

Se llama Tipometría al conjunto de técnicas que se usan para medir los caracteres de imprenta y muchos aspectos de los procesos de la impresión de textos.

UNIDADES TIPOMÉTRICAS:

-CÍCERO:

 Es una unidad de medida tipográfica por la que se rige tradicionalmente todo el material de imprenta en España y en otros países de la Europa continental. Se divide en 12 puntos, equivalente a 4,5126 mm en el sistema Didot. Equivale aproximadamente a la pica anglosajona.

Esta medida no se encuentra internacionalmente unificada. En Estados Unidos, como en buena parte de los países hispanoamericanos, se la denomina pica y, aunque también se divide en 12 puntos, es algo menor y equivale a 4,2177 mm. En el sistema Fournier tiene también 12 puntos pero mide 4,200 mm y en la Imprenta Real de Turín (Italia) mide 4,776 mm.

-PICA:

Unidad de medida tipográfica, semejante al cícero, equivalente a 12 puntos, utilizada en diversos países americanos.

-PUNTO CÍCERO:

Es la unidad de medida que se utiliza para los elementos tipográficos. Su valor en milímetros es 0,376 mm.

Generalmente se utiliza para:

- Medir el cuerpo de un texto

- Medir el interlineado

- Medir el espaciado entre párrafos

- Para indicar el grosor de un filete

- Para indicar pequeños blancos entre texto, columnas de texto, u otras partes de la composición.

-PUNTO PICA:

El sistema de medición angloamericano se basa en la pulgada inglesa (corresponde a 25,4 milímetros). Un punto de pica equivale a 1/72 pulgadas.

SANGRÍA:



En la composición seguida, la primera línea de todo párrafo comienza ordinariamente más adentro que las restantes; el blanco con que se hace esta entrada se denomina sangría.

La sangría cambia según el cuerpo y medida de la línea. En las medidas menores de 14 cíceros se sangra a cuadratín; hasta 20 cíceros, a cuadratín y medio; y en las sucesivas, a dos cuadratines.
Esta regla se debe observar no sólo en el primer párrafo de la composición, sino en todo punto y aparte. Modernamente no se sangra nunca a más de cuadratín y medio, si bien en ciertos trabajos de fantasía le dan de entrada algunos hasta la mitad de la línea.

Cuando en la composición se encuentra una serie de párrafos con numeración ordinal, se aumentará a cada uno medio cuadratín más de entrada; y si de éstos se derivaran otros apartados, se pondrá a cada uno de estos un nuevo medio cuadratín.

LINEAS DE REFERENCIA:

Líneas de referencia de una letra

TRACKING:

Es el espacio entre todas las letras del párrafo.

KERNING:

Es el espacio que hay entre dos letras en concreto.

LEGIBILIDAD:

La legibilidad ha sido estudiada utilizando test de velocidad de lectura, comprensión, movimiento ocular y varios otros criterios. Esto ha llevado a que en cada proyecto de investigación efectuado se redefiniera la legibilidad de acuerdo a nuevos estándares y la consecuencia ha sido una amplia discrepancia sobre los factores que hacen que un texto sea legible. En realidad, hay tantas variables que contribuyen a la legibilidad que se hace difícil determinar un conjunto limitado de reglas de rápida y segura aplicación  . Lo que si es posible, en cualquier caso, es fijar algunas líneas maestras que nos ayuden a crear texto legible.

En lo que sí están de acuerdo bastantes investigadores y escritores es en que la legibilidad de las diferentes tipografías está fuertemente influenciada por la maqueta elegida para la composición y no por las características propias de los tipos . Es muy fácil diseñar una página utilizando un tipo con buenas características de legibilidad (como por ejemplo el Times Roman), y crear una página que presente dificultades para su lectura (por el ancho de sus columnas, tamaño del tipo, espaciado, etc). Por tanto, aunque la disposición tipográfica de la página (o macrotipografía) no es el objeto de discusión planteado, es un factor que no debe olvidarse.