Creando los banners.

Published by IOadmin on

Un problema frecuente es que hacen los banners en alta resolución y después los pasan o comprimen a la resolución que requiere el sistema.

Propósito del reporte de resultados: Ser impreso y visto a una palma de la cara. Es un reporte no una visualización en pantalla. Un papel tiene 8.5 pulgadas de ancho y 11 de largo , el típico a4. Si se asume una resolución de 96pixeles por pulgada eso nos da 816 , por eso trabajamos con 800 como máximo de ancho. La dimensión 800x 100 o 120 es para que el diseñador la use total , no debe dejar vacíos o blancos, esos espacios o separaciones se ponen en sistema.

Las dimensiones del banner superior es 800×120 pixeles , mas o menos. Y el banner inferior es 675×120 mas o menos. No se ocupa ser exacto.

Ambas imágenes deben venir en formato .png.

Cuando usted diseña los banners en una resolución 2000×1024 y después la quiere pasar a 800×120 pixeles . Si esa imagen tenia letras , esa conversión afecta la calidad de las letras y puede que le queden pixeladas.

Lo que debe hacerse es de un inicio , definir el área de trabajo en 800×120, hacer el diseño , poner los textos del tamaño que guste y salvar.

Este ejemplo lo hice con paint.net.

Lo primero es definir el TAMAÑO DEL ÁREA DE TRABAJO a 800×120 hay que desactivar cualquier automatización que intente mantener el ratio de aspecto.

Si se hizo correctamente , ver mas o menos un área rectangular similar a la de la imagen, tome en cuenta que este ejemplo , esta hecho en un monitor con 2560×1440 de resolución.

Como el área de trabajo es pequeña , entonces puede utilizar ZOOM para hacerla grande y trabajar mas cómodo. Este ZOOM no es un cambio de tamaño.

A manera de ejemplo en la imagen anterior puse un texto en colibri 8pt.

8pt es lo mas pequeño, que es legible , si bien el texto se nota un poco distorsionado , recuerde que estamos en un ZOOM , ya la siguiente imagen es a tamaño real y el texto es legible y sin pixelacion.

Pueden hacerse imágenes a mayor resolución, mayor tamaño. Si se puede pero como todo esta diseñado a 800×120 , los layouts se tienen que re-definir para que ignore la resolución y se vaya al limite y comprima a 800px, esa compresión puede pixelear el texto.

Usamos 800px porque hay garantía de que no importa el tipo de impresora que tenga el paciente final , podrá imprimirlo sin que una pagina se le parta a lo horizontal. Se prevee una densidad de impresión de 96 pixeles por pulgada mas o menos .

Por supuesto hay impresoras con resoluciones altisimas pero las cosas se hacen con esas dimensiones para que sea imprimible/legible en impresoras de baja resolución.

Categories: Iolab documentacion