SlideShare une entreprise Scribd logo
1  sur  13
Imágenes
Prof. Eudes
Extensiones de archivos de imagen
• En informática, una extensión de archivo o extensión de fichero, es
una cadena de caracteres anexada al nombre de un archivo,
usualmente precedida por un punto. Su función principal es
diferenciar el contenido del archivo de modo que el sistema operativo
disponga el procedimiento necesario para ejecutarlo o interpretarlo,
sin embargo, la extensión es solamente parte del nombre del archivo y
no representa ningún tipo de obligación respecto a su contenido.
JPEG
• JPEG (del inglés Joint Photographic Experts Group, Grupo Conjunto de
Expertos en Fotografía), es el nombre de un comité de expertos que creó un
estándar de compresión y codificación de archivos de imágenes fijas. Este
comité fue integrado desde sus inicios por la fusión de varias agrupaciones
en un intento de compartir y desarrollar su experiencia en la digitalización de
imágenes. La ISO, tres años antes (abril de 1983), había iniciado sus
investigaciones en el área.
PNG
• Portable Network Graphics en un formato gráfico basado en un algoritmo
de compresión sin pérdida, fue desarrollado para solventar las carencias del
GIF y permite mayor profundidad de contraste. Es un formato sin perdida
de calidad con una excelente compresión, ideal para imágenes formadas por
grandes áreas de color plano o con pocas variaciones de color (y soporta
transparencias). Sus características lo hacen ideal para su uso en internet,
pero no ha tenido la expansión que se esperaba (algunos navegadores no lo
visualizan correctamente).
GIF
• Es un formato diseñado por Compu Serve y son las siglas del inglés Graphic
Interchange Format (Formato Gráfico de Intercambio), puede almacenar
hasta 256 colores, por lo que pertenece a imágenes muy sencillas, como
dibujos, rayas, tramados y su peso es mínimo. Es multiplataforma y se usa
habitualmente en internet para logotipos (soporta animación), aunque debido
su simpleza, es menos frecuente cada día.
BMP
• Windows bitmap (.BMP) es el formato propio del programa, que viene con
el sistema operativo Windows. Puede guardar imágenes de 24 bits (16,7
millones de colores), 8 bits (256 colores) y menos. Puede darse a estos
archivos una compresión sin pérdida de calidad: la compresión RLE (Run-
length encoding).
<IMG>
• El uso de imágenes es uno de los factores que ha popularizado tanto World
Wide Web. Incluir imágenes en una presentación web es muy sencillo, solo
debe de tener en cuenta que las imágenes tienen que tener los formatos GIF,
JPEG o PNG. Las imágenes en línea, se especifican a partir de la
tag <img> que no tiene una tag correspondiente de cierre pero que puede
acompañarse de los siguientes atributos:
<IMG SRC="/graficos/logo.jpg"
src
• Este atributo es obligatorio e indica el nombre del archivo de imagen (entre
comillas) o la URL que se va a representar.
<IMG SRC="/graficos/logo.jpg"
Align
• Permite controlar la alineación de una imagen con respecto a una línea de
texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son
los ya conocidosleft, right, top, middle y bottom.
<IMG align=middle> </IMG>
Alt
• Es la alternativa que se estableció cuando todavía existían visualizadores de
solo texto. Entre comillas podremos escribir un texto que suplantara a esta
imagen si no se carga o mientras se carga o cuando, visualizando ya la
imagen, pasamos el ratón por encima.
<IMG ALT="Un bebé"> </IMG>
WIDTH
• Este atributo es opcional pero es recomendable ponerlo para ayudar al
navegador a representar la imagen, significa el ancho de la imagen que vamos
a representar.
<IMG SRC="/graficos/bebe1.jpg" WIDTH=140></IMG>
HEIGHT
• Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este
significa el alto de la imagen.
<IMG SRC="/graficos/logo.jpg" HEIGHT=210
></IMG>
BORDER
• Con BORDER especificamos el ancho de un borde que rodea la imagen.
<IMG SRC="/graficos/logo.jpg" WIDTH=140
HEIGHT=210 BORDER=0 ALT="Un bebé">

Contenu connexe

Tendances (17)

PRACTICA 23
PRACTICA 23PRACTICA 23
PRACTICA 23
 
Lupita 24
Lupita 24Lupita 24
Lupita 24
 
Formato de imágenes
Formato de imágenesFormato de imágenes
Formato de imágenes
 
Practica 23.- Conceptos Básicos de Dreamweaver
Practica 23.- Conceptos Básicos de DreamweaverPractica 23.- Conceptos Básicos de Dreamweaver
Practica 23.- Conceptos Básicos de Dreamweaver
 
Kike tarea
Kike tareaKike tarea
Kike tarea
 
Cómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworksCómo mejorar una imagen en adobe fireworks
Cómo mejorar una imagen en adobe fireworks
 
Practica 23
Practica 23Practica 23
Practica 23
 
Optimizar imágenes para web con Fireworks
Optimizar imágenes para web con FireworksOptimizar imágenes para web con Fireworks
Optimizar imágenes para web con Fireworks
 
Practica 23
Practica 23Practica 23
Practica 23
 
PráCtica 23
PráCtica 23PráCtica 23
PráCtica 23
 
Practica 23
Practica 23Practica 23
Practica 23
 
Formato de imagen.pptx presentacion
Formato de imagen.pptx presentacionFormato de imagen.pptx presentacion
Formato de imagen.pptx presentacion
 
Practica 23 Presentación PPt.
Practica 23 Presentación PPt.Practica 23 Presentación PPt.
Practica 23 Presentación PPt.
 
practica #23
practica #23practica #23
practica #23
 
Taller de imagen digital
Taller de imagen digitalTaller de imagen digital
Taller de imagen digital
 
Tabla De De Datos Caperucita
Tabla De De Datos CaperucitaTabla De De Datos Caperucita
Tabla De De Datos Caperucita
 
practica 23
practica 23practica 23
practica 23
 

En vedette (10)

Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02Introduccion a HTML - XHTML. Clase 02
Introduccion a HTML - XHTML. Clase 02
 
Insertar imagen en html
Insertar imagen en htmlInsertar imagen en html
Insertar imagen en html
 
Etiquetas Html
Etiquetas HtmlEtiquetas Html
Etiquetas Html
 
Tablas en Html
Tablas en HtmlTablas en Html
Tablas en Html
 
Html tablas e imagenes
Html tablas e imagenesHtml tablas e imagenes
Html tablas e imagenes
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Etiquetas HTML
Etiquetas HTMLEtiquetas HTML
Etiquetas HTML
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Tablas de HTML
Tablas de HTMLTablas de HTML
Tablas de HTML
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicas
 

Similaire à Imágenes html (19)

Extensiones de imágenes
Extensiones de imágenesExtensiones de imágenes
Extensiones de imágenes
 
NTI formatosdigitales
NTI formatosdigitalesNTI formatosdigitales
NTI formatosdigitales
 
Practica 24.-
Practica 24.-Practica 24.-
Practica 24.-
 
Lupita 24
Lupita 24Lupita 24
Lupita 24
 
Unidad 3.4
Unidad 3.4Unidad 3.4
Unidad 3.4
 
Tipos de imágenes digitales
Tipos de imágenes digitalesTipos de imágenes digitales
Tipos de imágenes digitales
 
Formatos de imagen
Formatos de imagenFormatos de imagen
Formatos de imagen
 
Format os de imagen
Format os de imagenFormat os de imagen
Format os de imagen
 
Formatos imagen
Formatos imagenFormatos imagen
Formatos imagen
 
Formatos
FormatosFormatos
Formatos
 
Formatos de Imagen
Formatos de ImagenFormatos de Imagen
Formatos de Imagen
 
Presentación uni 3
Presentación uni 3Presentación uni 3
Presentación uni 3
 
Formato imágenes
Formato imágenesFormato imágenes
Formato imágenes
 
Tabla formatos
Tabla formatosTabla formatos
Tabla formatos
 
Presentación formatos
Presentación formatosPresentación formatos
Presentación formatos
 
Los Formatos Graficos Mas Utilizados
Los Formatos Graficos Mas UtilizadosLos Formatos Graficos Mas Utilizados
Los Formatos Graficos Mas Utilizados
 
Los Formatos Graficos Mas Utilizados
Los Formatos Graficos Mas UtilizadosLos Formatos Graficos Mas Utilizados
Los Formatos Graficos Mas Utilizados
 
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
EL MEJOR ARCHIVO PARA EL TRABAJO DE MARIA
 
practica 23
practica 23practica 23
practica 23
 

Plus de Elim Aqp (20)

Copias de seguridad
Copias de seguridadCopias de seguridad
Copias de seguridad
 
Qué es jsp
Qué es jspQué es jsp
Qué es jsp
 
Formato de texto y caracteres especiales
Formato de texto y caracteres especialesFormato de texto y caracteres especiales
Formato de texto y caracteres especiales
 
Componentes físicos de HARWARE parte 1
Componentes físicos de HARWARE parte 1Componentes físicos de HARWARE parte 1
Componentes físicos de HARWARE parte 1
 
Diagrama unifilar
Diagrama unifilarDiagrama unifilar
Diagrama unifilar
 
Tablas en html
Tablas en htmlTablas en html
Tablas en html
 
Tablas en html
Tablas en htmlTablas en html
Tablas en html
 
Estacion de trabajo
Estacion de trabajoEstacion de trabajo
Estacion de trabajo
 
Extensiones de ficheros
Extensiones de ficherosExtensiones de ficheros
Extensiones de ficheros
 
Seguridad en redes tcp
Seguridad en redes tcpSeguridad en redes tcp
Seguridad en redes tcp
 
Grafico estadístico
Grafico estadísticoGrafico estadístico
Grafico estadístico
 
Grafico estadístico
Grafico estadísticoGrafico estadístico
Grafico estadístico
 
Sistema electrico
Sistema electricoSistema electrico
Sistema electrico
 
Marquesinas (marquees)
Marquesinas (marquees)Marquesinas (marquees)
Marquesinas (marquees)
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Configuracion de un servidor de archivos
Configuracion de un servidor de archivosConfiguracion de un servidor de archivos
Configuracion de un servidor de archivos
 
Switch case en python
Switch case en pythonSwitch case en python
Switch case en python
 
Direccionamiento ip
Direccionamiento ipDireccionamiento ip
Direccionamiento ip
 
Ms dos basico
Ms dos basicoMs dos basico
Ms dos basico
 
Topologia de redes basico
Topologia de redes basicoTopologia de redes basico
Topologia de redes basico
 

Dernier

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 

Dernier (20)

Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
Diapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundariaDiapositivas de animales reptiles secundaria
Diapositivas de animales reptiles secundaria
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
semana 4 9NO Estudios sociales.pptxnnnn
semana 4  9NO Estudios sociales.pptxnnnnsemana 4  9NO Estudios sociales.pptxnnnn
semana 4 9NO Estudios sociales.pptxnnnn
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.
 

Imágenes html

  • 2. Extensiones de archivos de imagen • En informática, una extensión de archivo o extensión de fichero, es una cadena de caracteres anexada al nombre de un archivo, usualmente precedida por un punto. Su función principal es diferenciar el contenido del archivo de modo que el sistema operativo disponga el procedimiento necesario para ejecutarlo o interpretarlo, sin embargo, la extensión es solamente parte del nombre del archivo y no representa ningún tipo de obligación respecto a su contenido.
  • 3. JPEG • JPEG (del inglés Joint Photographic Experts Group, Grupo Conjunto de Expertos en Fotografía), es el nombre de un comité de expertos que creó un estándar de compresión y codificación de archivos de imágenes fijas. Este comité fue integrado desde sus inicios por la fusión de varias agrupaciones en un intento de compartir y desarrollar su experiencia en la digitalización de imágenes. La ISO, tres años antes (abril de 1983), había iniciado sus investigaciones en el área.
  • 4. PNG • Portable Network Graphics en un formato gráfico basado en un algoritmo de compresión sin pérdida, fue desarrollado para solventar las carencias del GIF y permite mayor profundidad de contraste. Es un formato sin perdida de calidad con una excelente compresión, ideal para imágenes formadas por grandes áreas de color plano o con pocas variaciones de color (y soporta transparencias). Sus características lo hacen ideal para su uso en internet, pero no ha tenido la expansión que se esperaba (algunos navegadores no lo visualizan correctamente).
  • 5. GIF • Es un formato diseñado por Compu Serve y son las siglas del inglés Graphic Interchange Format (Formato Gráfico de Intercambio), puede almacenar hasta 256 colores, por lo que pertenece a imágenes muy sencillas, como dibujos, rayas, tramados y su peso es mínimo. Es multiplataforma y se usa habitualmente en internet para logotipos (soporta animación), aunque debido su simpleza, es menos frecuente cada día.
  • 6. BMP • Windows bitmap (.BMP) es el formato propio del programa, que viene con el sistema operativo Windows. Puede guardar imágenes de 24 bits (16,7 millones de colores), 8 bits (256 colores) y menos. Puede darse a estos archivos una compresión sin pérdida de calidad: la compresión RLE (Run- length encoding).
  • 7. <IMG> • El uso de imágenes es uno de los factores que ha popularizado tanto World Wide Web. Incluir imágenes en una presentación web es muy sencillo, solo debe de tener en cuenta que las imágenes tienen que tener los formatos GIF, JPEG o PNG. Las imágenes en línea, se especifican a partir de la tag <img> que no tiene una tag correspondiente de cierre pero que puede acompañarse de los siguientes atributos: <IMG SRC="/graficos/logo.jpg"
  • 8. src • Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar. <IMG SRC="/graficos/logo.jpg"
  • 9. Align • Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea. Los tres valores posibles son los ya conocidosleft, right, top, middle y bottom. <IMG align=middle> </IMG>
  • 10. Alt • Es la alternativa que se estableció cuando todavía existían visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratón por encima. <IMG ALT="Un bebé"> </IMG>
  • 11. WIDTH • Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar. <IMG SRC="/graficos/bebe1.jpg" WIDTH=140></IMG>
  • 12. HEIGHT • Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen. <IMG SRC="/graficos/logo.jpg" HEIGHT=210 ></IMG>
  • 13. BORDER • Con BORDER especificamos el ancho de un borde que rodea la imagen. <IMG SRC="/graficos/logo.jpg" WIDTH=140 HEIGHT=210 BORDER=0 ALT="Un bebé">