Facebook Twitter
alltechbites.com

HTML - Sugerencias Para La Gestión De Archivos De Imagen

Publicado en Diciembre 16, 2023 por Grant Tafreshi

Gráficos HTML. Es un verdadero acto de equilibrio que no siempre es una tarea fácil de lograr. Seamos sinceros. Las páginas web que son todo texto son simplemente aburridas para verificar. Es como leer los obituarios en el periódico. Por lo tanto, los gráficos realmente se pueden encontrar a mano cuando se intenta arreglar un poco su sitio web. La cuestión es que los gráficos, o incluso los archivos más gráficos especialmente, pueden ser extremadamente grandes y tomar mucho tiempo para agruparse en una página completa. Cuando tiene demasiados gráficos o si los gráficos que ha elegido son grandes, los visitantes pueden perder la paciencia esperando que cargue la página. El resultado es que has perdido a tu audiencia de todos modos, ya que han cambiado. Entonces, ¿cómo puede lograr un equilibrio entre un sitio web de aspecto aburrido y algo que tarda una eternidad en cargarse? Revisaremos un par de cosas que ciertamente puede hacer con respecto a este problema en esta publicación.

El primer y más fácil movimiento de hacer es no usar demasiados archivos gráficos en su propio sitio. A veces se necesita simplemente un par de archivos gráficos cuidadosamente colocados en una página completa para captar completamente la atención de los visitantes, especialmente si tiene una página con noticias. A veces, solo una sola foto del tema principal del artículo de los titulares de noticias, digamos una personalidad, es todo lo que se requiere junto al texto de los titulares de noticias. Si el artículo de los titulares de noticias en sí va más allá de la página inicial, es posible agregar otra foto asociada con eso en otra página. Esto siempre puede mantener la atención de los visitantes al darle algunas imágenes.

Lo siguiente que puede hacer, si debe tener varias fotos en una página completa, es disminuir cuán grande es cada gráfico. Un archivo gráfico comprende píxeles y se representa en cuanto al tamaño en bytes. Cuantos más bytes en un archivo gráfico, mayor será el archivo y más tiempo requerirá cargar en una página completa. La mayoría de los programas de gráficos le permiten reducir la calidad comprimiéndolos, que se realiza al eliminar firmemente algunos de los detalles gráficos, o algunos de los píxeles. Con la repetición, es posible tomar suficientes detalles del archivo para que la falta de detalle sea prácticamente indetectable por el ojo y, sin embargo, reduzca simultáneamente un archivo gráfico de 64,000 bytes a un archivo gráfico de 32,000 bytes y, por lo tanto, reduce la cantidad de tiempo de tensión por la mitad. Si tiene varias fotos en la página, esto puede marcar una gran diferencia.

Otra cosa que se puede hacer es usar archivos gráficos, llamados archivos GIF, que pueden cargarse, por lo que, de hecho, la foto se muestra gradualmente en la pantalla, ya que se carga para que el visitante pueda ver fácilmente que verá una imagen allí después de la carga de la carga del archivo. .

Una cosa que los diseñadores de sitios web a veces olvidan es que algunos navegadores no muestran archivos gráficos correctamente o en absoluto. Para permitir debido a esta posibilidad como un servicio de diseño web, al codificar su HTML, debe incluir lo que se llama texto alternativo en su etiqueta fuente de imagen para que si los visitantes no pueden ver gráficos, pueden tener en cuenta que algo está destinado a estar ahí.

Otra cosa que debe hacer es asegurarse de que sus fotos estén enmarcadas correctamente en la página. Si desea bordes alrededor de sus fotos, asegúrese de agregar una etiqueta Borders = 1 en su propio archivo de origen de imagen.

Finalmente, asegúrese de ser las opciones de altura y ancho en sus etiquetas de origen de imagen. Lo que esto hace es asegurarse de que el código HTML ofrece un área precisa para la foto incluso antes de que se cargue. Esto puede ayudar a aumentar el tiempo de carga debido a la forma en que se gestiona la memoria.