Tamaño de imagen para web

Tamaño y resolución de una imagen:

Tamaño de imagen: Se refiere a sus dimensiones reales en términos de anchura y altura una vez impresa.  Por ejemplo, un folio DIN A4, mide 21 centímetros de ancho y 29,7 cm de alto ( para más información, revisa nuestra lección de medidas de papel).

Resolución de una imagen: es la que finalmente determinará tanto el tamaño de la imagen en sus dimensiones físicas y cantidad de espacio que ocupará al guardarse en el disco duro. Al digitalizar una imagen a determinada resolución, ésta se mantiene fija.

Resolución	Uso
72 ppp	Esta es la resolución estándar para ver una imagen en un monitor. La puedes usar, por ejemplo, para imágenes que aparecen en una página Web. También puedes usarla para tus Manga, para una calidad mediocre en Internet y una calidad muy baja para ser impreso en papel.
150 ppp	Puedes utilizar esta resolución para colgar tus Manga en Internet (para los demás) a una calidad bastante buena para Internet y mediocre para imprimir.
300 ppp	Utiliza esta resolución para conservar tus Manga en el PC (para ti) a buena calidad.
600 ppp	Utiliza esta resolución para conservar tus Manga en el PC (para ti) si quieres una calidad buenísima. Necesitarás un buen ordenador para trabajar con estos archivos.
Mayor de 600 ppp	Se utiliza para proyectos profesionales de mayor calidad, pero para un Manga casero, no se recomienda llegar a este punto.

Formatos de archivos por gráficos.

Jpeg: 

Permite graduar el nivel de comprensión de cada una de las imágenes. El sistema de comprensión que usa JPEG se basa en reducir información promediándola en las zonas de degradado, es decir que se calcula el valor de color de algunos píxeles en función del color de los píxeles que le rodean. Este fomato es muy eficiente a la hora de almacenar imágenes que posean muchos degradados y matices de color.

Gif: 

El formato GIF ( Graphic Interchange Format, formato de intercanvio de gráficos) es un formato de archivos de gráficos de mapa de bits (una trama) desarrollado por Compuserve.

Existen dos versiones:

• El GIF 87a, que es compatible con la comprensión LZW, puede entrelazar una paleta de 256 colores y tiene la posibilidad de crear imágenes animadas( llamadas GIF animados) almacenando varias imágenes en el mismo archivo.
• El GIF 89a, que tiene como agregado la posibilidad de designar un color transparente para la paleta y especificar el tiempo de las animaciones.

Formato Png:

(Siglas en inglés de Gráficos de Red Portátiles, pronunciadas ''ping'') es un formato gráfico basado en algoritmo de comprensión sin pérdida para bitmaps no sujeto a patentes. 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.

Un archivo PNG empieza con una firma de 8 bytes.

Tipografías: uso de versales, minúsculas, cursiva o itálica y versalitas

VERSALES:

Suelen utilizarse en :

• Portadas de libros, titulares de los periódicos... 
• Todos los nombres propios y apellidos, así también como sobrenombres de personas: El Zurdo, La Manca...
• Los apellidos o los nombres propios de las familias son invariables: no pueden traducirse a otra lengua ni cambiar de género y número por ejemplo, si queremos referirnos a una familia que se apellida Moral, no podemos dirigirnos a ellos llamándolos los Morales por que podemos confundirlos con otra familia que de verdad se apellida Morales, así pues  los llamaremos los Moral.
• También se utilizan en cargos o títulos, o cuando se sustituyen nombres propios, por ejemplo: Su Majestad el Rey.
• En nombres aplicados a dios y a la virgen.
• Nombres de instituciones o también siglas (ONU) "Organización de Naciones Unidas".
• Abreviaturas para tratamientos especiales como, Dr( doctor ) Srta ( señorita )...
• Nombres o adjetivos que constituyen una obra: Tecnología de Ártes Gráficas.
• Y por último, nombres propios de accidentes geográficos: Sierra Morena etc...

CURSIVA O ITÁLICA: 

Se utiliza en diferentes casos: 

• En títulos de libros u obras de arte como: El Quijote, El Guernica.
• Términos técnicos o de reciente aparición: este proceso se llama kerning.
• Definiciones dentro de una oración: su nombre en hebreo significa paz.
• Nombres de barcos o aeronaves.
• Letras individuales que se refieren a las mismas letras: Letra T.
• Géneros y especies: homo sapiens.
• Palabras extranjeras y locuciones no adaptadas en la lengua común: Newspaper, Monday.
• Las palabras que no aparezcan en el diccionario deben aparecer en cursiva.

VERSALITAS

• Los nombres de los personajes en las piezas teatrales: PEPITO: mami me quieren pegar!.
• 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 periódico LA GACETA ha sido publicado...
• La designación de los artículos en estatutos, leyes...: ARTÍCULO V
• La palabra que va seguida de una letra capitular o inicial debe escribirse en versalitas.

NEGRITAS

Se llama negrita o negrilla a la variante de la letra que tiene los trazos mas gruesos es especial con relación a la que se considera normal 
FUNCIÓN: La función de las letras negritas es destacar parte del texto como marca visual en un organización. Al contrario de las cursivas no tienen funciones relacionadas con la semántica o la intencionalidad. Se emplea sobretodo en títulos.
Permiten al lector encontrar rápidamente u punto del texto que se considera de especial importancia. Marcan un énfasis que solo es perceptible en el momento de la lectura
SERIES: En algunos casos tienen diferentes grosores en los trazos que reciben nombres como seminegra, negra, extranegra.

SUBRAYADO

El subrayado es un recurso que en papel impreso se utiliza para enfatizar, sin embargo en la web no se debe emplear con este objetivo ya que da lugar a confusión con los vínculos.
Para títulos es preferible que no se utilice el subrayado, ya que es posible que haya confusión, por eso podíamos utilizar la cursiva o negrita.

Tipografías para páginas web.

Ejemplo de tipograma

Fuente:

Es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.

Familia:

En tipografía significa un conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo, en el grosor y anchura, pero manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios.


Clasificación de las familias tipográficas:

Las serif se clasifican en las siguientes clases: Romanas Antiguas, Romanas de Transición, Romanas Modernas y Egipcias.
Las sans serif se clasifican como: Grotescas, Neogóticas, Geométricas y humanísticas.

Familia de letras Romanas Antiguas

Se caracterizan por los siguientes detalles:

•  Son letras que tienen serif.
•  Su terminación es aguda y de base ancha.
•  Los trazos son variables y ascendentes finos y descendientes gruesos.
•  La dirección del eje de engrosamiento es oblicua.
•  El espaciado de las letras es esencialmente amplio.
•  Un peso y color intenso en su apariencia general.

Podemos incluir en este grupo de las letras romanas antiguas: Garamond, Caslon y trajan.

Palo seco:

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, 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.

Fantasía:
Similares en cierto modo a las letras capitulares iluminadas medievales, resultan por lo general poco legibles, por lo que no se adecuan en la composición de texto y su utilización se circunscribe a titulares cortos.

Escritura: 

Cuerpo tipográfico 

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.


Interlínea 

Es la distancia o blanco entre dos líneas de texto. La medida de interlineado se determina midiendo de la base de la caja de x de una línea a la base de la caja de x de la siguiente. El interlineado se mide en puntos y cuando la distancia es igual al cuerpo tipográfico se denomina interlínea sólida y se escribe así: 10/10; 12/12; etc. Un buen interlineado estabiliza el ritmo de la lectura, lo leído se recibe y se conserva en la memoria sin esfuerzo, una interlínea muy apretada dificulta la lectura y una interlínea muy separada produce el mismo problema.

Tenemos que tener en cuenta que un iterlineado cerrado o menor al cuerpo usado también es posible de utilizar, esto se denomina interlineado negativo, generalmente se lo utiliza en cuerpos mayores a 14 puntos, 16/4; 18/16.
La utilización de una interlínea sólida, negativa o más abierta, dependerá del tipo de pieza gráfica y de la decisión de diseño que se haya planteado.
Se denominan también interlíneas, a las regletas que se utilizan en la composición tipográfica. 

Párrafo 

El párrafo es una porción del texto encerrada entre dos puntos y aparte; puede contener varios períodos señalados por puntos o puntos y coma. La idea de fondo de esta sección es que a cada párrafo le debe corresponder una única idea del esbozo. Este planteamiento, típico del mundo anglosajón y americano, puede parecer excesivamente mecanicista y simplista. En realidad, desde un punto de vista didáctico está justificado sólo para aquellos estudiantes que encuentran muchas dificultades para escribir

 Este método, además, sólo se asume como hipótesis de trabajo, ya que después se va verificando a medida que se avanza en la escritura; es posible, por ejemplo, agrupar en un único párrafo más ideas que las que se encuentran en el esbozo, o asociar más párrafos a la misma idea, cuando estas opciones dan lugar a una mejor organización del texto.

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.

Existen algunas características de los tipos que hacen que con algunos se consiga un texto más legible que con otros: por ejemplo: ascendentes, descendentes y ojo medio.

Los ascendentes y los descendentes de las letras son críticos para reconocerlas .
Un ojo medio pequeño incrementa el espacio blanco entre las líneas y enfatiza la imagen de la línea de texto y un ojo medio excesivamente grande puede dificultar la velocidad de lectura, debido probablemente a la imagen débil que presentan las palabras.


Contrastre, color y grosor del trazo, diseño del remate, características distintivas, las contraformas y las formas familiares también son características de la legibilidad.