G. Tratamiento y optimización de imágenes para Internet
6. Notas generales
Imágenes de los contenidos creados en el portal EducaMadrid
Los contenidos creados con el Administrador de contenidos del portal permiten seleccionar una imagen destacada. Al crear el contenido, la propia aplicación creará de forma automática tres copias de la imagen:
- Una pequeña, de 200 píxeles de ancho o alto, que se mostrará en la vista resumida del contenido.
- Una mediana, de 250 píxeles, que se mostrará en la vista detallada del contenido.
- Una grande, de 550, que se mostrará al ampliar la imagen del contenido.
También guardará la imagen original.
La imagen de 550 píxeles se mostrará al pinchar sobre la imagen mediana que vemos en la vista detallada del contenido. Como vemos, una parte importante de la labor de optimización la hace EducaMadrid por nosotros.
¿Qué dimensiones deben tener las imágenes?
Las que queráis, pero conviene no hacerlas demasiado grandes. Un máximo de 550 o 600 píxeles de ancho o de alto suele ser suficiente para una correcta visualización de las ampliaciones. Las imágenes cuadradas podrían ser algo más pequeñas: 450x450 o 375x375 píxeles, por ejemplo.
Utilizar siempre los mismos tamaños puede hacer que nuestras páginas sean más agradables. Podemos definir un tamaño para las imágenes verticales, otro para las horizontales y otro para las cuadradas, y usarlos siempre. Eso, por supuesto, es decisión de cada usuario.
Optimización de imágenes con Photoshop
El proceso es casi idéntico, así que si alguien tiene Photoshop y lo prefiere a GIMP, no tendrá ningún problema siguiendo las indicaciones anteriores.
De todas formas, aquí tenéis algunas indicaciones para Photoshop: