{"id":27751,"date":"2022-07-27T08:50:35","date_gmt":"2022-07-27T14:50:35","guid":{"rendered":"https:\/\/otech.uaeh.edu.mx\/noti\/?p=27751"},"modified":"2022-07-27T08:50:35","modified_gmt":"2022-07-27T14:50:35","slug":"png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes","status":"publish","type":"post","link":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/","title":{"rendered":"PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes"},"content":{"rendered":"<p style=\"text-align: justify;\"><span style=\"color: #000000;\">A \u00a0menudo, en nuestra web o en nuestras redes sociales utilizamos distintos\u00a0<strong>formatos de im\u00e1genes.<\/strong>\u00a0Pero, \u00bfconoces exactamente la diferencia entre cada uno de ellos, o el tipo de formato que debes utilizar en cada caso? Aunque existen otros,\u00a0<strong>PNG, JPG, TIFF y GIF son los formatos m\u00e1s conocidos,<\/strong>\u00a0y sobre los que hoy queremos hablar para dejar claras sus caracter\u00edsticas, a los que a\u00f1adiremos un reci\u00e9n llegado como\u00a0<strong>WEBP.<\/strong>\u00a0Te lo contamos a continuaci\u00f3n.<!--more--><\/span><\/p>\n<h2 style=\"text-align: justify;\"><span style=\"color: #000000;\">Diferencias entre formatos PNG, JPG, TIFF, GIF y WEBP<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"color: #000000;\">Has o\u00eddo hablar\u00a0muchas veces de\u00a0PNG, JPG, TIFF y GIF pero no sabes\u00a0<a style=\"color: #000000;\" href=\"https:\/\/marketing4ecommerce.mx\/terribles-errores-de-diseno-que-no-debes-cometer-en-tu-ecommerce\/\">cu\u00e1l utilizar para tu espacio web, tienda online<\/a>\u00a0o para tus plataformas sociales. S\u00ed, nos referimos a los distintos formatos de im\u00e1genes con los que te puedes encontrar, y que deber\u00edas tener claros para evitar su uso\u00a0de forma err\u00f3nea.\u00a0 Vamos a repasarlos en detalle<\/span><\/p>\n<h4 style=\"text-align: justify;\"><span style=\"color: #000000;\">1. JPG<\/span><\/h4>\n<p style=\"text-align: justify;\"><span style=\"color: #000000;\">Quiz\u00e1s el formato de imagen m\u00e1s conocido y extendido entre los usuarios es el JPG. \u00bfQu\u00e9 es un JPG? Un formato de imagen<strong>\u00a0con p\u00e9rdida de calidad;\u00a0<\/strong>es decir,<strong>\u00a0cada vez que lo manipulas o reduces su tama\u00f1o, la imagen en cuesti\u00f3n perder\u00e1 en calidad.\u00a0<\/strong>\u00a0Es un formato pensado para la compresi\u00f3n de im\u00e1genes digitales y fotogr\u00e1ficas, y\u00a0<strong>es capaz de guardar informaci\u00f3n de color\u00a0<a style=\"color: #000000;\" href=\"https:\/\/marketing4ecommerce.mx\/manual-de-identidad-corporativa-para-tu-marca\/\">CMYK o RGB,<\/a>\u00a0as\u00ed como de escalas de grises.<\/strong>\u00a0Es el formato est\u00e1ndar que utilizan las c\u00e1maras digitales, aunque en casos en que hablemos de fotograf\u00eda profesional es recomendable utilizar otros formatos. Tambi\u00e9n es muy utilizado en<strong>\u00a0p\u00e1ginas web y en redes sociales, tanto por su compatibilidad con distintas plataformas y programas,<\/strong>\u00a0como por el hecho de que es un tipo de imagen que<strong>\u00a0no pesa demasiado.<\/strong>\u00a0Aunque para ello antes deber\u00e1s reducir su peso a trav\u00e9s de programas de edici\u00f3n como Photoshop (en este caso el propio software cuenta con una opci\u00f3n de\u00a0<em>Guardar para web<\/em>, muy recomendable en estos casos). Cuando hablamos de trabajos profesionales de dise\u00f1o, como la creaci\u00f3n de un cartel, un logotipo, etc.,<strong>\u00a0no es aconsejable utilizar el JPG como extensi\u00f3n,<\/strong>\u00a0precisamente por la p\u00e9rdida de calidad de la que antes habl\u00e1bamos.<\/span><\/p>\n<h4 style=\"text-align: justify;\"><span style=\"color: #000000;\">2. PNG<\/span><\/h4>\n<p style=\"text-align: justify;\"><span style=\"color: #000000;\">En el lado opuesto al JPG est\u00e1 el PNG, que es\u00a0<strong>un formato\u00a0de compresi\u00f3n sin p\u00e9rdida de informaci\u00f3n.<\/strong>\u00a0Adem\u00e1s, es un formato que\u00a0<strong>permite utilizar transparencias, mientras que el JPG siempre se ver\u00e1 con un fondo blanco.<\/strong>\u00a0Por otro lado, su tama\u00f1o tambi\u00e9n es mayor, por lo que si se utiliza en fotograf\u00edas, hay que tener en cuenta que el archivo final ser\u00e1 considerablemente pesado.<\/span><\/p>\n<p style=\"text-align: justify;\"><span style=\"color: #000000;\">\u00bfCu\u00e1ndo utilizarlo? Al igual que el JPG,\u00a0<strong>el PNG suele utilizarse para web y plataformas online cuando quieres mantener una calidad alta de la imagen final,<\/strong>\u00a0o en aquellos casos en que la imagen no tenga un fondo. Tambi\u00e9n es utilizado cuando se trata de\u00a0<strong>dibujos vectoriales o logotipos,\u00a0<\/strong>que se ver\u00e1n mejor y con mayor calidad de color en este formato que en JPG. Sin embargo,\u00a0<strong>no es una extensi\u00f3n \u00fatil para trabajos cuyo fin sea la impresi\u00f3n digital<\/strong>, puesto que este formato no admite colores en CMYK.<\/span><\/p>\n<div style=\"text-align: justify;\">\n<div id=\"div-gpt-ad-1543924220871-0\" data-google-query-id=\"CKSwuKelmfkCFUXlwAodKEkJmg\">\n<div id=\"google_ads_iframe_\/1006480\/m4eMX_finpost_0__container__\"><iframe loading=\"lazy\" id=\"google_ads_iframe_\/1006480\/m4eMX_finpost_0\" tabindex=\"0\" title=\"3rd party ad content\" role=\"region\" src=\"https:\/\/ff5c801c4c5611fabcc132f1f4e057ab.safeframe.googlesyndication.com\/safeframe\/1-0-38\/html\/container.html\" name=\"\" width=\"468\" height=\"60\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" sandbox=\"allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation\" data-is-safeframe=\"true\" aria-label=\"Advertisement\" data-google-container-id=\"5\" data-load-complete=\"true\" data-mce-fragment=\"1\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<h4 style=\"text-align: justify;\"><span style=\"color: #000000;\">3. GIF<\/span><\/h4>\n<p style=\"text-align: justify;\"><span style=\"color: #000000;\">Tan de moda \u00faltimamente, el GIF es\u00a0<strong>un formato de imagen que permite crear im\u00e1genes en movimiento\u00a0<\/strong>sin necesidad de instalar un software espec\u00edfico\u00a0(de ah\u00ed su reciente fama, que ha motivado la aparici\u00f3n de portales especializados como\u00a0<a style=\"color: #000000;\" href=\"https:\/\/giphy.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Giphy<\/a>).\u00a0<\/span><iframe loading=\"lazy\" class=\"giphy-embed entered lazyloaded\" src=\"https:\/\/giphy.com\/embed\/iLup1YcSTLaUg\" width=\"350\" height=\"200\" frameborder=\"0\" align=\"right\" allowfullscreen=\"allowfullscreen\" data-rocket-lazyload=\"fitvidscompatible\" data-lazy-src=\"https:\/\/giphy.com\/embed\/iLup1YcSTLaUg\" data-ll-status=\"loaded\" data-mce-fragment=\"1\"><\/iframe><span style=\"color: #000000;\"><strong>Soporta animaciones, transparencias y paletas de 256 colores\u00a0<\/strong>(a diferencia de los PNG, que soportan millones de colores). Adem\u00e1s de para animaciones, el GIF suele utilizarse para\u00a0<strong>guardar logotipos sencillos o ilustraciones simples con colores planos y poco peso.<\/strong>\u00a0No es demasiado apto en el caso de la fotograf\u00eda: las im\u00e1genes fotogr\u00e1ficas pierden demasiada calidad en estos\u00a0formatos GIF.<\/span><\/p>\n<h4 style=\"text-align: justify;\"><span style=\"color: #000000;\">4. TIFF<\/span><\/h4>\n<p style=\"text-align: justify;\"><span style=\"color: #000000;\">Por \u00faltimo, revisamos otro formato de imagen tambi\u00e9n bastante utilizado, especialmente en casos de\u00a0<strong>im\u00e1genes con muy alta resoluci\u00f3n y calidad, y\u00a0de una forma m\u00e1s profesional.\u00a0<\/strong>El TIFF permite manejar im\u00e1genes y datos en un solo archivo, sin p\u00e9rdidas de color y con mucha definici\u00f3n. Por ello,<strong>\u00a0no es adecuado su uso para plataformas web o digitales.<\/strong><\/span><\/p>\n<h4 style=\"text-align: justify;\"><span style=\"color: #000000;\">5. WEBP, el reci\u00e9n llegado<\/span><\/h4>\n<p style=\"text-align: justify;\"><span style=\"color: #000000;\">Por \u00faltimo mencionamos a WEBP, un nuevo formato de compresi\u00f3n de imagen\u00a0<a style=\"color: #000000;\" href=\"https:\/\/developers.google.com\/speed\/webp\/faq#how_can_i_detect_browser_support_for_webp\" target=\"_blank\" rel=\"noopener noreferrer\">desarrollado por Google<\/a>\u00a0y que se ha convertido en una de sus principales recomendaciones a la hora de desarrollar webs. Desarrollado desde 2010 por Google, se trata de una iniciativa de c\u00f3digo abierto, que cuenta con una gran ventaja: tanto en im\u00e1genes est\u00e1ticas como animaciones consigue<strong>\u00a0reducciones de peso por encima del 30%.<\/strong>\u00a0Su gran pega: no est\u00e1 demasiado extendido y no todas las versiones de todos los navegadores lo soportan: solo Chrome y Opera lo gestionan sin problemas.<\/span><\/p>\n<h2 style=\"text-align: justify;\"><span style=\"color: #000000;\">En resumen: c\u00f3mo elegir el mejor formato de imagen<\/span><\/h2>\n<p style=\"text-align: justify;\"><span style=\"color: #000000;\">Si buscas un formato de imagen que te valga para todo, tanto para las fotograf\u00edas de (pongamos por ejemplo) tu tienda online, como para su logotipo,\u00a0<strong>el formato m\u00e1s recomendado es el PNG<\/strong>. El JPG para fotograf\u00eda; su baja calidad te facilitar\u00e1 mucho la tarea y mejorar\u00e1 los tiempos de carga final de tu web. Y el GIF para animaciones, y archivos con poco color e informaci\u00f3n. En el caso de los TIFF, su uso es m\u00e1s profesional y poco orientado\u00a0al mundo digital.<\/span><\/p>\n<p>Fuente:<\/p>\n<p>Alonso, L. (2022, 25 julio). <i>PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes<\/i>. Marketing 4 Ecommerce &#8211; Tu revista de marketing online para e-commerce. Recuperado 27 de julio de 2022, de https:\/\/marketing4ecommerce.mx\/diferencias-png-jpg-tiff-y-gif-webp\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A \u00a0menudo, en nuestra web o en nuestras redes sociales utilizamos distintos\u00a0formatos de im\u00e1genes.\u00a0Pero, \u00bfconoces exactamente la diferencia entre cada uno de ellos, o el tipo de formato que debes utilizar en cada caso? Aunque existen otros,\u00a0PNG, JPG, TIFF y GIF son los formatos m\u00e1s conocidos,\u00a0y sobre los que hoy queremos hablar para dejar claras [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":27752,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-27751","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes - Observatorio Tecnol\u00f3gico de Hidalgo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes - Observatorio Tecnol\u00f3gico de Hidalgo\" \/>\n<meta property=\"og:description\" content=\"A \u00a0menudo, en nuestra web o en nuestras redes sociales utilizamos distintos\u00a0formatos de im\u00e1genes.\u00a0Pero, \u00bfconoces exactamente la diferencia entre cada uno de ellos, o el tipo de formato que debes utilizar en cada caso? Aunque existen otros,\u00a0PNG, JPG, TIFF y GIF son los formatos m\u00e1s conocidos,\u00a0y sobre los que hoy queremos hablar para dejar claras [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/\" \/>\n<meta property=\"og:site_name\" content=\"Observatorio Tecnol\u00f3gico de Hidalgo\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/observatoriouaeh\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-27T14:50:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2022\/07\/tipos-de-imagenes.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"446\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@OBSERVATORIOEH\" \/>\n<meta name=\"twitter:site\" content=\"@OBSERVATORIOEH\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/#\/schema\/person\/95263d004158ffabcd98137e1d0abc1c\"},\"headline\":\"PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes\",\"datePublished\":\"2022-07-27T14:50:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/\"},\"wordCount\":972,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/#organization\"},\"image\":{\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2022\/07\/tipos-de-imagenes.jpg\",\"articleSection\":[\"Tecnolog\u00eda\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/\",\"url\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/\",\"name\":\"PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes - Observatorio Tecnol\u00f3gico de Hidalgo\",\"isPartOf\":{\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2022\/07\/tipos-de-imagenes.jpg\",\"datePublished\":\"2022-07-27T14:50:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#primaryimage\",\"url\":\"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2022\/07\/tipos-de-imagenes.jpg\",\"contentUrl\":\"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2022\/07\/tipos-de-imagenes.jpg\",\"width\":750,\"height\":446},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/otech.uaeh.edu.mx\/noti\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/#website\",\"url\":\"https:\/\/otech.uaeh.edu.mx\/noti\/\",\"name\":\"Observatorio Tecnol\u00f3gico de Hidalgo\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/otech.uaeh.edu.mx\/noti\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/#organization\",\"name\":\"Observatorio Tecnol\u00f3gico de Hidalgo\",\"url\":\"https:\/\/otech.uaeh.edu.mx\/noti\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2025\/11\/Logo-circulo.png\",\"contentUrl\":\"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2025\/11\/Logo-circulo.png\",\"width\":250,\"height\":250,\"caption\":\"Observatorio Tecnol\u00f3gico de Hidalgo\"},\"image\":{\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/observatoriouaeh\",\"https:\/\/x.com\/OBSERVATORIOEH\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/#\/schema\/person\/95263d004158ffabcd98137e1d0abc1c\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/otech.uaeh.edu.mx\/noti\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/08dd17208ee6a9e87c5a01c0a5f4c96c8ed24bf05e625630929b5b6a7c1ffa5f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/08dd17208ee6a9e87c5a01c0a5f4c96c8ed24bf05e625630929b5b6a7c1ffa5f?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/otech.uaeh.edu.mx\/noti\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes - Observatorio Tecnol\u00f3gico de Hidalgo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/","og_locale":"en_US","og_type":"article","og_title":"PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes - Observatorio Tecnol\u00f3gico de Hidalgo","og_description":"A \u00a0menudo, en nuestra web o en nuestras redes sociales utilizamos distintos\u00a0formatos de im\u00e1genes.\u00a0Pero, \u00bfconoces exactamente la diferencia entre cada uno de ellos, o el tipo de formato que debes utilizar en cada caso? Aunque existen otros,\u00a0PNG, JPG, TIFF y GIF son los formatos m\u00e1s conocidos,\u00a0y sobre los que hoy queremos hablar para dejar claras [&hellip;]","og_url":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/","og_site_name":"Observatorio Tecnol\u00f3gico de Hidalgo","article_publisher":"https:\/\/www.facebook.com\/observatoriouaeh","article_published_time":"2022-07-27T14:50:35+00:00","og_image":[{"width":750,"height":446,"url":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2022\/07\/tipos-de-imagenes.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@OBSERVATORIOEH","twitter_site":"@OBSERVATORIOEH","twitter_misc":{"Written by":"admin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#article","isPartOf":{"@id":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/"},"author":{"name":"admin","@id":"https:\/\/otech.uaeh.edu.mx\/noti\/#\/schema\/person\/95263d004158ffabcd98137e1d0abc1c"},"headline":"PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes","datePublished":"2022-07-27T14:50:35+00:00","mainEntityOfPage":{"@id":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/"},"wordCount":972,"commentCount":0,"publisher":{"@id":"https:\/\/otech.uaeh.edu.mx\/noti\/#organization"},"image":{"@id":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#primaryimage"},"thumbnailUrl":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2022\/07\/tipos-de-imagenes.jpg","articleSection":["Tecnolog\u00eda"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/","url":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/","name":"PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes - Observatorio Tecnol\u00f3gico de Hidalgo","isPartOf":{"@id":"https:\/\/otech.uaeh.edu.mx\/noti\/#website"},"primaryImageOfPage":{"@id":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#primaryimage"},"image":{"@id":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#primaryimage"},"thumbnailUrl":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2022\/07\/tipos-de-imagenes.jpg","datePublished":"2022-07-27T14:50:35+00:00","breadcrumb":{"@id":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#primaryimage","url":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2022\/07\/tipos-de-imagenes.jpg","contentUrl":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2022\/07\/tipos-de-imagenes.jpg","width":750,"height":446},{"@type":"BreadcrumbList","@id":"https:\/\/otech.uaeh.edu.mx\/noti\/tech\/png-jpg-tiff-gif-y-webp-como-elegir-el-mejor-formato-para-tus-imagenes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/otech.uaeh.edu.mx\/noti\/"},{"@type":"ListItem","position":2,"name":"PNG, JPG, TIFF, GIF y WEBP: c\u00f3mo elegir el mejor formato para tus im\u00e1genes"}]},{"@type":"WebSite","@id":"https:\/\/otech.uaeh.edu.mx\/noti\/#website","url":"https:\/\/otech.uaeh.edu.mx\/noti\/","name":"Observatorio Tecnol\u00f3gico de Hidalgo","description":"","publisher":{"@id":"https:\/\/otech.uaeh.edu.mx\/noti\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/otech.uaeh.edu.mx\/noti\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/otech.uaeh.edu.mx\/noti\/#organization","name":"Observatorio Tecnol\u00f3gico de Hidalgo","url":"https:\/\/otech.uaeh.edu.mx\/noti\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/otech.uaeh.edu.mx\/noti\/#\/schema\/logo\/image\/","url":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2025\/11\/Logo-circulo.png","contentUrl":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-content\/uploads\/2025\/11\/Logo-circulo.png","width":250,"height":250,"caption":"Observatorio Tecnol\u00f3gico de Hidalgo"},"image":{"@id":"https:\/\/otech.uaeh.edu.mx\/noti\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/observatoriouaeh","https:\/\/x.com\/OBSERVATORIOEH"]},{"@type":"Person","@id":"https:\/\/otech.uaeh.edu.mx\/noti\/#\/schema\/person\/95263d004158ffabcd98137e1d0abc1c","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/otech.uaeh.edu.mx\/noti\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/08dd17208ee6a9e87c5a01c0a5f4c96c8ed24bf05e625630929b5b6a7c1ffa5f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/08dd17208ee6a9e87c5a01c0a5f4c96c8ed24bf05e625630929b5b6a7c1ffa5f?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/otech.uaeh.edu.mx\/noti\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/posts\/27751","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/comments?post=27751"}],"version-history":[{"count":1,"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/posts\/27751\/revisions"}],"predecessor-version":[{"id":27753,"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/posts\/27751\/revisions\/27753"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/media\/27752"}],"wp:attachment":[{"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/media?parent=27751"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/categories?post=27751"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/otech.uaeh.edu.mx\/noti\/wp-json\/wp\/v2\/tags?post=27751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}