Tamaño imagen para web
Pixabay
El punto focal puede variar, pero funcionará mejor si sigue la regla de los tercios. La imagen puede quedar oscurecida por un texto superpuesto en el tercio izquierdo o derecho (inferior o superior en los móviles). Algunas partes de la imagen serán recortadas para ajustarse a ciertos tamaños de pantalla. Puedes elegir qué parte de la imagen debe tener prioridad.
Foto de portada: 820 x 312Aparecerá en la página a 820 x 312 píxeles. Todo lo que sea menos se estirará.Tamaño mínimo de 400 x 150 píxeles.Se muestra a 820 x 312 píxeles en el escritorio y a 640 x 360 píxeles en los teléfonos inteligentes.No se muestra en los teléfonos con funciones.Para obtener los mejores resultados, sube un archivo JPG sRGB de menos de 100 KB.Las imágenes con un logotipo o texto pueden ser mejores como archivo PNG.Las dimensiones de la página de empresa son exactamente las mismas que las de las cuentas personales.
Imagen compartida (en un post): 1.200 X 630Tamaño de subida recomendado de 1.200 x 630 píxeles.Aparecerá en el feed con un ancho máximo de 470 píxeles (se escalará a un máximo de 1:1).Aparecerá en la página con un ancho máximo de 504 píxeles (se escalará a un máximo de 1:1).
Tamaño de las fotos: 1080 x 1080El tamaño de las imágenes de Instagram se ha incrementado a 1080 x 1080 píxeles.Instagram sigue escalando estas fotos a 612 x 612 píxeles.Aparecerán en el feed a 510 x 510 píxeles.Fotos cuadradas o rectangulares: asegúrate de mantener una relación de aspecto entre 1,91:1 y la relación 4:5.Las imágenes de cabecera destacadas más pequeñas aparecen como 204 x 204 píxeles, y las imágenes de cabecera destacadas más grandes aparecen como 409 x 409 píxeles.
Smugmug
Cuando se trata de SEO de imágenes, es importante utilizar palabras clave relevantes para ayudar a que tu página web se posicione en los motores de búsqueda. Crear nombres de archivo descriptivos y ricos en palabras clave es crucial para la optimización de imágenes. Los motores de búsqueda no sólo rastrean el texto de tu página web, sino también los nombres de tus archivos de imagen.
Consulta este artículo de Moz para entender la importancia de nombrar estratégicamente los archivos de imagen de tu sitio. Sin duda puede mejorar su SEO en la página, pero también puede ayudar a que sus páginas e imágenes se clasifiquen mejor en las páginas de resultados de los motores de búsqueda (SERP).
Los atributos Alt son la alternativa textual a las imágenes cuando un navegador no puede representarlas correctamente. También se utilizan para la accesibilidad web. Incluso cuando la imagen se renderiza, si pasas por encima de ella, verás el texto del atributo alt (dependiendo de la configuración de tu navegador).
Por último, haz siempre una comprobación de cordura de vez en cuando. Mira la fuente de tus páginas web y comprueba si tus atributos alt están bien rellenados. Te sorprenderá lo que se te escapa cuando te mueves a la velocidad de la empresa.
Imágenes de google
Tengo más de 10 años de experiencia en la creación de sitios web de fotografía, y siempre tengo que encontrar el equilibrio adecuado entre la creación de un impacto visual impresionante y la elaboración de una experiencia de sitio web rápida y fácil de usar.
En esta guía detallada, te enseñaré todo lo que necesitas saber sobre el tamaño y la compresión de las imágenes antes de subirlas a tu sitio web, qué herramientas utilizar, cómo probar la velocidad de tu sitio y mucho más.
Encontrará consejos directos y prácticos sobre cómo optimizar las imágenes para la web y cómo mejorar los resultados de rendimiento de su sitio rápidamente, con montones de ejemplos y recursos, y una completa sección de preguntas frecuentes al final.
El rendimiento del sitio web se ha convertido en los últimos años en un factor esencial para el SEO y la experiencia del usuario, ya que la velocidad de conexión ha mejorado mucho. Cualquier retraso en los tiempos de carga de las páginas puede hacer que los visitantes de su sitio web pierdan interés y se marchen.
Todo empieza por averiguar las dimensiones correctas de las imágenes necesarias para tus páginas, para poder prepararlas mejor en tu ordenador primero. Subir imágenes de gran tamaño a tu sitio, sin tener en cuenta el tamaño real al que se utilizan, es lo que provoca grandes problemas de rendimiento.
Tineye
Las imágenes son esenciales en la web. Mantienen la atención de los usuarios y hacen que un sitio web, una entrada de blog, un anuncio o un correo electrónico tengan un aspecto profesional. Pero esas mismas imágenes pueden estar perjudicando a su sitio. Pueden tardar mucho en cargarse, lo que repercute negativamente en la experiencia del usuario y en su posicionamiento en los motores de búsqueda. Para evitarlo, tienes que aprender a cambiar el tamaño de las imágenes para la web.
¿Por qué sus archivos de imagen tardan tanto en cargarse? La razón principal es el tamaño de los archivos de las imágenes. Cuanto más grandes son los archivos, más trabajo tiene que hacer tu página web. Los siguientes tres factores afectan al tamaño total del archivo de una imagen:
Cuando navegas por una página web, tu navegador descarga la información de esa página en unidades llamadas bytes (por ejemplo, kilobytes, megabytes). Todo lo que hay en una página, desde las imágenes y el texto hasta las animaciones y los menús de navegación, ocupa una determinada cantidad de espacio en disco que se mide en bytes. Es lógico que cuantos más bytes se utilicen para componer una página web, más tiempo tardará ésta en cargarse.
La forma más fácil y directa de ayudar a la velocidad de su página es reducir el tamaño de los archivos de imagen. Este proceso se llama compresión de imágenes. Cualquiera puede reducir el tamaño de los archivos de imagen utilizando nuestro editor de fotos online. No tienes que estar familiarizado con el diseño o el código para hacerlo.
Relacionados
