{"id":359,"date":"2026-03-06T22:22:57","date_gmt":"2026-03-06T22:22:57","guid":{"rendered":"https:\/\/hackcuba.net\/?p=359"},"modified":"2026-03-06T22:22:57","modified_gmt":"2026-03-06T22:22:57","slug":"notas-para-una-adecuada-seleccion-de-formatos-graficos","status":"publish","type":"post","link":"https:\/\/hackcuba.net\/?p=359","title":{"rendered":"Notas para una adecuada selecci\u00f3n de formatos gr\u00e1ficos"},"content":{"rendered":"\n<p>Los tiempos del enriquecimiento de esquemas visuales con los \u00faltimos caracteres de la tabla ASCII en plataformas textuales han pasado de moda. Con la aparici\u00f3n de las interfaces gr\u00e1ficas a finales de los a\u00f1os 60, la evoluci\u00f3n se torn\u00f3 indetenible, llegando a alterar definitivamente el paradigma de muestreo de l\u00edneas por columnas de texto. Las productoras de <em>software<\/em> que dominaban el mercado de las <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>nacientes PC, junto a otras empresas especializadas, comenzaron a adoptar formatos propios para la representaci\u00f3n de gr\u00e1ficos, im\u00e1genes y animaciones. De este modo surgieron la mayor parte de los modelos de mapas de bits y sistemas vectoriales utilizados hoy en d\u00eda, cuyos ejemplos m\u00e1s notables son referenciados a continuaci\u00f3n:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">BMP::<\/h2>\n\n\n\n<p>El rey de los entornos visuales de Microsoft Windows lleg\u00f3 a ser el formato BMP, que se convirti\u00f3 desde los inicios de este sistema operativo en el est\u00e1ndar de las im\u00e1genes y botones gr\u00e1ficos, gracias a la simplicidad de su estructura de datos. Los BMP almacenan la informaci\u00f3n visual en una matriz de p\u00edxeles (mapa de bits), sin utilizar algoritmos de compresi\u00f3n, por lo que no consumen tantos recursos del sistema en el proceso de visualizaci\u00f3n; sin embargo, su tama\u00f1o var\u00eda considerablemente en relaci\u00f3n a las dimensiones del mapa. Hay especificaciones que permiten utilizar el algoritmo RLE para reducir el tama\u00f1o de archivo generado, pero, aunque otros m\u00e9todos externos (ZIP, RAR, etc.) manejan con eficacia su redundancia de datos, esta caracter\u00edstica inherente lo a\u00edsla por completo del mundo de la Web, cuyos est\u00e1ndares requieren de una estructura \u00f3ptima para la transferencia a trav\u00e9s de todo tipo de red.<\/p>\n\n\n\n<p>Los BMP llegaron a almacenar hasta 24 bits por p\u00edxel hasta que Windows XP introdujo una nueva versi\u00f3n de 32 bits con un canal <em>alpha<\/em> integrado, para que pudiera ajustarse a los nuevos requisitos visuales de este sistema. El formato BMP es libre y existe bastante documentaci\u00f3n en la red sobre su implementaci\u00f3n en todo tipo de aplicaciones, por lo que es muy com\u00fan encontrarse con desarrolladores que lo utilizan en sus programas.<\/p>\n\n\n\n<p>Hay otros tipos de formatos similares, como PBM (blanco y negro), PGM (escala de grises), PPM (24 bits de color), IFF (para computadoras Amiga), RAW (guarda informaci\u00f3n gr\u00e1fica \u00aben bruto\u00bb), entre otros, aunque ninguno de los citados es tan popular como el BMP.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PCX::<\/h2>\n\n\n\n<p>Este formato desarrollado por ZSoft Corporation fue ampliamente conocido en los tiempos de MS-DOS. Era el formato nativo de la aplicaci\u00f3n PC Paintbrush. Los PCX eran totalmente independientes de las caracter\u00edsticas de los monitores, atributo que lo llev\u00f3 r\u00e1pidamente al sal\u00f3n de la fama hasta que otros sistemas de representaci\u00f3n de im\u00e1genes m\u00e1s sofisticados lo reemplazaron, dejando su nombre en el olvido. Este formato comprime mucho m\u00e1s que el BMP, ya que utiliza el RLE por defecto (a\u00fan as\u00ed, no llega a los niveles de compresi\u00f3n de algoritmos posteriores). Fue bastante utilizado por los primeros videojuegos tridimensionales debido a su excelente proporci\u00f3n entre el tama\u00f1o de archivo y la velocidad de decodificaci\u00f3n. Existe una versi\u00f3n menos conocida del PCX, llamada DCX, que se usaba en la transferencia de faxes por sus propiedades multip\u00e1ginas.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">TGA::<\/h2>\n\n\n\n<p>Nacido en los laboratorios de Truevision (ahora Pinnacle Systems) en 1984, este formato fue utilizado por las primeras tarjetas gr\u00e1ficas de computadoras compatibles con IBM PC que soportaban color real. Dicho <em>hardware<\/em> estaba orientado al trabajo profesional de edici\u00f3n de imagen y video, por lo cual las resoluciones comunes de los archivos TGA coinciden con la de los formatos NTSC y PAL (no es recomendable utilizarlos para impresi\u00f3n en papel). Las im\u00e1genes TGA admiten hasta 32 bits de color con 8 bits extra de canal <em>alpha<\/em> para transparencia, metadatos, <em>thumbnails<\/em> y compresi\u00f3n RLE. Actualmente, la industria del cine y de los videojuegos todav\u00eda utilizan muy a menudo este formato. Como ejemplos se pueden citar el Warcraft III de la Blizzard Entertainment, los motores de renderizaci\u00f3n POV-Ray y el Blender.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">TIFF::<\/h2>\n\n\n\n<p>Muy utilizado para almacenar fotograf\u00edas y esquemas de alta calidad. Creado a mediados de los a\u00f1os &#8217;80 por la empresa Aldus para el trabajo directo con <em>scanners<\/em>, fue apoyado por la Microsoft Corporation y adoptado posteriormente por Adobe System, quien controla hoy en d\u00eda la especificaci\u00f3n de este formato. TIFF es totalmente compatible con PostScript; es decir, 100% \u00f3ptimo para la impresi\u00f3n profesional. Adem\u00e1s, es muy flexible, por lo que puede utilizarse como contenedor de otros formatos gr\u00e1ficos, debido a sus propiedades multicapa, multip\u00e1gina, compatibilidad con diferentes algoritmos de compresi\u00f3n, muestreo din\u00e1mico de alto rango y posibilidad de incluir tratamiento vectorial. Se puede, por ejemplo, embeber tanto un BMP como una imagen JPEG, especificando en los <em>tags<\/em> o etiquetas del formato TIFF las propiedades de su contenido.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">GIF::<\/h2>\n\n\n\n<p>Para solucionar el problema de transferencia de im\u00e1genes a trav\u00e9s de las antiguas redes (aquellas que utilizaban las l\u00edneas telef\u00f3nicas como interfaz f\u00edsica), el proveedor de servicios <em>on<\/em>&#8211;<em>line<\/em> CompuServe decidi\u00f3, en 1987, adoptar el viejo m\u00e9todo de compresi\u00f3n LZW (patentado por Terry Welch en 1983) para una nueva l\u00ednea de im\u00e1genes. Mucho mejor que el com\u00fan algortimo RLE, permit\u00eda enviar y recibir im\u00e1genes a una gran velocidad a trav\u00e9s de los m\u00f3dems de baja velocidad. Posteriormente, con el desarrollo del HTTP y el surgimiento de la World Wide Web, el joven formato GIF lleg\u00f3 a extenderse por encima de lo previsto.<\/p>\n\n\n\n<p>Las potencialidades de sus versiones subsiguientes comenzaron a causar un mayor asombro que sus puntos d\u00e9biles. Los GIF permitieron reproducir animaciones simples por fotogramas, asignar transparencia y caracter\u00edsticas de entrelazado, admitiendo s\u00f3lo una profundidad de color de 8 bits a trav\u00e9s de una paleta de 256 colores indexados. Este formato no tiene p\u00e9rdida de calidad siempre que se utilicen im\u00e1genes compatibles con su rango de color. Hay t\u00e9cnicas que permiten mostrar hasta 24 bits de color, aplicando capas sucesivas con el respectivos n\u00famero de \u00edndices de colores en intervalos m\u00ednimos (la rapidez depende del nivel de procesamiento del CPU).<\/p>\n\n\n\n<p>A pesar de que hubo -y hay a\u00fan- millones de p\u00e1ginas webs que utilizan el formato GIF para mostrar im\u00e1genes, el W3C nunca ha recomendado el uso de este tipo de imagen por implementar un algoritmo que, aunque desde junio de 2003 es libre, permaneci\u00f3 bajo los efectos de una patente durante todo el per\u00edodo de expansi\u00f3n inicial de la Web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">JPEG::<\/h2>\n\n\n\n<p>A finales de la d\u00e9cada de 1980 se consolid\u00f3 el grupo de especialistas en fotograf\u00eda que public\u00f3 su insigne resultado en 1992. Se trata de un algoritmo de compresi\u00f3n que permiti\u00f3 de una vez por todas resolver las dificultades de almacenamiento masivo y transferencia de im\u00e1genes a todo color. El m\u00e9todo se denomin\u00f3 igual que su comisi\u00f3n creadora: JPEG. Dicho resultado, aprobado en 1994 por la norma ISO 10918-1, recorri\u00f3 todo el planeta con una gran acogida luego de su estandarizaci\u00f3n. El algoritmo JPEG aprovecha algunos defectos del ojo humano en la captaci\u00f3n de la luminosidad para comprimir im\u00e1genes de hasta 24 bits de color (sin transparencia), con p\u00e9rdida de informaci\u00f3n visual seg\u00fan la calidad con la que se efect\u00fae el proceso. Es utilizado ampliamente en la Web para la visualizaci\u00f3n de im\u00e1genes complejas, como fotograf\u00edas de paisajes. No es recomendable aplicar este algoritmo para la compresi\u00f3n de gr\u00e1ficos que pudieran ser analizados con sistemas vectoriales (esquemas, tablas y texto plano). Los archivos resultantes se abrevian normalmente como JPG, debido a que algunos sistemas operativos utilizan -o utilizaban- extensiones de archivo de s\u00f3lo tres caracteres. El comit\u00e9 JPEG ha creado otros proyectos, como el JPEG2000, que permite mayores niveles de compresi\u00f3n y nuevas funcionalidades, aunque no es recomendable para el uso en p\u00e1ginas web por los problemas de patentes y los requerimientos de hardwares para su correcta visualizaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">PNG::<\/h2>\n\n\n\n<p>Debido a las deficiencias del algoritmo LZW del formato GIF y sus problemas legales, en 1995 se inici\u00f3 el desarrollo de un nuevo formato alternativo patrocinado por el W3C. El resultado se torn\u00f3 en un m\u00e9todo potente, recomendado por dicha instituci\u00f3n para el uso en la Web. Los PNG admiten hasta 64 bits de color, distribuidos entre colores reales y canales <em>alpha<\/em>. Las versiones menores de 8 bit (com\u00fanmente utilizadas por el nivel de compresi\u00f3n resultante) permiten paletas de color indexadas con transparencia. El formato PNG no soporta animaciones; para ello se cre\u00f3 el MNG y el APNG, que nunca han sido populares debido a su complejidad. Este es el \u00fanico punto d\u00e9bil con respecto al GIF, ya que siempre que se utilicen las adecuadas t\u00e9cnicas de filtrado, la calidad de los archivos PNG va a ser superior, con un menor costo en bytes. La t\u00e9cnica de compresi\u00f3n por deflaci\u00f3n hace que este formato sea el ideal para el almacenamiento de im\u00e1genes que contengan textos, figuras geom\u00e9tricas y \u00e1reas de color plano. A\u00fan as\u00ed, se pueden almacenar gr\u00e1ficos de gran complejidad estructural para un posterior tratamiento, ya que el PNG comprime sin p\u00e9rdida de calidad.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">SWF::<\/h2>\n\n\n\n<p>La empresa Macromedia (absorbida por Adobe en el a\u00f1o 2005 por $3 500 millones de d\u00f3lares), desde la primera versi\u00f3n de Flash en 1993, comenz\u00f3 a distribuir un formato para almacenar los gr\u00e1ficos y animaciones realizados sobre esta plataforma multimedia. Originalmente desarrollado por una peque\u00f1a empresa llamada FutureWave bajo el nombre FutureSplash, en sus inicios s\u00f3lo conten\u00eda animaciones a base de fotogramas, pero con la evoluci\u00f3n de Flash y su lenguaje ActionScript -incorporado en la versi\u00f3n 5-, el SWF fue adquiriendo tanta popularidad en la Web que, actualmente, a pesar de ser propietario, es uno de los formatos m\u00e1s utilizados en la visualizaci\u00f3n de contenidos din\u00e1micos en la red de redes y en los tel\u00e9fonos m\u00f3viles modernos.<\/p>\n\n\n\n<p>A trav\u00e9s delFlash Player -que se debe instalar en el sistema o como un <em>plug<\/em>&#8211;<em>in<\/em> en los navegadores-, se puede interactuar con una aplicaci\u00f3n o un servicio web (embebidos en el SWF) a trav\u00e9s de casi cualquier dispositivo de entrada y\/o salida, incluyendo <em>webcams<\/em>, bocinas, etc. Es ideal para la representaci\u00f3n de sistemas vectoriales, ya que almacena datos de este tipo (l\u00edneas, curvas, gradientes, textos) mediante f\u00f3rmulas matem\u00e1ticas; no obstante, tambi\u00e9n puede almacenar mapas de bits con diferentes tipos de compresi\u00f3n (JPEG, RLE, etc.) y permite comprimir videos con un m\u00e9todo muy eficaz que alcanza los primeros lugares en la preferencia de los desarrolladores web, por encima de formatos como Real y Quicktime.<\/p>\n\n\n\n<p>Usar SWF tienen tres desventajas: el formato no es libre, hay m\u00e1s de nueve versiones diferentes -con sus repectivos problemas de compatibilidad- y, para visualizarlos, se necesita de un complemento que no todos los navegadores y sistemas operativos incluyen por defecto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">SVG::<\/h2>\n\n\n\n<p>En medio de la guerra de formatos vectoriales a finales de los a\u00f1os &#8217;90, con la Macromedia y la Microsoft en un bando y la Adobe y Sun Microsystem en el otro, el W3C decidi\u00f3 llevar a cabo por su propia cuenta, la realizaci\u00f3n de un nuevo est\u00e1ndar que, adem\u00e1s de ser libre, fuera completamente extensible y adaptable a la Web. En 1998 comenz\u00f3 la ardua labor liderada por Chris Lilley, hasta que el 4 de septiembre del 2001 el SVG 1.0 pas\u00f3 a ser una recomendaci\u00f3n del W3C. Este formato permite la representaci\u00f3n de im\u00e1genes y animaciones mediante XML. Mediante dicho lenguaje de marcas se pueden definir textos, contornos, grupos de figuras, mapas de bits e interacciones para luego ser mostrados en una interfaz web. El SVG est\u00e1 dotado de poderosas caracter\u00edsticas, como la accesibilidad, transformaciones anidadas, m\u00e1scaras <em>alpha<\/em>, filtros de efectos, plantillas de objetos y admite el algoritmo de compresi\u00f3n sin p\u00e9rdida Gzip para reducir el tama\u00f1o de archivo y ser descargado con m\u00e1s velocidad.<\/p>\n\n\n\n<p>Este formato rivaliza directamente con el SWF de Adobe Flash. Cada uno tiene sus caracter\u00edsticas en cuanto a su potencialidad y recursos disponibles, por lo que es dif\u00edcil deducir si el SVG desplazar\u00e1 en alg\u00fan momento al SWF de la preferencia de los desarrolladores multimedia. Clara est\u00e1, por supuesto, la amplia ventaja que tiene el SVG al estar basado en XML, ser libre y estar patrocinado por el W3C, pero a\u00fan le queda mucho camino por recorrer. Algunos navegadores necesitan de un <em>plug<\/em>&#8211;<em>in<\/em> para visualizar este tipo de archivo, aunque las \u00faltimas versiones de los m\u00e1s populares soportan este formato de modo nativo. Actualmente se trabaja en el SVG 1.2 Full, con muchas mejoras con respecto a la versi\u00f3n 1.2 Tiny lanzada en agosto del 2006.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">OTROS FORMATOS::<\/h2>\n\n\n\n<p>Existe una inmensidad de formatos gr\u00e1ficos, desde los dise\u00f1ados para impresi\u00f3n de esquemas y documentos hasta los que almacenan modelos tridimensionales. El objetivo de estos apuntes no era abarcar toda esa gama casi infinita de archivos, sino, definir un conjunto de propiedades de los formatos m\u00e1s utilizados en nuestro uso cotidiano de las PC. Habr\u00e1 quienes se deleiten por los gr\u00e1ficos de alta calidad destinados al papel o por aquellos que necesitan ser optimizados al m\u00e1ximo para transferirlos por las redes. S\u00edrvanse de estas peque\u00f1as notas para lograr un uso m\u00e1s eficiente de los formatos gr\u00e1ficos y ser capaces de llevar a cabo un afinado proceso de selecci\u00f3n. Quienes utilicen el Adobe Photoshop, el GIMP, el Adobe Fireworks, el Corel Draw o cualquier otro editor profesional para realizar sus trabajos, ya pueden estar seguros de que un formato no se selecciona al azar, sino que detr\u00e1s de una simple noci\u00f3n de calidad \/ tama\u00f1o hay un amplio campo que no se debe dejar de obviar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Para saber m\u00e1s&#8230;<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/www.fileformat.info\" target=\"_blank\" rel=\"noreferrer noopener\">Encyclopedia of Graphics File Formats<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.jpeg.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">Joint Photographic Experts Group&#8217;s Home Page<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/partners.adobe.com\/public\/developer\/tiff\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe TIFF Resources page<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.fileinfo.net\/filetypes\/image\" target=\"_blank\" rel=\"noreferrer noopener\">Image File Formats and Extensions<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Image_compression\" target=\"_blank\" rel=\"noreferrer noopener\">Wikipedia::Image compression<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/en.wikipedia.org\/wiki\/Comparison_of_graphics_file_formats\" target=\"_blank\" rel=\"noreferrer noopener\">Wikipedia::Comparison of graphics file formats<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/www.donutey.com\/imageformat2.php\" target=\"_blank\" rel=\"noreferrer noopener\">Comparaci\u00f3n visual de diferentes formatos gr\u00e1ficos<\/a><\/li>\n<\/ul>\n\n\n\n<p>Escrito por ZorphDark [<a href=\"mailto:blackhat4all@gmail.com?subject=Para\u00a0ZorphDark\">blackhat4all@gmail.com<\/a>]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los tiempos del enriquecimiento de esquemas visuales con los \u00faltimos caracteres de la tabla ASCII en plataformas textuales<\/p>\n","protected":false},"author":2,"featured_media":360,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[38],"class_list":["post-359","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-proyecto-blackhat","tag-proyecto-blackhat"],"_links":{"self":[{"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/posts\/359","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/hackcuba.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=359"}],"version-history":[{"count":1,"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/posts\/359\/revisions"}],"predecessor-version":[{"id":361,"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/posts\/359\/revisions\/361"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hackcuba.net\/index.php?rest_route=\/wp\/v2\/media\/360"}],"wp:attachment":[{"href":"https:\/\/hackcuba.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=359"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hackcuba.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=359"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hackcuba.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=359"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}