Imágenes y enlaces

Poner imágenes

Se utiliza la etiqueta <img> incluyendo el atributo "src"

Patio del instituto

Y aunque deberíamos editar todas las imágenes para ajustarles el tamaño, también podemos utilizar los artibutos width y height, indicar la anchura y altura con la que se muestran de forma que quede un diseño elegante

Poner enlaces

Para hacer enlaces, vínculos, links, hipervínculos, o como queráis llamarlos, se utiliza la etiqueta a y debemos darle el atributo href obligatorio

Tipos de enlaces:

Enlace a una página nuestra (a href="index.html"):

Ir a home

Enlace a una página de internet (a href="https://www.google.es"):

Ir a Google

Enlace a una página en una pestaña nueva (a href="..." target="_blank"

Ir a Google en otra pestaña

Enlace sobre una imagen:

Gato en 3 dimensiones

Enlace a una dirección de correo (a href="mailto:webmaster@webmaster.com"

Enviar un correo al webmaster

Enlace a un programa Javascript (a href="Javascript:"):

Pulsa aquí

Enlace a un marcador:

Bajar abajo de la página y pulsar sobre la flecha

Los formatos de imagen

Incluyendo tipos propietarios, hay centenares de tipos de archivo de imagen. Los formatos PNG, JPEG, y GIF son los utilizados más a menudo para mostrar imágenes en Internet. Algunos de estos formatos gráficos están listados y brevemente descritos abajo, separados en las dos familias principales de gráficos: ráster y vector. Sumado a los formatos de imágenes "sencillos", existen formatos Metafile que son portables y pueden incluir información tanto ráster como de vector. Algunos ejemplos son los formatos independientes de la aplicación tales como WMF y EMF. El formato Metafile es un formato intermedio. La mayoría de las aplicaciones abren metafiles y luego los guardan en su propio formato nativo. Además, existen lenguajes de descripción de páginas que refieren a formatos usados para describir el diseño de una página impresa que contendrá texto e imágenes. Algunos ejemplos son PostScript, PDF y PCL.

Formato JPG

JPEG (Joint Photographic Experts Group, por sus siglas en inglés) es un método de compresión con pérdida; Las imágenes comprimidas en JPEG son normalmente almacenadas en el formato de archivo JFIF (JPEG File Interchange Format). La extensión de los archivos JPG/JFIF es JPG o JPEG. Casi todas las cámaras digitales toman imágenes en formato JPG/JFIF, el cual soporta imágenes escala de grises de 8 bits e imágenes de color de 24 bits (ocho bits para cada tono RGB; rojo, verde y azul). El formato JPEG aplica compresión con pérdida a imágenes, lo que pueden resultar en una reducción significativa del tamaño del archivo. Las aplicaciones pueden determinar el grado de compresión a aplicar, la cantidad de compresión afecta la calidad visual del resultado. Cuando no es demasiado grande, la compresión no afecta drásticamente la calidad de la imagen pero los archivos JPEG padecen degradación generacional cuando son repetidamente editados y guardados. (JPEG también proporciona imágenes de compresión sin pérdida, pero esta versión no recibe soporte)

Formato PNG

El formato de archivo PNG (de Portable Network Graphics, Gráfico de Red Portátil) fue creado como una alternativa de fuente abierta a GIF. PNG acepta paletas de colores de 8 bits (con transparencia opcional para todos los colores de paleta), 24 bits (16 millones de colores) o 48 bits con y sin canal alfa, mientras que GIF soporta sólo 256 colores y un único color transparente. Comparado con JPEG, PNG sobresale cuando la imagen tiene grandes áreas de colores uniformes. Incluso para fotografías, donde JPEG es frecuentemente la elección para la distribución final debido a que su técnica de compresión produce generalmente ficheros de tamaño menor, PNG sigue siendo una buena opción para almacenar las imágenes durante el proceso de edición debido a su compresión sin pérdida. PNG proporciona una opción libre de patentes a GIF (si bien es cierto que GIF ahora mismo está libre de patentes), y puede también reemplazar muchos de los usos comunes de TIFF. Soporta imágenes de color indexado, de escalas de grises y de color verdadero, además de un canal alfa opcional. El entrelazado Adam7 permite una previsualización temprana, incluso cuando tan sólo han sido transmitidos un pequeño porcentaje de los datos de la imagen. PNG puede almacenar datos gamma y de cromaticidad para mejorar la similitud de colores en plataformas heterogéneas. PNG está diseñado para trabajar bien en aplicaciones de visualización en línea como los navegadores web, y se pueden transmitir completamente con un opción de visualización progresiva. PNG es robusto, proporcionando tanto un chequeo completo de la integridad del fichero como la detección simple de errores comunes de transmisión. Los formatos animados derivados desde PNG son MNG y APNG, compatible con PNG y soportado por algunos navegadores.

Formato GIF

El GIF (Formato de intercambio de gráficos) es un formato creado por CompuServe en 1987 que codifica los colores con 8 bits aunque cada color codificado permite hacer referencia a una paleta de 24 bits (8 bits por cada color base). Entre los colores uno puede ser definido como transparente por lo que trasluce los colores del fondo. GIF utiliza una compresión sin pérdidas denominada LZW (Lempel-Ziv-Welch) muy eficiente en áreas de un mismo color. Al ser un formato simple y longevo, el GIF es uno de los formatos más ampliamente soportados. Debido a sus capacidades de animación, es utilizado para proporcionar efectos de animación de imagen sencillos. El formato atravesó una fase de contoversia cuando Unisys reclamó derechos de copyright a los usuarios del algoritmo LZW cubierto por una patente de su propiedad. Los derechos de esta patente finalizaron entre 2002 y 2004.

Formato SVG

SVG (Gráfico de Vector escalable) es un estándar abierto creado y desarrollado por el Consorcio de World Wide Web para dirigir la necesidad (e intentos de varias empresas) para un versátiles, scriptable y todo-formato de vector del propósito para la web y otherwise. El SVG el formato no tiene un esquema de compresión de su propio, pero debido a la naturaleza textual de XML, un SVG gráfico puede ser comprimido utilizando un programa como gzip. Debido a su scripting potencial, SVG es un componente clave en aplicaciones web: páginas web interactivas que mirada y acto como aplicaciones.


ASIR 2021 ©Juan Pablo