Optimización De Imágenes Para El Diseño Web

Posteado: 08/09/2011 |Comentarios: 0 | Vistas: 136 |

La optimización de las imágenes en el diseño web es necesaria para permitir que una página web pueda cargar en el menor tiempo posible. Para un tiempo rápido de carga un sitio web requiere de un pequeño archivo.

Un diseñador de páginas web puede utilizar imágenes de excelente calidad y tener el diseño web de un sitio con una descarga de una rapidez increíble, pero debe tener en  cuenta que una carga rápida requiere archivos de imágenes de pequeño tamaño, y desafortunadamente, hoy en día no existe un compromiso entre calidad de imagen y tamaño del archivo.

Los internautas se caracterizan por ser un grupo notablemente impaciente, por lo cual si el diseño web de un sitio tarda mucho en cargar, ellos simplemente se retiran con un clic atrás y no vuelven a visitar el sitio nunca más.
A su vez, los monitores de un ordenador común sólo pueden mostrar imágenes a 72 ppp (puntos por pulgada). Así que el primer paso en la optimización de una imagen para el diseño web es reducir su resolución a 72 dpi. Una imagen de gran tamaño puede ser cortada hasta su punto más pequeño y acomodarse de forma precisa en la página web. Cada imagen debe ser un archivo muy pequeño para que pueda cargar en una fracción del tiempo de lo que lo hace una imagen sin modificación.

La mayoría de los archivos gráficos contienen información sobre la paleta de colores de la imagen. Esta información no suele ser necesaria para su visualización dentro de un diseño web. Muchos programas de gráficos incluyen la posibilidad de "Guardar para la Web", esta opción descarta toda la información innecesaria en el archivo sin perder de calidad de la imagen.

Otro método que parece acelerar el tiempo de carga de las imágenes en un diseño web es utilizar un archivo GIF o PNG entrelazado o en modo JPEG progresivo. Estas propiedades permiten a la imagen una carga gradual, que empieza primero en una imagen borrosa que se vuelve más nítida y clara progresivamente. En realidad, la imagen carga en una fracción de segundo más lenta que los formatos habituales, pero es una descarga rápida para los visitantes del sitio.

Algunos diseñadores Web utilizan imágenes para todo tipo de diseño web. Si bien puede ser muy atractivo y estético para un sitio web, sin duda las imágenes reducen la velocidad de carga de la página. Así, la  velocidad de carga de una página web se debe a la suma de archivos HTML más el tamaño de todos los archivos incrustados. Las imágenes constituyen más del 50% del tiempo de descarga de un sitio web. El utilizar menos imágenes acelerará el tiempo de descarga de la página, lo que contrarrestará la impaciencia de muchos visitantes de un sitio web.

Hacer una pregunta

Pregunta
200 Caracteres que restan
Puntear artículo
  • 1
  • 2
  • 3
  • 4
  • 5
  • 0 voto(s)
    Comentar
    Imprimir
    Re-Publicar
    Fuente del Artículo: http://www.articuloz.com/diseno-web-articulos/optimizacion-de-imagenes-para-el-diseno-web-5201323.html

    Agregue un nuevo comentario

    Carlos Bernal

    Descubre por qué un diseño web sencillo y sin muchas características puede llegar a ser más efectivo que otros tipos de diseños.

    por: Carlos Bernall Internet> Diseño Webl 04/12/2011 lVistas: 215

    Diseño web Mallorca, diseño web corporativo y creación de logotipos y posicionamiento web Palma de Mallorca, Baleares (Coll D' en Rabassa). Profesionales en Diseño web e imagen de empresa, realización de portales web en programación php.

    por: powertl Marketing> Notas de Prensal 01/06/2011 lVistas: 45
    Carlos Bernal

    Descubre por que el método de programación para el diseño web, CSS es apropiado para configurar un sitio web que sea reconocido por motores de búsqueda, Google especialmente.

    por: Carlos Bernall Internet> Diseño Webl 07/09/2011 lVistas: 108
    Carlos Bernal

    Estos son algunos sitios recomendados para encontrar imágenes originales, de manera gratuita y con los derechos abiertos, para aplicar al diseño web.

    por: Carlos Bernall Internet> Diseño Webl 20/10/2011 lVistas: 143
    Carlos Bernal

    Esta es una guía en diseño web que te ofrecerá los conceptos esenciales para crear un sitio web de calidad y altamente eficiente.

    por: Carlos Bernall Internet> Diseño Webl 05/01/2012 lVistas: 132
    Carlos Bernal

    A la hora de tener un diseño web eficiente, saber determinar muy bien las palabras clave del sitio es esencial para lograr un adecuado posicionamiento web y el mayor reconocimiento para los motores de búsqueda.

    por: Carlos Bernall Internet> Diseño Webl 05/03/2012 lVistas: 53
    Helen Cummins

    Director Dr. Helen Cummins está ocupada llevando sus ambiciosos planes de negocios a su consecución.

    por: Helen Cumminsl Noticias & Sociedadl 27/06/2011 lVistas: 46
    Carlos Bernal

    Aquí te presentamos algunos sitio relevantes para ubicar un Avatar original, que podremos utilizar nuestra navegación en Internet o para el diseño web de un sitio.

    por: Carlos Bernall Internet> Diseño Webl 20/10/2011 lVistas: 149

    Se resume en cuatro pasos el desarrollo de un sitio web. Se trata de desarrollar en cada artículos los pasos necesarios para desarrollar un sitio web. Diseño y desarrollo no es lo mismo. Diseño es crear o hacer o idear cual va a ser el aspecto de una página web. Desarrollo web es todo el proceso desde el diseño hasta el subir el diseño a Internet. Sitio web es el conjunto de páginas que lo integran, en torno a un tema. Y página web es solo un elemento de información, una parte de ese todo.

    por: José Mantillal Internet> Diseño Webl 30/07/2014

    Existe en internet una gran cantidad de artículos, videos, blogs, webs, y bibliografía sobre como elaborar, programar diseñar una página web exitosa; pero esta cantidad de información no se encuentra recopilada en una sola parte, ni se encuentra ordenada en un proceso lógico a seguir. Con base a mi experiencia, espero que este artículo sea de gran ayuda para aquellos que están interesados en iniciar a elaborar un diseño web.

    por: carlosl Internet> Diseño Webl 25/07/2014

    Diseño de paginas de Internet, Arte Grafico, Manejo de redes sociales El tener hoy día una pagina de internet a dejado de ser un lujo para convertirse en una herramienta para su negocio. No importa que tipo de negocio tienes pequeño, mediano, grande o la idea que tengas en mente, el internet es un mercado lleno de clientes potenciales.

    por: Ramonl Internet> Diseño Webl 30/06/2014

    El diseño web adaptable o adaptativo (en inglés, Responsive Web Design) es una filosofía de diseño y desarrollo web

    por: Randamil Internet> Diseño Webl 23/06/2014
    David Millán

    El diseño web online se ha convertido una profesión de gran futuro, ya que no sólo brinda infinidad de posibilidades para todas aquellas que tengan un negocio y posean una página web,

    por: David Millánl Internet> Diseño Webl 21/06/2014
    Rolando Piedrahita

    La verdad sobre el diseño de páginas web, ya no es un lujo, es una necesidad pero debe representar beneficios para le empresa, ese es el secreto.

    por: Rolando Piedrahital Internet> Diseño Webl 11/06/2014
    David Millán

    Si eres un amante del diseño web y tus conocimientos van mucho más allá que los que cualquier otra persona, quizás deberías plantearte crear un curso online diseño web

    por: David Millánl Internet> Diseño Webl 18/05/2014
    David Millán

    ¿Estás realmente contento con tu página web? ¿Tu sitio web recibe las visitas suficientes? ¿El rendimiento conseguido es el esperado? A pesar de que muchas páginas web se crean con un fabuloso diseño, hay otros aspectos que no se tienen en cuenta y que pueden perjudicar el rendimiento y potencial que puede llegar a tener una página web

    por: David Millánl Internet> Diseño Webl 13/05/2014 lVistas: 13
    Carlos Bernal

    Sin duda, una guardería o escuela infantil es la opción indicada para tener una vida tranquila, cuiden bien de nuestro hijos y reciban al mismo tiempo la mejor educación y enseñanza para la vida.

    por: Carlos Bernall Educación> Escuelasl 23/10/2012 lVistas: 43
    Carlos Bernal

    Sin duda, para conocer más sobre cómo ganar en Forex es necesario realizar antes de cualquier inversión un análisis técnico sobre el mercado que se está escogiendo y sobre las condiciones que presenta.

    por: Carlos Bernall Finanzas> Forexl 06/06/2012 lVistas: 113
    Carlos Bernal

    Estos son algunos consejos, estructurados en las leyes básicas de sucesiones, que ayudarán a crear un adecuado documento de sucesión, que popularmente se conoce con el nombre de Testamento.

    por: Carlos Bernall Leyesl 05/06/2012 lVistas: 217
    Carlos Bernal

    Crear aplicaciones móviles y por diferentes Sistemas Operativos puede ser un proceso algo complejo, que sólo pocas personas saben cómo llevar a cabo de manera eficiente, más si estamos hablando de aplicaciones empleadas para la comercialización de productos o servicios.

    por: Carlos Bernall Tecnología> Informática Móvill 04/06/2012 lVistas: 91
    Carlos Bernal

    Aprende en este artículo cómo y cuando se deben utilizar los andamios, y además de qué medidas de seguridad son necesarias.

    por: Carlos Bernall Hogar & Familia> Mejoras Del Hogarl 01/06/2012 lVistas: 103
    Carlos Bernal

    Estos son algunos conceptos esenciales sobre el sonido, que ayudarán a entender un poco más sobre este interesante tema.

    por: Carlos Bernall Tecnología> Tecnologíal 31/05/2012 lVistas: 151
    Carlos Bernal

    Cuando pierdes las llaves del coche debes saber a quien llamar. Un buen cerrajero te puede sacar del problema más rápido de lo imaginas.

    por: Carlos Bernall Automóvilesl 31/05/2012 lVistas: 164
    Carlos Bernal

    Es altamente beneficioso para un sitio web y el impacto que este quiere generar en su público objetivo, tener un contenido de calidad y muy bien estructurado. Este aspecto es tan relevante como los enfoques de desarrollo y diseño web necesario para crear y configurar un sitio web.

    por: Carlos Bernall Internet> Diseño Webl 07/05/2012 lVistas: 74
    Box del Autor
    Categorías
    Quantcast