{"id":3168,"date":"2021-02-10T13:40:57","date_gmt":"2021-02-10T12:40:57","guid":{"rendered":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/?p=3168"},"modified":"2021-02-10T13:40:57","modified_gmt":"2021-02-10T12:40:57","slug":"cuales-son-los-formatos-mas-importantes-de-fotos-e-imagenes-digitales","status":"publish","type":"post","link":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/cuales-son-los-formatos-mas-importantes-de-fotos-e-imagenes-digitales\/","title":{"rendered":"\u00bfCu\u00e1les son los formatos m\u00e1s importantes de fotos e im\u00e1genes digitales?"},"content":{"rendered":"<div id=\"telet-2187244892\" class=\"telet-antes-del-contenido telet-entity-placement\"><a href=\"https:\/\/quaderno.io\/?via=jose-manuel94\" aria-label=\"Quaderno General (Spanish) &#8211; 728&#215;90\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/11\/Quaderno-General-Spanish-728x90-1.png\" alt=\"\"  srcset=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/11\/Quaderno-General-Spanish-728x90-1.png 728w, https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/11\/Quaderno-General-Spanish-728x90-1-300x37.png 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" width=\"728\" height=\"90\"   \/><\/a><\/div><p>Si tienes un blog, un canal YouTube o creas contenido de cualquier otra forma en la web, vas a necesitas trabajar con im\u00e1genes digitales. En este post vamos a centrarnos en lo primero que necesitas dominar:&nbsp;<strong>los formatos de imagen m\u00e1s importantes<\/strong>&nbsp;y cu\u00e1ndo conviene usar cada uno de ellos.<\/p>\n<p>Para empezar a trabajar con im\u00e1genes,&nbsp;<strong>lo primero es conocer los formatos de imagen m\u00e1s importantes<\/strong>. Se diferencian en diferentes caracter\u00edsticas, aqu\u00ed nos centraremos en dos: la&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Compresi%C3%B3n_de_datos\" target=\"_blank\" rel=\"noopener noreferrer\">compresi\u00f3n<\/a><\/strong>&nbsp;y el&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Modelo_de_color_RGB\" target=\"_blank\" rel=\"noopener noreferrer\">tratamiento del color<\/a><\/strong>.<\/p>\n<p>Actualmente pr\u00e1cticamente todos los formatos utilizan&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Compresi%C3%B3n_de_datos\" target=\"_blank\" rel=\"noopener noreferrer\">compresi\u00f3n<\/a><\/strong>, hay que distinguir entre la&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Compresi%C3%B3n_sin_p%C3%A9rdida\" target=\"_blank\" rel=\"noopener noreferrer\">compresi\u00f3n sin p\u00e9rdidas<\/a><\/strong>&nbsp;que mantiene toda la informaci\u00f3n original y la&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Compresi%C3%B3n_con_p%C3%A9rdida\" target=\"_blank\" rel=\"noopener noreferrer\">compresi\u00f3n con p\u00e9rdidas<\/a><\/strong>&nbsp;que \u201cenga\u00f1a\u201d al usuario aprovechando las debilidades de la percepci\u00f3n visual humano y simplificando detalles de la imagen que \u00e9ste no va a percibir.<\/p>\n<p>En este \u00faltimo caso, una vez aplicado el proceso la informaci\u00f3n se ha perdido y&nbsp;<strong>no se puede volver recuperar<\/strong>, por mucho que en el cine y la televisi\u00f3n nos quieran hacer pensar lo contrario con&nbsp;<strong>aut\u00e9nticos disparates como el de la siguiente secuencia<\/strong>:<\/p>\n<p><iframe loading=\"lazy\" title=\"Why I Don&#039;t Watch CSI\" width=\"1110\" height=\"833\" src=\"https:\/\/www.youtube.com\/embed\/3uoM5kfZIQ0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Existen multitud de formatos para comprimir las im\u00e1genes digitales, para ser pr\u00e1cticos nos centraremos en los tres m\u00e1s utilizados:&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Jpg\" target=\"_blank\" rel=\"noopener noreferrer\">JPG<\/a><\/strong>&nbsp;(o&nbsp;<strong>JPEG<\/strong>),&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Gif\" target=\"_blank\" rel=\"noopener noreferrer\">GIF<\/a><\/strong>&nbsp;y&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Png\" target=\"_blank\" rel=\"noopener noreferrer\">PNG<\/a><\/strong>. Por ejemplo: es muy frecuente que las c\u00e1maras digitales guarden las im\u00e1genes en JPG, el m\u00e1s empleado para las fotograf\u00edas.<\/p>\n<p>Para cambiar su&nbsp;<strong>tama\u00f1o<\/strong>,&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Resoluci%C3%B3n_de_im%C3%A1genes\" target=\"_blank\" rel=\"noopener noreferrer\">resoluci\u00f3n<\/a><\/strong>&nbsp;o&nbsp;<strong>formato<\/strong>&nbsp;hay que emplear un editor de im\u00e1genes, como&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Photoshop\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop<\/a><\/strong>,&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Gimp\" target=\"_blank\" rel=\"noopener noreferrer\">GIMP<\/a><\/strong>&nbsp;o&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Paint.NET\" target=\"_blank\" rel=\"noopener noreferrer\">Paint.NET<\/a><\/strong>.<\/p>\n<h2><span id=\"La_profundidad_de_color\">La profundidad de color<\/span><\/h2>\n<p><strong>Cada pixel (punto) de la imagen tiene codificado un color<\/strong>, para ello se usan un n\u00famero determinado de bits,&nbsp;<strong>cuanta m\u00e1s&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Profundidad_de_color\" target=\"_blank\" rel=\"noopener noreferrer\">profundidad de color<\/a>&nbsp;m\u00e1s bits y por tanto m\u00e1s tama\u00f1o de archivo<\/strong>&nbsp;para una imagen con una determinada resoluci\u00f3n. As\u00ed una codificaci\u00f3n de color de 8 bits requerir\u00e1 el doble de espacio de almacenamiento que una codificaci\u00f3n de 16.<\/p>\n<p>La tabla siguiente muestra las&nbsp;<strong>opciones m\u00e1s habituales de profundidad de color<\/strong>, obs\u00e9rvese que el n\u00famero de colores disponibles aumenta de manera exponencial con el n\u00famero de bits:<\/p>\n<table border=\"1\" width=\"550\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr id=\"tituloTablaContenido\">\n<td valign=\"top\" width=\"317\"><strong>N\u00famero de bits<\/strong><\/td>\n<td valign=\"top\" width=\"317\"><strong>N\u00famero m\u00e1ximo de colores<\/strong><\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"317\">8<\/td>\n<td valign=\"top\" width=\"317\">256<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"317\">16<\/td>\n<td valign=\"top\" width=\"317\">65.536<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"317\">24 (<a href=\"http:\/\/es.wikipedia.org\/wiki\/Color_verdadero\" target=\"_blank\" rel=\"noopener noreferrer\">color verdadero<\/a>, cubre, incluso supera el n\u00famero de colores perceptibles por un humano)<\/td>\n<td valign=\"top\" width=\"317\">16.777.216<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"317\">32 (color verdadero m\u00e1s soporte de&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Canal_alfa\" target=\"_blank\" rel=\"noopener noreferrer\">niveles de transparencia<\/a>)<\/td>\n<td valign=\"top\" width=\"317\">16.777.216 + 256 niveles de transparencia<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><span id=\"Los_formatos_de_imagen_y_sus_principales_diferencias\">Los formatos de imagen y sus principales diferencias<\/span><\/h2>\n<p>Para elegir el formato adecuado para una imagen hay que valorar su&nbsp;<strong>contenido<\/strong>&nbsp;(fotograf\u00eda, gr\u00e1fico, etc.), la&nbsp;<strong>calidad<\/strong>&nbsp;(dependiendo de su destino: impresi\u00f3n en papel, publicaci\u00f3n en web\u2026) y el&nbsp;<strong>tama\u00f1o del archivo<\/strong>. Vamos a ver ahora en qu\u00e9 se diferencian en ese sentido los formatos de im\u00e1genes.<\/p>\n<h3><span id=\"El_formato_GIF\">El formato GIF<\/span><\/h3>\n<p>Una imagen GIF puede contener&nbsp;<strong>entre 2 y 256 colores entre 16,8 millones de su paleta<\/strong>. Por lo tanto,&nbsp;<strong>dado el n\u00famero de colores limitado, las im\u00e1genes que se obtienen con este formato por lo general son muy peque\u00f1as<\/strong>.<\/p>\n<p>Sin embargo, dado que&nbsp;<strong>su&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/LZW\" target=\"_blank\" rel=\"noopener noreferrer\">algoritmo de compresi\u00f3n (sin p\u00e9rdidas) LZW<\/a>&nbsp;estaba patentado<\/strong>, todos los editores de software que usaban im\u00e1genes GIF deb\u00edan pagarle&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Regal%C3%ADa\" target=\"_blank\" rel=\"noopener noreferrer\">regal\u00edas<\/a>&nbsp;(royalties) a&nbsp;<strong>Unisys<\/strong>, la compa\u00f1\u00eda propietaria de los derechos. Esta es una de las razones por las que&nbsp;<strong>el formato PNG se est\u00e1 volviendo cada vez m\u00e1s popular, en perjuicio del formato GIF<\/strong>.<\/p>\n<p>\u00bfCu\u00e1ndo es conveniente usar el formato GIF?<\/p>\n<ul>\n<li><em>Cuando la imagen es&nbsp;<strong>peque\u00f1a<\/strong><\/em><\/li>\n<li><em>Cuando se requiera una&nbsp;<strong>animaci\u00f3n<\/strong>&nbsp;para ser utilizada en Internet.<\/em><\/li>\n<li><em>Cuando&nbsp;<strong>la imagen tiene 256 colores o se ver\u00e1 bien con ese n\u00famero de colores<\/strong>.<\/em><\/li>\n<li><em>Si la imagen contiene&nbsp;<strong>altos contrastes o grandes bloques de color<\/strong>.<\/em><\/li>\n<\/ul>\n<header class=\"entry-header\">\n<h1 class=\"entry-title\">\u00bfCu\u00e1les son los formatos m\u00e1s importantes de fotos e im\u00e1genes digitales?<\/h1>\n<div class=\"entry-meta\">\n<div class=\"entry-meta-block\"><img loading=\"lazy\" decoding=\"async\" class=\"avatar avatar-64 photo lazy-loaded\" src=\"https:\/\/secure.gravatar.com\/avatar\/6837f20f93e20322453da5f59d6925dd?s=64&amp;d=https%3A%2F%2Fwww.ciudadano2cero.com%2Fwp-content%2Fplugins%2Fwapuuvatar%2Fdist%2Fwapuu-travel-64.png&amp;r=pg\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/6837f20f93e20322453da5f59d6925dd?s=128&amp;d=https%3A%2F%2Fwww.ciudadano2cero.com%2Fwp-content%2Fplugins%2Fwapuuvatar%2Fdist%2Fwapuu-travel-64.png&amp;r=pg 2x\" alt=\"\" width=\"64\" height=\"64\" data-lazy-type=\"image\" data-src=\"https:\/\/secure.gravatar.com\/avatar\/6837f20f93e20322453da5f59d6925dd?s=64&amp;d=https%3A%2F%2Fwww.ciudadano2cero.com%2Fwp-content%2Fplugins%2Fwapuuvatar%2Fdist%2Fwapuu-travel-64.png&amp;r=pg\" data-srcset=\"\"><\/p>\n<div class=\"entry-meta-block-authinfo\">\n<p class=\"authinfo-headline\">por&nbsp;<span class=\"entry-author\"><a class=\"entry-author-link\" href=\"https:\/\/www.ciudadano2cero.com\/author\/berto\/\" rel=\"nofollow\"><span class=\"entry-author-name\">Berto L\u00f3pez<\/span><\/a><\/span>, \u00falt. act. el&nbsp;<time class=\"entry-time\" datetime=\"2020-12-11T18:22:45+01:00\">11 de diciembre del 2020<\/time><\/p>\n<p class=\"authinfo-subline\">Categor\u00edas:&nbsp;<strong><a href=\"https:\/\/www.ciudadano2cero.com\/category\/diseno-tecnologia-web\/\" rel=\"nofollow\">Dise\u00f1o &amp; Tecnolog\u00eda Web<\/a><\/strong><\/p>\n<\/div>\n<\/div>\n<div class=\"entry-meta-block comment-bubble\"><a class=\"num-comments-link\" href=\"https:\/\/www.ciudadano2cero.com\/formatos-imagenes-fotos\/#comments\" rel=\"nofollow\"><span class=\"num_comments\">9<\/span><\/a><\/div>\n<div class=\"entry-meta-block\">&nbsp;<\/div>\n<\/div>\n<\/header>\n<div class=\"entry-content\">\n<div class=\"social-bolt-button-bar\">\n<ul>\n<li>&nbsp;<\/li>\n<li>&nbsp;<\/li>\n<li>&nbsp;<\/li>\n<li>&nbsp;<\/li>\n<li>&nbsp;<\/li>\n<\/ul>\n<\/div>\n<div>&nbsp;<\/div>\n<p>Si tienes un blog, un canal YouTube o creas contenido de cualquier otra forma en la web, vas a necesitas trabajar con im\u00e1genes digitales. En este post vamos a centrarnos en lo primero que necesitas dominar:&nbsp;<strong>los formatos de imagen m\u00e1s importantes<\/strong>&nbsp;y cu\u00e1ndo conviene usar cada uno de ellos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-25124 lazy-loaded\" src=\"https:\/\/www.ciudadano2cero.com\/wp-content\/uploads\/2011\/06\/formatos-imagenes-digitales.jpg\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" srcset=\"https:\/\/www.ciudadano2cero.com\/wp-content\/uploads\/2011\/06\/formatos-imagenes-digitales.jpg 800w, https:\/\/www.ciudadano2cero.com\/wp-content\/uploads\/2011\/06\/formatos-imagenes-digitales-300x169.jpg 300w, https:\/\/www.ciudadano2cero.com\/wp-content\/uploads\/2011\/06\/formatos-imagenes-digitales-768x432.jpg 768w, https:\/\/www.ciudadano2cero.com\/wp-content\/uploads\/2011\/06\/formatos-imagenes-digitales-650x366.jpg 650w\" alt=\"formatos imagenes digitales\" width=\"800\" height=\"450\" data-lazy-type=\"image\" data-src=\"https:\/\/www.ciudadano2cero.com\/wp-content\/uploads\/2011\/06\/formatos-imagenes-digitales.jpg\" data-srcset=\"\"><\/p>\n<p><a href=\"https:\/\/www.ciudadano2cero.com\/go\/pixabay\/\" target=\"_blank\" rel=\"nofollow noopener\">Imagen de Pixabay<\/a>&nbsp;&#8211; \u00a9&nbsp;<a href=\"https:\/\/pixabay.com\/es\/photos\/fot%C3%B3grafo-c%C3%A1mara-de-fotos-c%C3%A1mara-455747\/\" target=\"_blank\" rel=\"nofollow noopener\">Caf\u00e9<\/a><\/p>\n<p>Para empezar a trabajar con im\u00e1genes,&nbsp;<strong>lo primero es conocer los formatos de imagen m\u00e1s importantes<\/strong>. Se diferencian en diferentes caracter\u00edsticas, aqu\u00ed nos centraremos en dos: la&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Compresi%C3%B3n_de_datos\" target=\"_blank\" rel=\"noopener noreferrer\">compresi\u00f3n<\/a><\/strong>&nbsp;y el&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Modelo_de_color_RGB\" target=\"_blank\" rel=\"noopener noreferrer\">tratamiento del color<\/a><\/strong>.<\/p>\n<div id=\"toc_container\" class=\"no_bullets\">\n<p class=\"toc_title\">\u00bfQu\u00e9 encontrar\u00e1s aqu\u00ed?<\/p>\n<ul class=\"toc_list\">\n<li><a href=\"https:\/\/www.ciudadano2cero.com\/formatos-imagenes-fotos\/#La_profundidad_de_color\">La profundidad de color<\/a><\/li>\n<li><a href=\"https:\/\/www.ciudadano2cero.com\/formatos-imagenes-fotos\/#Los_formatos_de_imagen_y_sus_principales_diferencias\">Los formatos de imagen y sus principales diferencias<\/a>\n<ul>\n<li><a href=\"https:\/\/www.ciudadano2cero.com\/formatos-imagenes-fotos\/#El_formato_GIF\">El formato GIF<\/a><\/li>\n<li><a href=\"https:\/\/www.ciudadano2cero.com\/formatos-imagenes-fotos\/#El_formato_JPG\">El formato JPG<\/a><\/li>\n<li><a href=\"https:\/\/www.ciudadano2cero.com\/formatos-imagenes-fotos\/#El_formato_PNG\">El formato PNG<\/a><\/li>\n<li><a href=\"https:\/\/www.ciudadano2cero.com\/formatos-imagenes-fotos\/#El_formato_BMP\">El formato BMP<\/a><\/li>\n<li><a href=\"https:\/\/www.ciudadano2cero.com\/formatos-imagenes-fotos\/#El_formato_RAW\">El formato RAW<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<p>Actualmente pr\u00e1cticamente todos los formatos utilizan&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Compresi%C3%B3n_de_datos\" target=\"_blank\" rel=\"noopener noreferrer\">compresi\u00f3n<\/a><\/strong>, hay que distinguir entre la&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Compresi%C3%B3n_sin_p%C3%A9rdida\" target=\"_blank\" rel=\"noopener noreferrer\">compresi\u00f3n sin p\u00e9rdidas<\/a><\/strong>&nbsp;que mantiene toda la informaci\u00f3n original y la&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Compresi%C3%B3n_con_p%C3%A9rdida\" target=\"_blank\" rel=\"noopener noreferrer\">compresi\u00f3n con p\u00e9rdidas<\/a><\/strong>&nbsp;que \u201cenga\u00f1a\u201d al usuario aprovechando las debilidades de la percepci\u00f3n visual humano y simplificando detalles de la imagen que \u00e9ste no va a percibir.<\/p>\n<p>En este \u00faltimo caso, una vez aplicado el proceso la informaci\u00f3n se ha perdido y&nbsp;<strong>no se puede volver recuperar<\/strong>, por mucho que en el cine y la televisi\u00f3n nos quieran hacer pensar lo contrario con&nbsp;<strong>aut\u00e9nticos disparates como el de la siguiente secuencia<\/strong>:<\/p>\n<p><iframe loading=\"lazy\" class=\"lazy-loaded\" title=\"Why I Don't Watch CSI\" src=\"https:\/\/www.youtube.com\/embed\/3uoM5kfZIQ0?feature=oembed\" width=\"600\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\" data-lazy-type=\"iframe\" data-src=\"https:\/\/www.youtube.com\/embed\/3uoM5kfZIQ0?feature=oembed\" data-mce-fragment=\"1\"><\/iframe><\/p>\n<p>Existen multitud de formatos para comprimir las im\u00e1genes digitales, para ser pr\u00e1cticos nos centraremos en los tres m\u00e1s utilizados:&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Jpg\" target=\"_blank\" rel=\"noopener noreferrer\">JPG<\/a><\/strong>&nbsp;(o&nbsp;<strong>JPEG<\/strong>),&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Gif\" target=\"_blank\" rel=\"noopener noreferrer\">GIF<\/a><\/strong>&nbsp;y&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Png\" target=\"_blank\" rel=\"noopener noreferrer\">PNG<\/a><\/strong>. Por ejemplo: es muy frecuente que las c\u00e1maras digitales guarden las im\u00e1genes en JPG, el m\u00e1s empleado para las fotograf\u00edas.<\/p>\n<p>Para cambiar su&nbsp;<strong>tama\u00f1o<\/strong>,&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Resoluci%C3%B3n_de_im%C3%A1genes\" target=\"_blank\" rel=\"noopener noreferrer\">resoluci\u00f3n<\/a><\/strong>&nbsp;o&nbsp;<strong>formato<\/strong>&nbsp;hay que emplear un editor de im\u00e1genes, como&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Photoshop\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop<\/a><\/strong>,&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Gimp\" target=\"_blank\" rel=\"noopener noreferrer\">GIMP<\/a><\/strong>&nbsp;o&nbsp;<strong><a href=\"http:\/\/es.wikipedia.org\/wiki\/Paint.NET\" target=\"_blank\" rel=\"noopener noreferrer\">Paint.NET<\/a><\/strong>.<\/p>\n<h2><span id=\"La_profundidad_de_color\">La profundidad de color<\/span><\/h2>\n<p><strong>Cada pixel (punto) de la imagen tiene codificado un color<\/strong>, para ello se usan un n\u00famero determinado de bits,&nbsp;<strong>cuanta m\u00e1s&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Profundidad_de_color\" target=\"_blank\" rel=\"noopener noreferrer\">profundidad de color<\/a>&nbsp;m\u00e1s bits y por tanto m\u00e1s tama\u00f1o de archivo<\/strong> para una imagen con una determinada resoluci\u00f3n. As\u00ed una codificaci\u00f3n de color de 8 bits requerir\u00e1 el doble de espacio de almacenamiento que una codificaci\u00f3n de 16.<\/p>\n<hr>\n<div class=\"message-frame \">\n<div class=\"message-frame-header\">\n<div><img decoding=\"async\" src=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/07\/articulos.png\"><\/div>\n<div>[wp-rss-aggregator]<\/p>\n<hr>\n<\/div>\n<div>\n<p>\u00bfTE DEDICAS AL DISE\u00d1O WEB PERO NO CONSIGUES HACERLO RENTABLE?<\/p>\n<\/div>\n<\/div>\n<div class=\"message-frame-body\">\n<p>Pues entonces descubre el&nbsp;<strong>curso gratuito<\/strong>&nbsp;que te hubiese cambiado la vida cuando empezaste como&nbsp;<strong>dise\u00f1ador web&nbsp;<a href=\"https:\/\/www.ciudadano2cero.com\/trabajar-como-freelance-online\/\" target=\"_blank\" rel=\"noopener\">freelance<\/a><\/strong>.<\/p>\n<p>Haz clic en el bot\u00f3n de abajo para descubrir:<\/p>\n<ul class=\"disc-check-green\">\n<li><strong>En qu\u00e9 est\u00e1s fallando<\/strong>. \u00bfPor qu\u00e9 otros viven de esto y a ti te cuesta tanto?<\/li>\n<li>Los&nbsp;<strong>secretos para adelantar a tu competencia<\/strong>&nbsp;por la derecha.<\/li>\n<li>C\u00f3mo&nbsp;<strong>multiplicar por tres tus ingresos<\/strong>&nbsp;sin hacer m\u00e1s webs, ni subir precios.<\/li>\n<li><strong>16 palabras y mensajes de venta<\/strong>&nbsp;que todo dise\u00f1ador deber\u00eda&nbsp;<strong>borrar de su web<\/strong>.<\/li>\n<li>C\u00f3mo&nbsp;<strong>hacer p\u00e1ginas web de 400\u20ac en menos de 4 horas<\/strong>.<\/li>\n<\/ul>\n<p>Y estos son s\u00f3lo 5 ejemplos de un total de&nbsp;<strong>18 v\u00eddeos<\/strong>&nbsp;con m\u00e1s de 5 horas de grabaci\u00f3n&nbsp;<strong>totalmente gratis<\/strong>&nbsp;(s\u00ed, gratis de verdad).<\/p>\n<\/div>\n<div class=\"message-frame-footer\">\n<div class=\"button-wrapper\"><a class=\"button\" href=\"https:\/\/www.ciudadano2cero.com\/go\/webdesignpro\" target=\"_blank\" rel=\"noopener\">Accede gratis aqui<\/a><\/div>\n<div class=\"message-frame-footer-text\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<p>La tabla siguiente muestra las&nbsp;<strong>opciones m\u00e1s habituales de profundidad de color<\/strong>, obs\u00e9rvese que el n\u00famero de colores disponibles aumenta de manera exponencial con el n\u00famero de bits:<\/p>\n<table border=\"1\" width=\"550\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr id=\"tituloTablaContenido\">\n<td valign=\"top\" width=\"317\"><strong>N\u00famero de bits<\/strong><\/td>\n<td valign=\"top\" width=\"317\"><strong>N\u00famero m\u00e1ximo de colores<\/strong><\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"317\">8<\/td>\n<td valign=\"top\" width=\"317\">256<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"317\">16<\/td>\n<td valign=\"top\" width=\"317\">65.536<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"317\">24 (<a href=\"http:\/\/es.wikipedia.org\/wiki\/Color_verdadero\" target=\"_blank\" rel=\"noopener noreferrer\">color verdadero<\/a>, cubre, incluso supera el n\u00famero de colores perceptibles por un humano)<\/td>\n<td valign=\"top\" width=\"317\">16.777.216<\/td>\n<\/tr>\n<tr>\n<td valign=\"top\" width=\"317\">32 (color verdadero m\u00e1s soporte de&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Canal_alfa\" target=\"_blank\" rel=\"noopener noreferrer\">niveles de transparencia<\/a>)<\/td>\n<td valign=\"top\" width=\"317\">16.777.216 + 256 niveles de transparencia<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2><span id=\"Los_formatos_de_imagen_y_sus_principales_diferencias\">Los formatos de imagen y sus principales diferencias<\/span><\/h2>\n<p>Para elegir el formato adecuado para una imagen hay que valorar su&nbsp;<strong>contenido<\/strong>&nbsp;(fotograf\u00eda, gr\u00e1fico, etc.), la&nbsp;<strong>calidad<\/strong>&nbsp;(dependiendo de su destino: impresi\u00f3n en papel, publicaci\u00f3n en web\u2026) y el&nbsp;<strong>tama\u00f1o del archivo<\/strong>. Vamos a ver ahora en qu\u00e9 se diferencian en ese sentido los formatos de im\u00e1genes.<\/p>\n<h3><span id=\"El_formato_GIF\">El formato GIF<\/span><\/h3>\n<p>Una imagen GIF puede contener&nbsp;<strong>entre 2 y 256 colores entre 16,8 millones de su paleta<\/strong>. Por lo tanto,&nbsp;<strong>dado el n\u00famero de colores limitado, las im\u00e1genes que se obtienen con este formato por lo general son muy peque\u00f1as<\/strong>.<\/p>\n<p>Sin embargo, dado que&nbsp;<strong>su&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/LZW\" target=\"_blank\" rel=\"noopener noreferrer\">algoritmo de compresi\u00f3n (sin p\u00e9rdidas) LZW<\/a>&nbsp;estaba patentado<\/strong>, todos los editores de software que usaban im\u00e1genes GIF deb\u00edan pagarle&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Regal%C3%ADa\" target=\"_blank\" rel=\"noopener noreferrer\">regal\u00edas<\/a>&nbsp;(royalties) a&nbsp;<strong>Unisys<\/strong>, la compa\u00f1\u00eda propietaria de los derechos. Esta es una de las razones por las que&nbsp;<strong>el formato PNG se est\u00e1 volviendo cada vez m\u00e1s popular, en perjuicio del formato GIF<\/strong>.<\/p>\n<p>\u00bfCu\u00e1ndo es conveniente usar el formato GIF?<\/p>\n<ul>\n<li><em>Cuando la imagen es&nbsp;<strong>peque\u00f1a<\/strong><\/em><\/li>\n<li><em>Cuando se requiera una&nbsp;<strong>animaci\u00f3n<\/strong>&nbsp;para ser utilizada en Internet.<\/em><\/li>\n<li><em>Cuando&nbsp;<strong>la imagen tiene 256 colores o se ver\u00e1 bien con ese n\u00famero de colores<\/strong>.<\/em><\/li>\n<li><em>Si la imagen contiene&nbsp;<strong>altos contrastes o grandes bloques de color<\/strong>.<\/em><\/li>\n<\/ul>\n<h3><span id=\"El_formato_JPG\">El formato JPG<\/span><\/h3>\n<p>JPEG (siglas de Joint Photographic Experts Group) o JPG&nbsp;<strong>soporta 16,7 millones de colores<\/strong>&nbsp;(24 bits) y&nbsp;<strong>es el m\u00e1s empleado (y adecuado) para las fotograf\u00edas<\/strong>. Al contrario que GIF,&nbsp;<strong>usa compresi\u00f3n con p\u00e9rdidas<\/strong>.&nbsp;<strong>Permite ajustar el grado de calidad<\/strong>&nbsp;variando el nivel de p\u00e9rdidas desde un 0% (sin p\u00e9rdidas) hasta extremos que normalmente ya suponen inutilizar la imagen.<\/p>\n<p>Esto se puede apreciar perfectamente en la anterior imagen del gatito , la cual se ha comprimido en exceso para ilustrar este efecto.<\/p>\n<p>El formato JPG puede ser adecuado cuando:<\/p>\n<ul>\n<li><em>Se requieran im\u00e1genes con 24 bits (<strong>16.7 millones de colores<\/strong>).<\/em><\/li>\n<li><em>Cuando la imagen es una&nbsp;<strong>fotograf\u00eda o contiene tonos continuos<\/strong>.&nbsp;<strong>N<\/strong><\/em><strong><em>o realiza su funci\u00f3n muy bien con diagramas, capturas de pantalla, comics, dibujos animados u otras im\u00e1genes de alto contraste<\/em><\/strong><em>.<\/em><\/li>\n<li><em>Ser\u00e1n usadas para su&nbsp;<strong>distribuci\u00f3n en Internet<\/strong>, se quiere por tanto un&nbsp;<strong>peso m\u00ednimo<\/strong>&nbsp;de las mismas.<\/em><\/li>\n<li><em>Se requieren fotograf\u00edas con un&nbsp;<strong>reducido tama\u00f1o de archivo<\/strong>.<\/em><\/li>\n<\/ul>\n<h3><span id=\"El_formato_PNG\">El formato PNG<\/span><\/h3>\n<p>Este formato fue desarrollado para&nbsp;<strong>superar las limitaciones del GIF<\/strong>&nbsp;y&nbsp;<strong>utiliza una<\/strong>&nbsp;<strong>compresi\u00f3n sin p\u00e9rdidas<\/strong>, no est\u00e1 sujeto a las patentes que pesan sobre el empleo del GIF.<\/p>\n<p>El formato permite&nbsp;<strong>im\u00e1genes con&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Color_verdadero\" target=\"_blank\" rel=\"noopener noreferrer\">color verdadero<\/a><\/strong>,&nbsp;<strong>escala de grises<\/strong>&nbsp;y&nbsp;<strong>paleta de 8 bits<\/strong>. Al igual que el GIF es adecuado para im\u00e1genes con pocas variaciones de colores. En estos casos, a diferencia de JPG, reproducir\u00e1 la imagen de una manera perfecta, en la izquierda se puede ver una comparativa entre el comportamiento del formato JPG comprimido con p\u00e9rdidas frente a PNG sin p\u00e9rdidas.<\/p>\n<p>Por tanto, el formato PNG ser\u00e1 adecuado cuando se quiera:<\/p>\n<ul>\n<li><em>Trabajar con&nbsp;<strong>niveles de&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Composici%C3%B3n_alfa\" target=\"_blank\" rel=\"noopener noreferrer\">transparencia<\/a><\/strong>&nbsp;(canal alfa).<\/em><\/li>\n<li><strong><em>Compresi\u00f3n sin p\u00e9rdida para im\u00e1genes de color de alta resoluci\u00f3n y alto contraste<\/em><\/strong><em>.<\/em><\/li>\n<li><strong><em>Im\u00e1genes de alta calidad<\/em><\/strong><em>&nbsp;con compresi\u00f3n sin p\u00e9rdida.<\/em><\/li>\n<\/ul>\n<h3><span id=\"El_formato_BMP\">El formato BMP<\/span><\/h3>\n<p>El BitMaP es el&nbsp;<strong>formato nativo del&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Windows\" target=\"_blank\" rel=\"noopener noreferrer\">sistema operativo Windows<\/a>&nbsp;de Microsoft<\/strong>&nbsp;y el&nbsp;<strong>m\u00e1s simple de todos<\/strong>: define los valores de cada pixel, uno a uno, de abajo a arriba y barriendo las l\u00edneas de izquierda a derecha. Los datos se pueden comprimir, pero esta opci\u00f3n casi nunca se emplea.<\/p>\n<p>Su gran problema es que&nbsp;<strong>genera archivos enormes<\/strong>&nbsp;y por tanto&nbsp;<strong>no se deber\u00eda utilizar nunca<\/strong>, se encuentra completamente&nbsp;<strong>desfasado<\/strong>&nbsp;y se menciona solamente para insistir precisamente en que el usuario evite utilizarlo.<\/p>\n<h3><span id=\"El_formato_RAW\">El formato RAW<\/span><\/h3>\n<p><strong>Este formato se menciona tambi\u00e9n por completitud<\/strong>&nbsp;m\u00e1s que por su utilizaci\u00f3n pr\u00e1ctica por el lector del art\u00edculo. El&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/RAW_%28formato%29\" target=\"_blank\" rel=\"noopener noreferrer\">formato RAW<\/a>&nbsp;(en Ingles No alterado o en Forma Natural, para el caso de im\u00e1genes enti\u00e9ndase como Formato de Imagen sin Compresi\u00f3n o Crudo) es un&nbsp;<strong>formato de&nbsp;<a title=\"Archivo (computaci\u00f3n)\" href=\"http:\/\/es.wikipedia.org\/wiki\/Archivo_%28computaci%C3%B3n%29\" target=\"_blank\" rel=\"noopener\">archivo<\/a>&nbsp;digital de im\u00e1genes que contiene la totalidad de los datos de la imagen tal y como ha sido captada por el&nbsp;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Sensor_CMOS\" target=\"_blank\" rel=\"noopener noreferrer\">sensor<\/a>&nbsp;digital de la&nbsp;<a title=\"C\u00e1mara digital\" href=\"http:\/\/es.wikipedia.org\/wiki\/C%C3%A1mara_digital\" target=\"_blank\" rel=\"noopener\">c\u00e1mara digital<\/a><\/strong>.<\/p>\n<p>Suele tener una&nbsp;<strong>mayor profundidad<\/strong>&nbsp;de color (36 o 48 bits) y se considera un&nbsp;<strong>formato orientado a profesionales<\/strong>, para el tratamiento posterior de las im\u00e1genes.<\/p>\n<\/div>\n<p>por&nbsp;<span class=\"entry-author\"><a class=\"entry-author-link\" href=\"https:\/\/www.ciudadano2cero.com\/author\/berto\/\" rel=\"nofollow\"><span class=\"entry-author-name\">Berto L\u00f3pez<\/span><\/a><\/span><\/p>\n<div id=\"telet-2918905634\" class=\"telet-despues-del-contenido telet-entity-placement\"><a target=\"_blank\" href=\"\/\/aff.lucushost.com\/resources\/click\/?n=gDxoXMAJ&aff=756\"><img decoding=\"async\" border=\"0\" alt=\"LucusHost, el mejor hosting\" src=\"\/\/aff.lucushost.com\/resources\/banners\/?zoneid=5123&n=gDxoXMAJ&aff=756\" \/><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Si tienes un blog, un canal YouTube o creas contenido de cualquier otra forma en la web, vas a necesitas trabajar con im\u00e1genes digitales. En este post vamos a centrarnos&hellip; <\/p>\n","protected":false},"author":1,"featured_media":3170,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_post_was_ever_published":false,"_links_to":"","_links_to_target":""},"categories":[1],"tags":[20,19],"class_list":["post-3168","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teletrabajo","tag-fuprisa","tag-jose-manuel-fuentes-prieto"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[1],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"jetpack_featured_media_url":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2021\/02\/chico-abrazando-novia-invierno.jpg","_links":{"self":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts\/3168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/comments?post=3168"}],"version-history":[{"count":2,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts\/3168\/revisions"}],"predecessor-version":[{"id":3171,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts\/3168\/revisions\/3171"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/media\/3170"}],"wp:attachment":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/media?parent=3168"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/categories?post=3168"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/tags?post=3168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}