Tamaños y tipos de archivos para la web

Tamaños y tipos de archivos para la web en Illustrator

Los tamaños y tipos de archivos para la web en illustrator nos ayudarán a saber qué tipo de archivo queremos.

Por ejemplo, si queremos un archivo para impresión o si queremos un archivo para web, o simplemente para ser visto en algunos dispositivos.

Diseñando para la web con Illustrator

Muchas veces nos topamos con la idea de querer que nuestra web sea más dinámica para los usuarios.
Es por ello que Illustrator nos trae una inmensa variedad de tamaños ya sea predefinidos o personalizados.

Adobe Illustrator nos provee hasta este día al menos 19 plantillas con formato predefinido y una con un formato personalizado.
Pero ¿De qué nos sirve saber los tipos y tamaños que Adobe Illustrator? a continuación explicaremos y responderemos esta pregunta.

Plantillas y los ajustes preestablecidos

Ahora explicaremos brevemente qué significa cada una de las siguientes palabras.

Plantillas

Formatos predefinidos que nos proporcionan contenido variado y reutilizable.
Con las plantillas podemos:

• Compartir ajustes y elementos de diseño en común
• Crear plantillas en blanco con dimensiones y ajustes preestablecidos
• Abrir como archivos .ai
• Incluir gran variedad de mesas de trabajo

Estas plantillas también pueden ser descargadas desde Adobe Stock y estas nos ofrecen gráficos e ilustraciones de calidad.

Ajustes preestablecidos

Se denomina a ajustes preestablecidos a los documentos en blanco con dimensiones y ajustes preestablecidos.
Con los ajustes preestablecidos podemos simplificar el diseño de factores de forma o dispositivos en específico

Con estos ajustes podemos obtener valores predefinidos como:

• Tamaño
• Color
• Modo
• Unidad
• Orientación
• Posición
• Sangrado
• Resolución

División de las plantillas y los ajustes preestablecidos

Las categorías por las que se dividen las plantillas y los ajustes preestablecidos son las siguientes.

Categorías:

• Móvil
• Web
• Imprimir
• Película y video
• Arte e ilustración

Plantillas para web tamaños

Ajustes preestablecidos de documentos en blanco para web:

• Común
• Web (Grande)
• Web
• Mínima
• 1280×800
• 1440×900
• MacBook Pro 13 Retina
• MacBook Pro 15 Retina
• iMac 27
• 960×560
• 800×600
• 640×480

Colores RGB y las pantallas en illustrator

RGB por sus siglas en inglés rojo, verde y azul (Red Green Blue) es la composición del color en la intensidad de los colores primarios de la luz.

Este es un modelo de color que se basa en la síntesis aditiva, con este modelo podemos representar un color mediante la mezcla de los tres colores de luz primarios.

Los valores de RGB muestran colores diferentes en distintos dispositivos que utilicen este modelo.

Importancia de los tamaños y tipos de archivos Web en Illustrator

El modelo RGB nos ayudará para que nuestra percepción de los colores sea lo que le de calidad a nuestros diseños.
Por ello es que para la Web, Illustrator nos recomienda diferentes tipos y tamaños para la creación de nuestros archivos web.
Todo esto con el fin de que nuestro diseño sea adaptable y de la calidad deseada para nuestros usuarios web.

Notas finales

Por otro lado redimensionar la imagen no es lo mismo que modificar o escalar la imagen en la web mediante código HTML. De este modo se ve adecuadamente en la web, pero la imagen tienen un tamaño mayor del necesario.

Por lo tanto, una labor incluso previa a la optimización de la imagen es reducirla a la anchura y altura adecuadas para la página web donde se va a colocar.

Al final del dia solo recae en un solo momento, y este es cuando debe tomarse la decisión sobre qué formato utilizar y qué parámetros de la conversión quieren controlarse o experimentarse y es en este punto en donde nos damos cuenta que los tamaños y tipos de archivos para la web llegan a ser importantes.

De esta forma esperemos que este articulo de Tamaños y tipos de archivos para la web les sea de gran ayuda para ustedes ya sea en el presente, o en el futuro.

Créditos A sarai santiago autora de este post

---