¿Cómo puedo cargar imágenes de alta calidad en mi sitio web sin afectar el peso / velocidad de mi sitio web?

Dominick Navarro está cerca de la marca, sin embargo, hay un poco más de esto que solo servir imágenes de alta calidad.

La pregunta es, ¿necesita publicar imágenes de alta calidad en su sitio web para todos ? Esa es una pregunta realmente importante.

Además, ¿qué tan alta calidad es realmente necesaria? ¿Necesita imágenes 4k para todos, o sería suficiente HD estándar? Identificar eso ayudará a aligerar un poco la carga.

Dicho esto, dependiendo de cómo diseñe su sitio web, puede aprovechar los gráficos Retina y solo mostrar la imagen de la más alta calidad necesaria para mostrar y solo para aquellos que pueden recibirla … así que si alguien visita su sitio en una computadora que puede No maneje ni muestre gráficos Retina, se les servirá una foto de menor calidad … mientras que alguien que lo visite en un dispositivo móvil, monitor 4K, etc., verá la mejor calidad que usted proporciona.

Además, el uso de la compresión web es un punto enorme para enfocarse. Ejecute todas sus imágenes a través de TinyPNG. Funciona de maravilla para jpg y png. Maravillas Como 80% de ahorro en compresión sin pérdida de calidad visible.

En general, el diseño web no se trata solo de lanzar algunas fotos y esperar lo mejor. Pasé casi una década haciéndolo y lo prometo, es una ciencia para aquellos que se preocupan lo suficiente como para aprenderlo. Tómese el tiempo para aprender. Vale la pena.

Asegúrese de que el tamaño de sus imágenes sea suficiente para su sitio web, no querría una imagen de 2048 x 2048 que se mostraría como 512 x 512 en su sitio web. Experimente con diferentes tasas de compresión, asegúrese de estar usando imágenes comprimidas y encuentre el número correcto para lo que está buscando.