# data[].attributes.body
Tienen que exponer los siguientes puntos:
● Definición y características de imágenes Raster (Bitmap) e imágenes de
Vectores.
● Diferencia entre un formato Raster y uno de Vectores.
● Características de los siguientes formatos de archivo, clasificados según si son
Raster o Vector:
● JPG / JPEG, PNG, GIF, BMP. WebP, HEIF / HEIC, TIFF. RAW, PSD, EPS, SVG, WMF, Ai,
CDR, PDF
● Significado de sus siglas y Año de creación

# data[].attributes.headline
Diferencia entre un formato Raster y uno de Vectores.

# data[].attributes.subject
Diferencia entre un formato Raster y uno de Vectores.

# data[].attributes.body
Referencia en formato APA 7:

Hey Jaime.( 2020, 9 de diciembre).MAPAS DE BITS e IMÁGENES VECTORIALES: Conoce bien las diferencias | Hey Jaime. YouTube. https://www.youtube.com/watch?v=9i_0cLdJE-s&t=1s.

# data[].attributes.attachment_link.title
🖼️ MAPAS DE BITS e IMÁGENES VECTORIALES: Conoce bien las diferencias | Hey Jaime

# data[].attributes.body
De acuerdo con Tecnología + informática (2018), las imágenes de mapa de bits,
también conocidas como imágenes raster, es una representación bidimensional de una
imagen a partir de una matriz numérica, frecuentemente en binario (unos y ceros).
Puede ser de tipo matricial (cuadrícula).

# data[].attributes.body
BIT y es una unidad, o sea,
que un mapa de bits está conformado por bits, que son las unidades mínimas de
información que componen una imagen electrónica. Cada bit puede tener un valor de
1 o 0, y representa un estado: encendido o apagado, blanco o negro.

# data[].attributes.body
Los gráficos vectoriales
se definen como “líneas, curvas y puntos
definidas matemáticamente denominados
vectores” (Adobe, 2013, p.83) o sea, son
como una serie de puntos unidos por líneas
con determinados atributos geométricos. La

gran ventaja es que al aumentar su tamaño
no sufren pérdida de
resolución, como sucede con las imágenes
de mapas de bits.

Referencias en formato APA 7:

Diseño Dunkel. (2020, 17 de marzo). Qué es un Vector o gráfico vectorial? [Adobe Illustrator CC 2022]. YouTube. https://www.youtube.com/watch?v=SVFYXiV9S-A.

# data[].attributes.attachment_link.title
Qué es un Vector o gráfico vectorial? [Adobe Illustrator CC 2022]

# data[].attributes.body
Graphic Interchange Format (Raster creado en 1987). Es un formato de archivo bastante antiguo, lo desarrolló
Compuserve. Este tipo de archivo se creó con la finalidad de obtener archivos de
tamaño muy pequeños. Este formato es un formato sin pérdidas, acepta transparencia
y por su limitada gama de 256 colores máximo, se recomienda para imágenes con poco
uso de colores, como banners, iconos, logotipos, imágenes de colores planos, dibujos,
etc. Entre otras características, Una gran ventaja de este formato es que permite crear
animaciones a través de fotogramas secuenciales

# data[].attributes.attachment_link.readable_text
Graphics Interchange Format (en español " Formato de Intercambio de Gráficos") también llamado Compuserve GIF y más conocido como GIF, es un formato gráfico digital utilizado ampliamente en la World Wide Web (WWW), tanto para imágenes como para animaciones.

Creado por CompuServe en 1987 para dotar de un formato de Video en color a sus áreas de descarga de archivos, sustituyó su anterior formato en blanco y negro RLE. GIF llegó a ser muy popular porque podía usar el algoritmo de compresión LZW -Lempel Ziv Welch-, que era más eficiente que el algoritmo Run-length encoding o RLE usado por los formatos PCX y MacPaint. Por lo tanto imágenes de gran tamaño podían ser descargadas en un razonable periodo de tiempo, incluso con módems muy lentos.

GIF es un formato sin pérdida de calidad para imágenes con hasta 256 colores, limitados por una paleta restringida a ese número de colores. Por ese motivo, con imágenes con más de 256 colores -de profundidad de color superior a ocho-, la imagen debe adaptarse y reduce su cantidad de colores, lo que produce la consecuente pérdida de calidad.

Los GIFs se extendieron gracias al navegador Netscape que permitía que se vieran. Si Netscape no hubiera integrado los GIF, probablemente hubieran muerto en 1998. Fue en ese año cuando CompuServe fue comprada por AOL y dejó expirar la patente sobre ellos, por lo que el formato quedó liberado para el público general.​

Animated gif

En los años 2000, cuando apareció Flash, un software que permitía crear animaciones más atractivas, potentes, que incluían audio y podían ser interactivas, los GIF quedaron en desuso. Paradójicamente, el software Flash está obsoleto, ya que las tabletas y teléfono inteligente como los iPhone no lo reproducen. Si se hacen banners publicitarios en Flash y se quiere que estén desde otros móviles y no se pueden ver, se deja de usar. Las razones técnicas no son las únicas que justifican el repunte actual del uso del GIF, la funcionalidad, la gran aceptación social y potencia viral que tienen sumado a que son fáciles de ver, de reproducir, de compartir y de crear los hacen una herramienta gráfica comunicativa muy completa.​

Un año después, en 2013, el creador del formato, Steve Wilhite, recogió el Webby Award a toda una vida y aprovechó el momento para hacer una importante revelación: en estos premios, el discurso no puede tener más de cinco palabras y Wilhite optó por proyectar las suyas en la pared: "Se pronuncia JIF, no GIF". Además, ese mismo año, Alex Chung y Hace Cooke fundaron la base de datos online Giphy, que permite a los usuarios compartir y buscar archivos de GIFs animados. Su idea surgió con la intención de transmitir información de forma rápida y más visual.​

Actualmente, WhatsApp ha incluido los GIFs en su plataforma, si bien, no son exactamente GIFs, sino archivos cortos de vídeo en formato MP4 sin sonido, a los que han llamado GIF por la popularidad de este formato.

Una imagen GIF dispone de una paleta de 2 a 256 de colores (8 bits). Cada color de la paleta tiene un valor RGB definido en un rango de 16,8 millones de colores, pero el número máximo de colores que pueden aparecer en la imagen son 256.​

Admite transparencia binaria, es decir, sólo admite transparencia total o colores opacos. Este tipo de transparencia no requiere de un canal adicional y se realiza simplemente marcando un color de la paleta 100 % transparente.

Otra característica por la que se conoce especialmente a este formato es por permitir animaciones, con loop o sin loop.

Para su compresión utilizan el algoritmo LZW entre otros.

Admite entrelazado para la carga gradual de la imagen en conexiones lentas.

Las imágenes en formato GIF se han utilizado en la web de forma masiva. Su principal utilidad sigue siendo el despliegue de imágenes animadas y banner publicitarios para páginas web, por ser el único formato soportado por navegadores antiguos que permita dicho efecto.

No obstante, han aparecido formatos de imagen mucho más eficientes, completos y ligeros, y el GIF ha perdido poco a poco su popularidad.​

La Oxford University Press afirma que el formato se ha convertido en una herramienta con aplicaciones serias y aplicada en campos de investigación y periodismo.

Animación ejemplar del cerezo en flor.

Unisys, propietario de la patente del algoritmo LZW que se utiliza en el formato GIF reclamó durante años el pago de regalías por su uso. CompuServe, al desarrollar el formato, no sabía que el algoritmo LZW estaba cubierto por una patente. Debido a esto, cualquier programa capaz de abrir o guardar archivos GIF comprimidos con LZW debía cumplir con sus exigencias. Es necesario recalcar que el formato GIF puede utilizar otros métodos de compresión no cubiertos por patentes, como el método Run-length encoding.​

Por esta razón aparecieron alternativas libre de regalías como el PNG con mayores calidad de imagen y mejores ratios de compresión.

Plataformas como Tumblr y Giphy son famosas por permitir acceso a gifs de infinidad de temas, permitiendo a los usuarios cargar, descargar y hasta crear sus propios gifs.

GIF en WhatsApp

Actualmente, los GIF se han extendido de tal manera que incluso se utilizan para responder mensajes, y este es el caso de la aplicación de mensajería instantánea WhatsApp. La aplicación habilitó el envío de estos en la versión beta v2.17.6​ de una manera rápida y fácil: se trata de abrir la pestaña del emoticono en la parte izquierda de la pantalla. Una vez se abre la selección de emoticonos, en la parte inferior se encuentra el símbolo GIF. Al seleccionarlo, se puede elegir de entre una gran lista de emoticonos e incluso hay una barra de búsqueda para encontrar el GIF más adecuado.​

GIF en Instagram

En febrero de 2018 se incorporó una nueva función en Instagram, concretamente en los " Instagram stories". Se añadió una nueva opción donde había las opciones de ubicación, hashtag, hora, temperatura, encuestas...​ Lo hicieron a través de Giphy una web que reúne estas animaciones desde hace tiempo. Se encarga de controlar los GIF's, censurar aquellos que son impropios y permitir los que no tienen contenido molesto para los usuarios. Recientemente, un GIF se saltó el filtro de Giphy y salió a la luz un GIF de carácter racista. Como consecuencia se censuró el uso de GIF's en esta red social. Una vez aseguraron que se había añadido otro nivel de moderación en el filtro y tomaron las medidas necesarias para que no volviera a pasar, se volvió a permitir el uso de GIF's en Instagram.​

GIF en Telegram

La función de GIF en Telegram se incorporó en 2016.​ Inicialmente fue con el bot @gif y más adelante dentro las opciones de adjuntos.​ El servicio para compartir contenido es Giphy y usa codificación MP4.​

Aunque tengamos la opción de transmitir la misma idea con un pequeño vídeo, o con una frase, un GIF presenta unas ventajas técnicas y a tener en cuenta: dinamiza la comunicación, tiene una reproducción inmediata, facilita la retención visual, y produce un impacto emocional.[cita requerida]

GIF en los medios de comunicación

La primera revista en atreverse a publicar una portada que incluía un gif animado, fue la norteamericana , que tras la presentación por parte de Apple de sus nuevos modelos de iPhone y Apple Watch el 9 de septiembre de 2014, construyó una portada alrededor de un artículo que nos hablaba sobre como Apple está invadiendo nuestros cuerpos. La imagen que se escogió para ilustrar dicho artículo en sus versiones digitales fue la de una muñeca humana en la que parpadeaban gráficos y números: un GIF. Su versión en papel era igual pero sin movimiento. Unos días después de esta publicación, el 29 de septiembre de 2014, la revista presentó una portada animada en su página web y su aplicación móvil. La imagen constaba simplemente de un taxi neoyorquino con el Empire State de fondo y unas gotas de lluvia que se deslizaban por la pantalla.

Hoy en día por ejemplo, lectores de todas las ediciones internacionales del Huffington Post están acostumbrados a las noticias que incluyen GIFS y a su aparición en la portada. Incluso medios de comunicación más tradicionales como podría ser The New York Times ha trabajado con ellos.​

W3.org. "Cover Sheet for the GIF89a Specification" (en inglés). W3.org.

# data[].attributes.attachment_link.title
Graphics Interchange Format - Wikipedia, la enciclopedia libre

# data[].attributes.attachment_link.description
Graphics Interchange Format (en español " Formato de Intercambio de Gráficos") también llamado Compuserve GIF y más conocido como GIF, es un formato gráfico digital utilizado ampliamente en la World Wide Web (WWW), tanto para imágenes como para animaciones.

# data[].attributes.body
Joint Photographers Expert Group (Raster creado en 1992). Es el formato más utilizado para formatos digitales
como web, gráficos o fotografías web. Este formato comprime la imagen con pérdidas
(LOSSY) y permite un peso limitado (bajo) del archivo. Ofrece una excelente calidad en
sus imágenes y un peso bastante pequeño. Es compatible con todos los navegadores.
Comúnmente, todas las cámaras digitales y escáneres almacenan las imágenes en este
formato, no obstante, y dado que la compresión afecta a la calidad de imagen, se
puede escoger niveles de compresión considerando lo siguiente:
A más baja compresión mayor calidad de imagen, A más alta compresión menor calidad de
imagen.

# data[].attributes.attachment_link.title
Qué es JPG | Definición, características, ventajas e inconvenientes.

# data[].attributes.attachment_link.description
Significado de JPG. Características del formato jpg, ventajas e infonvenientes de su utilización.

# data[].attributes.body
Tagged Image File Format (Raster creado en 1986): Es un tipo de archivo de mapa de bits que más se utiliza en
la fotografía profesional y en la industria gráfica. Sus principales características es que
tiene una compresión no destructiva, lo que no altera la calidad de la imagen,
almacenas canales Alfa, que permite tener transparencias. Es el mejor formato para
trabajar imágenes digitales de alta calidad y también el preferido por las imprentas.

# data[].attributes.attachment_link.title
¿Qué es el formato TIFF? Introducción al formato de imagen

# data[].attributes.attachment_link.description
El formato de imagen TIFF es utilizado como el estándar para imágenes de alta resolución y datos de impresión. Descubre las propiedades de los archivos en formato TIFF.

# data[].attributes.body
Portable Networks Graphics (Raster creado en 1996). Considerado un formato para sustituir al famoso GIF,
debido a que el PNG utiliza sistemas de compresión estándares, como el método ZIP, y
al mismo tiempo permite mayor profundidad de color en las imágenes, llegando hasta
millones de colores por los 24 bits de profundidad de color, siendo una de las grandes diferencias con el GIF. Por otro lado, es el único formato que permite transparencia
como fondo.
Su utilizamos PNG, para comprimir imágenes de 24 bits podremos realizar una interesante
compresión sin pérdida alguna de calidad. Este formato también posee la característica
de ser reconocido por casi todos los navegadores. PNG no genera archivos animados.

# data[].attributes.attachment_link.readable_text
PNG (siglas en inglés de Portable Network Graphics, Gráficos de Red Portátiles, pronunciadas "ping") es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes. Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de contraste y otros datos importantes.

Las imágenes PNG usan la extensión .png y han obtenido un tipo MIME ( image/png) aprobado el 14 de octubre de 1996.

Un archivo PNG empieza con una firma de 8 bytes, los valores en hexadecimal son: 89 50 4E 47 0D 0A 1A 0A, los valores decimales son: 137 80 78 71 13 10 26 10; cada valor está ahí por una razón específica.​

89

Tiene el bit más alto puesto a 1 para detectar sistemas de transmisión que no soportan datos de 8 bits y para reducir el riesgo de que un fichero de texto sea erróneamente interpretado como PNG.

50 4E 47

En ASCII, las letras "PNG" permitiendo que una persona identifique el formato en caso de verlo en un editor de texto.

0D 0A

Una nueva línea con estilo DOS (CRLF) para detectar las conversiones de final de línea entre DOS y UNIX.

1A

Un byte que detiene el despliegue del fichero bajo DOS cuando se ha usado el comando TYPE.

0A

Una nueva línea en UNIX (LF) para detectar la conversión de final de línea entre DOS y UNIX.

Después de la cabecera se encuentran una serie de segmentos de los cuales cada uno guarda cierta información acerca de la imagen. Los segmentos se auto declaran como puntos críticos ( critical) o auxiliares ( ancillary) de modo que un programa que encuentre un segmento auxiliar y no lo entienda puede ignorarlo sin peligro. La estructura basada en segmentos está diseñada para poder ampliar el formato PNG manteniendo la compatibilidad con versiones antiguas.

Cada una de las secciones tiene una cabecera que específica su tamaño y tipo, inmediatamente seguido de los datos y el checksum de los datos. Las secciones tienen un nombre de 4 letras que es sensible a las mayúsculas. El uso de mayúsculas o minúsculas en dicho nombre provee a los decodificadores de información acerca de las secciones que no son reconocidas.

Si la primera letra es mayúscula esto indica que la sección es esencial, en caso contrario será auxiliar. Las secciones esenciales son necesarias para leer el fichero, si el decodificador encuentra una sección esencial que no reconoce debe abortar la lectura.

En caso de que la segunda letra sea mayúscula esto significará que la sección es pública en la especificación o el registro de secciones para propósitos especiales, en caso contrario será privada (no estandarizada). Este uso de mayúsculas y minúsculas asegura que nunca haya conflictos entre secciones públicas y privadas.

La tercera letra debe estar en mayúsculas para cumplir las especificaciones de PNG y está reservada para futuras expansiones.

La cuarta letra indica si es seguro copiar la sección en caso de que no sea reconocida, en caso de estar en minúsculas es seguro copiar la sección sin importar la cantidad de modificación que haya sufrido el fichero, si es mayúscula solo se deberán copiar si no hay secciones críticas que hayan sufrido modificaciones.

Un decodificador debe ser capaz de entender estas secciones para leer y renderizar un PNG:

IHDR, debe ser la primera sección, contiene la cabecera.

PLTE, contiene la paleta (lista de colores).

IDAT, contiene la imagen que debe ser dividida en múltiples secciones IDAT, haciendo esto se incrementa el tamaño de la imagen ligeramente pero hace posible generar imágenes PNG en streaming.

IEND, marca el final de la imagen.

Otros atributos que pueden ser guardados en una imagen PNG son: valores de gamma, color del fondo e información textual. PNG también soporta corrección de color con el uso de sistemas de manejo del color como sRGB.

bKGD: contiene el color de fondo por defecto, se usa cuando no hay un mejor color disponible para mostrar, como en un visor de imágenes pero no en un navegador web.

cHRM: balance de blanco.

gAMA: específica la gamma.

hIST: guarda el histograma o cantidad total de cada color en la imagen.

iCCP: perfil ICC de color.

iTXt: contiene texto (UTF-8) comprimido o no.

pHYs: contiene el tamaño previsto del píxel y/o el ratio de la imagen.

sBIT: (bits significativos) indican la exactitud de los colores en la imagen.

sPLT: sugiere una paleta para usar en caso de que el rango completo de colores no esté disponible.

sRGB: indica que se usa el estándar sRBG color space.

tEXt: almacena texto que puede ser representado en ISO 8859-1 con un nombre=valor para cada sección.

tIME: almacena la fecha de la última modificación.

tRNS: contiene información sobre la transparencia. Para imágenes indexadas almacena el canal alfa para una o más paletas, para imágenes en color real y escala de grises almacena la información de un solo píxel que debe ser considerado completamente transparente.

zTXt: contiene texto comprimido con los mismos límites que tEXt.

La primera letra en minúsculas de estas secciones indica que no son necesarias en la especificación de PNG, la última letra en minúsculas indica que es seguro copiarlas incluso si la aplicación en cuestión no las entiende.

Otros atributos que pueden ser almacenados en un PNG incluyen valores de corrección gamma, color de fondo y metadatos. PNG además también utiliza la corrección de color que utilizan los sistemas de administración de color como el sRGB. Algunos programas como Adobe Photoshop disponen de este sistema.

Las imágenes en formato PNG pueden ser imágenes de paleta indexada o estar formadas por uno o varios canales. Si existe más de un canal, todos los canales tienen el mismo número de bits por píxel (también llamado profundidad de bits por canal). Aunque en la especificación oficial del PNG se nombra la profundidad de bits por canal, normalmente los programas de edición nombran solo la cantidad total de bits por píxel, es decir, la profundidad de color.

El número de canales depende de si la imagen es en escala de grises o en color y si dispone de canal alfa (también llamado canal de transparencia). La combinaciones permitidas por PNG son:

Escala de grises (1 canal).

Escala de grises y canal alfa (2 canales).

Canales rojo, verde y azul (RGB, 3 canales, también llamado color verdadero o Truecolor).

Canales rojo, verde, azul y alfa (RGB + alfa, 4 canales).

Por otra parte, las imágenes indexadas disponen de un tope de 256 colores como máximo. Esta paleta de colores está almacenada con una profundidad de canal de 8 bits. La paleta no puede tener más colores que los marcados por la profundidad de bits, es decir 2 ⁸=256 colores, aunque sí puede tener menos (por ejemplo, una imagen de 50 colores solo almacenará 50 entradas, evitando almacenar datos que no son utilizados).

La tabla expuesta a la derecha indican la profundidad de color para cada formato de imagen que soporta PNG. Esta se extrae de la profundidad de bits por canal y se multiplica por el número de canales. Las casillas en rojo representan combinaciones no soportadas. El estándar requiere que los decodificadores puedan leer todos los formatos disponibles, pero muchos editores de imagen solo pueden generar un pequeño subconjunto de ellos.

PNG ofrece una gran variedad de opciones de transparencia: con color verdadero o escala de grises, incluso un solo píxel puede ser declarado transparente o puede añadirse un canal alfa. Para imágenes que usan paletas se puede añadir un canal alfa en las entradas de la paleta. El número de dichos valores almacenados puede ser menor que el total de entradas en la paleta, de modo que el resto de las entradas se considerarán completamente opacas. La búsqueda de píxeles con transparencia binaria debe hacerse antes de cualquier reducción de color para evitar que algunos píxeles se conviertan en transparentes accidentalmente.

A diferencia de la transparencia ofrecida por GIF que solo puede tomar 2 valores (completamente transparente o completamente opaco), el canal alfa de PNG permite utilizar mayor profundidad de bits para lograr efectos de semi-transparencia, propios de objetos translúcidos. Por ejemplo, con una profundidad de 8 bits para transparencias se pueden conseguir 2 ⁸ = 256 grados diferentes de transparencia, como si se tratara de un color.​

El método de compresión utilizado por el PNG es conocido como deflación (en inglés " Deflate algorithm"). También existen métodos de filtrado. En la especificación 1.2 se define un único tipo de filtro, que incluye 5 modos de predicción del valor del píxel, que resulta muy útil para mejorar la compresión, donde se elige para cada línea de la imagen ( scanline) un método de filtrado que predice el color de cada píxel basándose en los colores de los píxeles previos y resta al color del píxel actual, el color pronosticado. Los cinco métodos son: None, Sub, Up, Average y Paeth.

Estos filtros pueden reducir notablemente el tamaño final del archivo, aunque depende en gran medida de la imagen de entrada. El algoritmo de compresión puede encargarse de la adecuada elección del método que mayor reducción ofrezca.

El tipo de media MIME para PNG es "image/png" (aprobado el 14 de octubre de 1996).

APNG es una extensión de PNG que soporta animación. Este formato soporta el visionado de una sola imagen en caso de que el decodificador no entienda el archivo. Es aceptado por múltiples navegadores​ y tiene extensión .png.​

Por otro lado, MNG es un formato de imagen que soporta animación y está basado en las ideas y en algunas secciones de PNG, pero es un sistema complejo y no permite el visionado de una sola imagen en caso de no existir soporte completo en el visualizador de imágenes pertinente.​

Comparación con GIF

En la mayoría de los casos, PNG comprime mejor que el formato GIF, aunque algunas implementaciones (véase Photoshop) realizan una mala selección de los métodos de filtrado y se generan ficheros de mayor tamaño.

El PNG admite, al igual que el GIF, imágenes indexadas con transparencia de 1 bit o "binaria". Este tipo de transparencia no requiere de un canal adicional y únicamente admite que un color de la paleta aparezca transparente al 100%.

El PNG admite formatos con una profundidad de color de millones de colores (color verdadero) y canal alfa, lo que proporciona unos rangos de color mucho más ricos y precisos que el GIF y disponer de valores de transparencia intermedios. Lamentablemente, esto permite que se compare de forma errónea los PNG de color verdadero con los GIF de color indexado (256 colores).

Comparación con JPEG

PNG y JPEG son formatos que están diseñados para funciones diferentes, por lo que únicamente se puede realizar una comparación generalista:

JPEG tiene una relación de compresión enorme en perjuicio de la calidad de la imagen, ideal para imágenes de gran tamaño y fotografías. No admite transparencia.

PNG es un formato sin pérdida de calidad con una excelente compresión, ideal para imágenes formadas por grandes áreas de color plano o con pocas variaciones de color. Admite canal alfa y algunos atributos extra como la corrección gamma. Sin embargo, no admite modo CMYK, por lo que no es del todo útil para diseños de impresión.

Pese a que las características técnicas y de compresión hacen de PNG un formato ideal para sustituir a GIF, su adopción ha sido muy lenta, debido en parte a comparaciones erróneas y algunas desventajas técnicas:

No está soportado por algunos navegadores muy viejos (tales navegadores, sin embargo, entraron en desuso en la primera década del siglo XXI).

la administración de color fallaba en algunos navegadores (fácilmente evitable por la razón anterior).

Algunas versiones de algunos navegadores web presentan los valores de corrección gamma incluso cuando no están especificados en el PNG. Navegadores conocidos con problemas de visualización de PNG:

Internet Explorer 5.5 y 6.

Netscape 7.0 a 7.2.

Opera (versiones anteriores a la 7.50).

El efecto final es que el color mostrado en el PNG no coincide con el esquema de color del resto de la página web. Una forma sencilla de evitar esto es volviendo a codificar el PNG truncando ciertos atributos. Algunas utilidades para tal fin:

PNGOUT es una utilidad gratuita de DOS que utiliza un algoritmo exclusivo para recomprimir un PNG y reducir el tamaño del fichero al mínimo, sin pérdidas.

Superpng, es un plugin gratuito para Photoshop que permite la optimización de ficheros PNG.

OptiPNG es una utilidad gratuita que recomprime un PNG, reduciendo su tamaño sin pérdidas.

Greg Roelofs (1999). (libro completo en PNG: The Definitive Guide html) (en inglés). O'Reilly & Associates, Inc. Archivado desde el original el 10 de febrero de 2006. (A excepción de las tapas, el libro está bajo licencia GFDL)

# data[].attributes.attachment_link.title
Portable Network Graphics - Wikipedia, la enciclopedia libre

# data[].attributes.attachment_link.description
PNG (siglas en inglés de Portable Network Graphics , Gráficos de Red Portátiles, pronunciadas "ping") es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes. Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de contraste y otros datos importantes.

# data[].attributes.body
PhotoShop Document (Raster creado en 1988). Es un formato nativo de Adobe Photoshop y permite guardar
fotografías e imágenes con retoques o nuevas creaciones realizadas con este
programa. Guarda archivos hasta con 48 bits de color y permite almacenar todas las
capas, canales, etc. Al ser nativo de Photoshop, casi no tiene compatibilidad con otros
programas.

# data[].attributes.attachment_link.title
What are PSD files and how do you open them? | Adobe

# data[].attributes.attachment_link.description
Learn more about PSD files, the native format for Adobe Photoshop. Manage and edit your graphic design images and discover more about PSDs today.

# data[].attributes.body
Photoshop Document (Raster creado en 1998). Bit Maps. Este formato de archivo puede guardar imágenes de 24 bits (millones de
colores), 8 bits (256 colores) y/o menos. A esta clase de archivos puede seleccionarse
una compresión RLE (Run Length Encoding) sin pérdida de calidad. Fue diseñado por
Microsoft y fue uno de los formatos nativos de Paint. La calidad de imagen es buena, ya
que la compresión es pequeña, aunque eso provoca que los archivos con este formato
sean muy pesados, pues ocupan mucho espacio de almacenamiento.

# data[].attributes.body
PhotoShop Document (Vector creado en 2003). El formato RAW, solo se encuentra disponible en la mayoría de las cámaras digitales
profesionales. Este formato ofrece la máxima calidad, ya que contiene los píxeles en
bruto tal y como se han adquirido. Normalmente en el funcionamiento de los formatos
que utilizan las cámaras digitales (TIFF y JPEG) participa el sensor para transmitir la señal
eléctrica y convertir los datos de analógicos a digitales, en cambio, el procesador de la
cámara en formato RAW, mantiene “brutos” los píxeles que capta, pues no se procesan
ni transforman y se mantienen tal cual es. A este proceso se le llama también negativo
digital. Uno de los inconvenientes que presenta el formato RAW es el peso del archivo,
ocupa mucho espacio. Este archivo RAW, no se puede imprimir ni visualizar
directamente. Uno de los programas que trata los archivos RAW, es Adobe Lightbox,
Photoshop, Capture de Nikon, Aperture para Mac

# data[].attributes.body
PhotoShop Document (Raster creado en 1993). Portable Document File. Este formato lo creo Adobe para poder intercambiar archivos
entre diferentes sistemas operativos. Guarda con toda precisión el diseño del archivo,
incluyendo fuentes, imágenes y demás gráficos, por ello se emplea en documentos de
texto básicamente, además de ser muy ligero, pues no abarca mucho espacio. Por su
versatilidad, este formato es un híbrido óptimo para compartir información digital entre
imágenes bitmap o imágenes vectoriales. Tiene una característica mínima de desventaja, y es que no siempre respeta las características estructurales de los archivos.
(File-Extensions. SF)

# data[].attributes.body
PhotoShop Document (Raster creado en 2015 y 2017 ). HEIC es una de las extensiones que puede tener el formato HEIF. El High Efficiency Image
File Format fue creado por el MPEG (Moving Picture Experts Group) y ofrece varias
ventajas sobre el ya antiguo JPEG. HEIF utiliza la misma tecnología que el formato de

# data[].attributes.body
PhotoShop Document (Raster creado en 2012). Los archivos con extensión .heic son en realidad contenedores de archivos de imágenes
individuales codificadas como .heif. Aquí vemos una de sus características más
interesantes: el formato HEIC puede almacenar secuencias de imágenes e imágenes HDR.
Además, los ficheros HEIC pueden contener información además de imágenes, como
sonido y texto. Esto significa que las imágenes .heic pueden editarse sin modificar la
versión original. También tienen soporte para transparencia.
Las imágenes en formato HEIF utilizan compresión con pérdida, pero pesan solo la mitad
de su contraparte JPG y al mismo tiempo retienen más calidad que estas. Convertir y
procesar un archivo HEIC requiere más poder de procesamiento que un JPEG y podría
ser una limitación en equipos viejos, pero esto no tiene por qué ser un problema en la
web.
El único obstáculo ante el uso del formato HEIF es la compatibilidad. JPEG sigue teniendo
un soporte mucho más amplio. Los iPhones y iPads ahora guardan sus fotos en formato
HEIF, pero deben convertirlos a JPEG para compartirlas.

# data[].attributes.body
PhotoShop Document (Vector creado en 1987).
Encapsutalted PostScript: Este tipo de archivo incluye un formato de imagen dentro de
manera encapsulada a través de un marco vectorial. Suele usarse en imprenta.

# data[].attributes.body
PhotoShop Document (Vector creado en 1999). Scalable Vector Graphics: formato de gráficos vectoriales bidimensionales, tanto
estáticos como animados, en formato de lengzzuaje de marcado extensible XML
(Extensible Markup Language). Pueden ser interactivos y dinámicos y esto se debe a que
no se componen por mapa de bits, sino que están compuestos por vectores.

# data[].attributes.body
PhotoShop Document (Vector fue creado en 1987). Adobe illustrator document: Es el archivo nativo de Illustrator. (File-Extensions. SF)

# data[].attributes.body
Windows Media Video (Raster creado en 2005). es un nombre que se da al formato de vídeo desarrolladas por Microsoft, que forma parte del framework Windows Media.

WMV no se construye solo con tecnología interna de Microsoft. Desde la versión 7 (WMV1), Microsoft ha utilizado su propia versión no estandarizada de MPEG-4. El vídeo a menudo se combina con sonido en formato Windows Media Audio.

El formato WMV es reproducido por una amplia gama de reproductores, como BS.Player, MPlayer o Windows Media Player, el último solo disponible en plataformas Windows y Macintosh (sin compatibilidad completa). En el caso de reproductores ajenos a Microsoft, como por ejemplo el citado MPlayer, es frecuente utilizar una implementación alternativa de los formatos, como por ejemplo la de FFmpeg.

El vídeo WMV se empaqueta normalmente en algún contenedor multimedia, como pueden ser AVI o ASF. Los ficheros resultantes reciben la extensión .avi si el contenedor es de este tipo, .wmv si es un fichero de solo video (.wma sería el equivalente para sonido) o .asf si se trata de un contenedor ASF, con contenido de audio y vídeo.

El formato WMV incluye ciertas características relativas a la utilización de DRM (gestión digital de derechos). Sin embargo, estas características pueden eliminarse con utilidades como DRMCreep, drmdbg o drm2wmv.

La versión 9 del formato utilizado por Microsoft fue remitida a la Society Motion Picture and Televisión Engineers (SMPTE) para su aprobación como estándar, bajo el nombre en clave VC-1. Este códec es también utilizado en la distribución de vídeo de alta definición sobre DVD estándar en un formato que Microsoft ha denominado WMV HD, el cual puede ser reproducido tanto en ordenadores como en reproductores de sobremesa.

# data[].attributes.attachment_link.authors[].name
Colaboradores de los proyectos Wikimedia

# data[].attributes.attachment_link.title
Windows Media Video - Wikipedia, la enciclopedia libre

# data[].attributes.attachment_link.description
Este aviso fue puesto el 19 de junio de 2015.

# data[].attributes.body
Web Picture. (Raster creado en 2010) es un formato de archivo de gráficos rasterizados desarrollado por Google que pretende reemplazar a los formatos de archivo JPEG , PNG y GIF . Admite compresión con y sin pérdida , así como animación y transparencia alfa .

Google anunció el formato WebP en septiembre de 2010 y lanzó la primera versión estable de su biblioteca de soporte en abril de 2018.

# data[].attributes.attachment_link.title
Un formato de imagen para la Web | WebP | Google for Developers

# data[].attributes.attachment_link.description
Obtén más información sobre este formato de imagen que crea imágenes más pequeñas para la Web y obtén vínculos para descargar conversores y obtener asistencia.

# data[].attributes.body
Corel Draw (Vector creado en 1989). El formato de archivo CDR fue desarrollado por Corel Corporation y se utiliza principalmente para dibujos e imágenes de gráficos vectoriales. El formato de archivo CDR es reconocido por la mayoría de programas de edición de imagen. El formato CDR es el predeterminado en las aplicaciones de Corel Draw. Corel contrató a Michel Bouillon y a Pat Beirne para desarrollar un programa de ilustración vectorial que pudiera empaquetarse en su sistema editor para escritorio.

# data[].attributes.attachment_link.description
This page uses frames, but your browser doesn’t support them.

# data[].attributes.body
Adobe (2024). Adobe illustrator User Guide. Recuperado de:
https://helpx.adobe.com/illustrator/user-guide.html

File-Extensions (SF). Graphics file extension list. Recuperado de: https://www.file-
extensions.org/filetype/extension/name/graphic-files

Gamdek, C. (SF). Limitmind - Confusion about the image resolution in digital
photography. Recuperado de:
https://litmind.com/confusion_sobre_la_resolucion_de_la_imagen_en_fotografi
a_digital

García, M. (2019). Pardero: Cuál es la diferencia entre imagen y vector. Recuperado
de: https://www.paredro.com/cual-es-la-diferencia-entre-bitmap-y-vector-que-
formato-elegir/

Gómez-Ayala, I. Villar-García, M. (SF). Diseño gráfico e imagen pública, dos conceptos
a debate. Recuperado de:
https://www.redalyc.org/journal/4779/477954382029/

Ieb Barceloneta. (SF). Digital vs. Electrónico (¿Cuál es la diferencia?) – Todas las
diferencias. Recuperado de: https://www.iebbarceloneta.es/digital-vs-
electronico-cual-es-la-diferencia-todas-las-diferencias/

Luchetta, E. (2021) Pixaprinting: La resolución de una imagen. Recuperado de:
https://www.pixartprinting.es/blog/resolucion-una-imagen/

Marker, G. Teach with ITC. (SF). Binary representation of images. Recuperado de:
https://www.teachwithict.com/uploads/5/5/8/2/5582303/published/ghost.png?
1613303945

Tecnología + informática (SF). ¿Qué es un voxel, pixel, mega pixel y un texel?.
Recuperado de: https://www.tecnologia-informatica.com/pixel-texel-voxel/

Rodríguez, A. (2015). Pardero: ¿Qué es la resolución de una imagen? Recuperado de:
https://www.paredro.com/que-es-la-resolucion-en-una-imagen/

Wikipedia (SF). Gráfico vectorial. Recuperado de:
https://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial

Wikipedia. (SF). Webp. Recuperado de: https://en.wikipedia.org/wiki/WebP

Wikipedia. (SF) Windows Media Video. Recuperado de: https://es.wikipedia.org/wiki/Windows_Media_Video

ONLINE-CONVERT.COM. (SF) ¿Que son los archivos CDR?. Recuperado de:

https://www.online-convert.com/es/formato-de-archivo/cdr

# data[].attributes.body
Adobe (2024). Adobe illustrator User Guide. Recuperado de:
https://helpx.adobe.com/illustrator/user-guide.html
File-Extensions (SF). Graphics file extension list. Recuperado de: https://www.file-
extensions.org/filetype/extension/name/graphic-files
Gamdek, C. (SF). Limitmind - Confusion about the image resolution in digital
photography. Recuperado de:
https://litmind.com/confusion_sobre_la_resolucion_de_la_imagen_en_fotografi
a_digital
García, M. (2019). Pardero: Cuál es la diferencia entre imagen y vector. Recuperado
de: https://www.paredro.com/cual-es-la-diferencia-entre-bitmap-y-vector-que-
formato-elegir/
Gómez-Ayala, I. Villar-García, M. (SF). Diseño gráfico e imagen pública, dos conceptos
a debate. Recuperado de:
https://www.redalyc.org/journal/4779/477954382029/
Ieb Barceloneta. (SF). Digital vs. Electrónico (¿Cuál es la diferencia?) – Todas las
diferencias. Recuperado de: https://www.iebbarceloneta.es/digital-vs-
electronico-cual-es-la-diferencia-todas-las-diferencias/
Luchetta, E. (2021) Pixaprinting: La resolución de una imagen. Recuperado de:
https://www.pixartprinting.es/blog/resolucion-una-imagen/
Marker, G. Teach with ITC. (SF). Binary representation of images. Recuperado de:
https://www.teachwithict.com/uploads/5/5/8/2/5582303/published/ghost.png?
1613303945
Tecnología + informática (SF). ¿Qué es un voxel, pixel, mega pixel y un texel?.
Recuperado de: https://www.tecnologia-informatica.com/pixel-texel-voxel/
Rodríguez, A. (2015). Pardero: ¿Qué es la resolución de una imagen? Recuperado de:
https://www.paredro.com/que-es-la-resolucion-en-una-imagen/
Wikipedia (SF). Gráfico vectorial. Recuperado de:
https://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial