Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Comprensión de Gráficos Vectoriales y Rasterizados | Trabajando con Medios y Tablas
HTML Definitivo
course content

Contenido del Curso

HTML Definitivo

HTML Definitivo

1. Comprensión del Desarrollo Web
2. Etiquetas y Atributos HTML
3. Estructura del Documento HTML
4. Trabajando con Medios y Tablas

book
Comprensión de Gráficos Vectoriales y Rasterizados

Existen dos tipos principales de formatos gráficos utilizados en medios digitales: gráficos vectoriales y gráficos rasterizados.

Gráficos vectoriales

Los gráficos vectoriales se crean utilizando ecuaciones matemáticas basadas en líneas y formas en lugar de píxeles. Esto significa que los gráficos vectoriales pueden escalarse hacia arriba o hacia abajo en tamaño sin perder calidad, ya que son independientes de la resolución. Los formatos de archivo estándar para gráficos vectoriales incluyen SVG. Ejecutemos el siguiente ejemplo y verifiquemos que no hay diferencia en la calidad de la imagen, considerando que el tamaño es diferente.

html

index.html

copy

Gráficos rasterizados

Los gráficos rasterizados, por otro lado, se crean utilizando píxeles y dependen de la resolución. Esto significa que, cuando se aumenta el tamaño de un gráfico rasterizado, los píxeles se vuelven más visibles, lo que resulta en una pérdida de calidad. Los formatos de archivo de gráficos rasterizados más comunes incluyen JPEG, PNG y GIF. Observemos el siguiente ejemplo. Al aumentar el ancho, los píxeles se hacen más notorios y la calidad de la imagen disminuye.

html

index.html

copy

En resumen, los gráficos vectoriales se utilizan normalmente para logotipos, ilustraciones y otros diseños que requieren escalabilidad. En cambio, los gráficos rasterizados se emplean para fotografías y otros diseños que requieren un alto nivel de detalle. Sin embargo, ambos tipos de gráficos presentan ventajas y desventajas.

1. ¿Qué tipo de formato gráfico es más adecuado para logotipos e ilustraciones que necesitan escalarse sin perder calidad?

2. ¿Qué tipo de formato gráfico es más adecuado para fotografías y diseños que requieren un alto nivel de detalle?

3. ¿Se pueden escalar los gráficos rasterizados sin perder calidad?

question mark

¿Qué tipo de formato gráfico es más adecuado para logotipos e ilustraciones que necesitan escalarse sin perder calidad?

Select the correct answer

question mark

¿Qué tipo de formato gráfico es más adecuado para fotografías y diseños que requieren un alto nivel de detalle?

Select the correct answer

question mark

¿Se pueden escalar los gráficos rasterizados sin perder calidad?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 4. Capítulo 4
Lamentamos que algo salió mal. ¿Qué pasó?
some-alt