que es la arquitectura

1. Instituto Tecnológico de Acapulco
Ing. en Sistemas Computacionales
Materia: Programación Web
CONCEPTOS GENERALES
Que es la arquitectura de las aplicaciones web
Acapulco, Guerrero. 30 de agosto de 2023
Nombre de Alumno: No. Control
Salgado Montes Jesus Alberto 18320986

2. En la era digital actual, la estética visual y la experiencia del usuario son elementos
fundamentales para el éxito de un sitio web. Los formatos gráficos desempeñan un papel crucial
en la presentación y la funcionalidad de un sitio web, ya que influyen en la carga de la página, la
calidad de la imagen y la coherencia estilística. En este sentido, es esencial comprender los
diferentes formatos gráficos disponibles y cómo se deben utilizar de manera efectiva en un sitio
web.
1. Formatos gráficos más comunes:
Los formatos gráficos más utilizados en los sitios web incluyen JPEG (Joint Photographic
Experts Group), PNG (Portable Network Graphics) y GIF (Graphics Interchange Format).
JPEG (Joint Photographic Experts Group): Es uno de los formatos más comunes para imágenes
fotográficas en la web. Ofrece una compresión con pérdida, lo que significa que reduce el tamaño
del archivo sacrificando cierta calidad de imagen. Esto lo hace adecuado para fotografías donde
la reducción de calidad no sea muy perceptible. Los archivos JPEG son ideales para imágenes
con gradientes suaves y millones de colores.
PNG (Portable Network Graphics): Este formato es ampliamente utilizado para imágenes que
requieren transparencia, como logotipos y gráficos con fondos no sólidos. A diferencia de JPEG,
PNG ofrece compresión sin pérdida, lo que significa que mantiene la calidad de la imagen
mientras reduce el tamaño del archivo. Además, el formato PNG admite también una mayor
profundidad de color, lo que lo hace adecuado para imágenes con detalles nítidos y texto.
GIF (Graphics Interchange Format): Los GIF son conocidos por su capacidad para mostrar
animaciones y secuencias de imágenes. Aunque tienen una paleta de colores limitada en
comparación con otros formatos, su capacidad para mostrar animaciones los hace ideales para
elementos visuales simples como íconos animados o banners publicitarios pequeños.
2. Consideraciones de uso:
Calidad vs. Tamaño: A la hora de elegir un formato gráfico, es fundamental considerar el
equilibrio entre la calidad de la imagen y el tamaño del archivo. Las imágenes de alta calidad son

3. visualmente atractivas, pero los archivos grandes pueden ralentizar el tiempo de carga del sitio
web. Comprimir las imágenes correctamente es esencial para mantener una experiencia de
usuario fluida.
Transparencia: Si se necesita que una imagen tenga áreas transparentes, el formato PNG es la
elección adecuada debido a su capacidad para conservar la transparencia de los píxeles. Esto es
especialmente útil para superponer imágenes en diferentes fondos.
Animaciones: Si se busca añadir animaciones a un sitio web, el formato GIF puede ser útil para
elementos simples y pequeñas animaciones. Sin embargo, para animaciones más complejas y
fluidas, se pueden considerar otros formatos como el formato de video WebM o el formato
APNG (Animated Portable Network Graphics).
Optimización: La optimización de imágenes es esencial para garantizar una carga rápida del sitio
web. Utilizar herramientas de compresión y dimensiones adecuadas puede ayudar a reducir el
tamaño de los archivos sin comprometer demasiado la calidad.
Responsive Design: Dado que los usuarios acceden a sitios web desde una variedad de
dispositivos y tamaños de pantalla, es importante utilizar formatos gráficos que sean compatibles
con el diseño responsivo. Las imágenes deben adaptarse sin problemas a diferentes tamaños de
pantalla sin perder claridad ni proporción.
3. Tendencias emergentes:
Con el avance de la tecnología web, han surgido nuevos formatos y técnicas para mejorar la
experiencia visual. Algunas tendencias emergentes incluyen:
Imágenes WebP: Este formato desarrollado por Google combina compresión con y sin pérdida,
lo que permite mantener una alta calidad con un tamaño de archivo reducido. Sin embargo, su
adopción puede ser limitada en algunos navegadores más antiguos.
SVG (Scalable Vector Graphics): Aunque no es un formato de imagen en el sentido tradicional,
los archivos SVG son vectores escalables que se utilizan para gráficos y logotipos. Al ser
escalables, mantienen su nitidez en cualquier tamaño y son ideales para pantallas de alta
resolución.