Ofrecer imágenes a escala real

Asegúrate de que el tamaño de la imagen en el código HTML coincide con el tamaño del archivo de la imagen real.

En HTML puedes mostrar imágenes del tamaño que desees. Si deseas mostrar una imagen pequeña (10px por 10px) a 600px por 600px, lo puedes hacer. Se verá mal pero podrás hacerlo.

Muchas personas no lo hacen así porque se ve mal.

Sin embargo, es muy común que un webmaster use HTML para redimensionar una imagen pequeña.

Ofrece imágenes a escala real en tu página web.

Ofrece imágenes a escala real en tu página web.

Cuando en HTML muestras una imagen más pequeña que las dimensiones reales de la imagen, el navegador descarga la imagen más grande pero la muestra más pequeña en la página web.

La lógica básica es que si estás mostrando una versión más pequeña de una imagen a tus usuarios, entonces ¿por qué no hacer la imagen más pequeña también? Si lo haces así, reducirás la velocidad de carga de tus páginas web ya que el navegador no tendrá que descargar una imagen tan grande.

Un ejemplo típico donde esto ocurre es en los blogs de WordPress. Cuando subes una imagen a un artículo, WordPress te pregunta qué tamaño de la imagen quieres mostrar (pequeña, mediana o tamaño completo). Si deseas acelerar el tiempo de carga de tus páginas muestra siempre imágenes a tamaño completo.

Si la imagen de tamaño completo es muy grande hazla más pequeña pero no cambies su tamaño con HTML.

¿Te ha gustado?

Te estaría muy agradecido si pudieras valorar esta entrada y compartirla en las redes sociales. De esta manera me animas a continuar trabajando en este {blog} y ayudas a otras personas que desean aprender.

Valora esta entrada

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas

(2 votos, promedio: 5,00 de 5)

Cargando…

Recibe notificaciones de nuevos artículos

Suscríbete para recibir notificaciones de nuevos artículos en tu correo.

Cuéntanos, ¿qué tal te la has pasado?

Deja un comentario si tienes alguna duda o comparte como ha sido tu experiencia. No necesitas registrarte para comentar. Cuando vayas a escribir tu nombre, marca la casilla Prefiero comentar como invitado y envía tu comentario.