Mejores prácticas: imágenes

Hay muchas cosas que puedes hacer con imágenes en la plataforma de ion. En esta publicación de soporte, discutimos algunas de las mejores prácticas que querrás tener en cuenta cuando trabajes con imágenes.

Si sigues estos consejos, podrás encontrar tus imágenes más fácilmente a medida que tu biblioteca de imágenes crezca y reducir el tiempo de carga de tu página.

Organización

Las imágenes que se cargan en tu ion console se colocan en una categoría. Querrás asegurarte de configurar categorías que sean intuitivas para que puedas encontrar un complemento con el tiempo. Es posible que desees tener categorías que se basen en el tamaño de tus imágenes, marca o el tipo de publicación en la que se utilizan.

También querrás seguir una estructura de nombres consistente con tus imágenes para que sean más fáciles de encontrar a medida que crece tu biblioteca. Una opción aquí es tener las dimensiones de la imagen al principio del nombre del archivo. Esto facilitará la identificación de las imágenes que encajarán en determinadas áreas de tus páginas de ion.

Tipos de archivo

Puedes cargar imágenes jpg, png y gif a tu biblioteca de imágenes. En general, las imágenes jpg deben usarse para imágenes con mucho color. Las imágenes con menos color deben guardarse como archivos png, ya que tienden a ser más claros que los archivos jpg.

Tamaño

El ancho más grande que recomendaríamos usar con una imagen sería 1200px, ya que es el ancho de una cuadrícula receptiva en la ventana gráfica. Si la imagen se usa en el fondo de una página, se puede hacer receptiva y la plataforma la hará más grande, según sea necesario.

Nuestro objetivo es mantener el tamaño de las imágenes por debajo de 200 kb para mantener la página optimizada para las mejores prácticas web generales.

También querrás mantener el tamaño de tus imágenes lo más pequeño posible.

El tamaño del archivo es un factor del tipo de archivo que se utiliza, así como las dimensiones de la imagen. También puedes reducir el tamaño de archivo de una imagen comprimiéndola más cuando se crea (fuera de ion).