CINXE.COM

<!DOCTYPE html><html lang="es-us"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=0"/><title>👾 ¿Qué es un mapa de bits? Conceptos y usos | Curso | Crehana</title><meta name="robots" content="index,follow"/><meta name="googlebot" content="index,follow"/><meta name="description" content="Conoce qué es un mapa de bits y para qué sirve. Te explicaremos cuáles son los usos del mapa de bits y cómo trabajarlo en diferentes software. ☝️"/><link rel="alternate" hrefLang="x-default" href="https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/"/><meta property="og:title" content="👾 ¿Qué es un mapa de bits? Conceptos y usos"/><meta property="og:description" content="Conoce qué es un mapa de bits y para qué sirve. Te explicaremos cuáles son los usos del mapa de bits y cómo trabajarlo en diferentes software. ☝️"/><meta property="og:url" content="https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/"/><meta property="og:type" content="article"/><meta property="og:image" content="https://crehana-blog.imgix.net/media/filer_public/d6/23/d6236199-c894-41e9-a548-2e9e0b2b73b7/que-es-mapa-bits.jpg"/><meta property="og:image:alt" content="👾 ¿Qué es un mapa de bits? Conceptos y usos"/><meta property="og:site_name" content="https://www.crehana.com"/><link rel="canonical" href="https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/"/><script type="application/ld+json">{"@context":"https://schema.org","@type":"Article","headline":"Aprende qué es un mapa de bits y haz que tus trabajos resalten por su calidad","description":"Conoce qué es un mapa de bits y para qué sirve. Te explicaremos cuáles son los usos del mapa de bits y cómo trabajarlo en diferentes software. ☝️","author":{"@type":"Person","name":"Fernando Machuca","url":"https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/"},"image":"https://static.crehana.com/static/img/logo/logo-crehana.png","datePublished":"2022-04-01","dateModified":"2022-04-01","mainEntityOfPage":{"@type":"WebPage","@id":"https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/"}}</script><meta name="next-head-count" content="16"/><link rel="preconnect" href="https://static.crehana.com"/><link rel="preconnect" href="https://d198owaux1p06s.cloudfront.net"/><link rel="preconnect" href="https://www.googletagmanager.com"/><link rel="preconnect" href="https://cdn.amplitude.com"/><link rel="preconnect" href="https://connect.facebook.net"/><link rel="search" type="application/opensearchdescription+xml" title="Crehana Search" href="/opensearch.xml"/><link id="lnkfavicon" rel="shortcut icon" href="https://static.crehana.com/static/img/favicon.8f0d3aaa8327.ico" type="image/x-icon"/><link id="favicon" rel="icon" sizes="64x64" href="https://static.crehana.com/static/img/favicon.8f0d3aaa8327.ico" type="image/ico"/><link rel="manifest" href="https://www.crehana.com/manifest.json"/><link rel="apple-touch-icon" href="https://static.crehana.com/static/img/apple-touch-icon-120.f93053c856c8.png"/><script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1727798357528833'); </script><script data-nscript="beforeInteractive">window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config','AW-769894422');</script><link rel="preload" href="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/css/f88bb09e7fd61e41.css" as="style"/><link rel="stylesheet" href="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/css/f88bb09e7fd61e41.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/webpack-35b8b73edcf07c98.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/framework-53d07e065b1d2028.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/main-3897785ed948f567.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/pages/_app-42a28cc8b357d919.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/1639-1c22ce606e996c54.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/9261-311befd5ac099f64.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/942-5212f75bfddf6cf6.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/6592-5411fb6382f03c13.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/6364-fa6bbebfe355c4b0.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/5232-81aa5ed110577715.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/4379-d1adf550e1a887e3.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/707-4ace811218d9ffbe.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/3600-5a017569ad1bc9c8.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/5431-5580c1a000974265.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/6868-bd121e0c8365f5dd.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/4431-f9db5f3b9e4bb451.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/8008-1621a51f334fe5a2.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/7545-a1d4f02a48ab0f5e.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/5746-d8627aa754c2dd26.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/9178-5a9c8ebc2bb9d903.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/chunks/pages/blog/%5Bcategory%5D/%5Bslug%5D-02e2a2ade1ed9107.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/rZmXrudr0W_n6tn-valyv/_buildManifest.js" defer=""></script><script src="https://d198owaux1p06s.cloudfront.net/ecommerce-mf/_next/static/rZmXrudr0W_n6tn-valyv/_ssgManifest.js" defer=""></script><style data-styled="" data-styled-version="5.3.6">.ffhpwh{-webkit-transition:border 150ms ease-in-out;transition:border 150ms ease-in-out;}/*!sc*/ .ffhpwh path{-webkit-transition:fill 150ms ease-in-out;transition:fill 150ms ease-in-out;}/*!sc*/ data-styled.g24[id="sc-pcoje4-3"]{content:"ffhpwh,"}/*!sc*/ .jOUQFD{width:83.33333333333334%;max-width:83.33333333333334%;margin-left:8.333333333333332%;}/*!sc*/ @media (min-width:768px){.jOUQFD{width:33.33333333333333%;max-width:33.33333333333333%;margin-left:0%;}}/*!sc*/ @media (min-width:1024px){.jOUQFD{width:16.666666666666664%;max-width:16.666666666666664%;}}/*!sc*/ .gHbXjf{width:100%;max-width:100%;}/*!sc*/ @media (min-width:768px){.gHbXjf{width:33.33333333333333%;max-width:33.33333333333333%;margin-left:8.333333333333332%;}}/*!sc*/ @media (min-width:1024px){.gHbXjf{width:16.666666666666664%;max-width:16.666666666666664%;margin-left:0%;}}/*!sc*/ .eDRpvs{width:100%;max-width:100%;}/*!sc*/ @media (min-width:1024px){.eDRpvs{width:66.66666666666666%;max-width:66.66666666666666%;}}/*!sc*/ @media (min-width:1366px){.eDRpvs{width:50%;max-width:50%;}}/*!sc*/ .kaEKBM{width:100%;max-width:100%;}/*!sc*/ @media (min-width:768px){.kaEKBM{width:41.66666666666667%;max-width:41.66666666666667%;margin-left:8.333333333333332%;}}/*!sc*/ @media (min-width:1024px){.kaEKBM{width:33.33333333333333%;max-width:33.33333333333333%;margin-left:0%;}}/*!sc*/ @media (min-width:1366px){.kaEKBM{width:50%;max-width:50%;}}/*!sc*/ data-styled.g32[id="sc-jey6np-0"]{content:"jOUQFD,gHbXjf,eDRpvs,kaEKBM,"}/*!sc*/ .jSgaOw{-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-transition:background-color 150ms ease-in-out,color 150ms ease-in-out;transition:background-color 150ms ease-in-out,color 150ms ease-in-out;z-index:999;height:56px;}/*!sc*/ @media (min-width:768px){.jSgaOw{height:72px;}}/*!sc*/ @media (min-width:1024px){.jSgaOw{height:72px;}}/*!sc*/ @media (min-width:1366px){.jSgaOw{height:72px;}}/*!sc*/ data-styled.g74[id="sc-1k2m1au-0"]{content:"jSgaOw,"}/*!sc*/ @media (min-width:1024px){.duMOaN{width:calc(100% - 80px);}}/*!sc*/ @media (min-width:768px){}/*!sc*/ data-styled.g75[id="sc-ype0cd-0"]{content:"duMOaN,"}/*!sc*/ @media (min-width:768px){.BWTJn{width:172px;}}/*!sc*/ data-styled.g77[id="sc-16w9e7i-0"]{content:"BWTJn,"}/*!sc*/ @media (max-width:767px){.lepBK{white-space:pre-line;}}/*!sc*/ data-styled.g78[id="sc-5r9t3s-0"]{content:"lepBK,"}/*!sc*/ .kSaMrS{-webkit-transition:-webkit-transform 350ms ease-in-out;-webkit-transition:transform 350ms ease-in-out;transition:transform 350ms ease-in-out;}/*!sc*/ .kSaMrS.open{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}/*!sc*/ data-styled.g79[id="sc-zxy7f4-0"]{content:"kSaMrS,"}/*!sc*/ .dTcOrf{max-width:calc(100% - 32px);min-height:362px;border-radius:10px;}/*!sc*/ .dTcOrf > button{margin-top:24px;}/*!sc*/ data-styled.g117[id="sc-d11bc2b5-0"]{content:"dTcOrf,"}/*!sc*/ @media (min-width:1024px){.jXszWA{border-top:1px solid #b7bad5;}}/*!sc*/ data-styled.g120[id="sc-b92a8ad6-0"]{content:"jXszWA,"}/*!sc*/ .jdrlOY{will-change:transform;-webkit-transition:0.3s;transition:0.3s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}/*!sc*/ data-styled.g124[id="sc-acfe189a-0"]{content:"jdrlOY,"}/*!sc*/ .gqCSZl p,.gqCSZl a{font-family:Poppins,SF Pro Display,-apple-system,BlinkMacSystemFont, Roboto,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji, Segoe UI Emoji,Segoe UI Symbol !important;font-size:16px;line-height:24px;margin-bottom:24px;}/*!sc*/ .gqCSZl h2,.gqCSZl h2 > a{font-family:Poppins !important;font-weight:bold;font-size:24px;margin-bottom:24px;color:#070E27;}/*!sc*/ .gqCSZl h3,.gqCSZl h3 > a{font-family:Poppins !important;font-weight:700;font-size:20px;text-align:left !important;margin-bottom:24px;color:#070E27;}/*!sc*/ .gqCSZl h4,.gqCSZl h3 > a{font-family:Poppins !important;font-weight:700;font-size:18px;text-align:left !important;margin-bottom:24px;color:#070E27;}/*!sc*/ .gqCSZl h4{font-family:Poppins !important;font-weight:700;font-size:18px;text-align:left !important;margin-bottom:24px;color:#070e27;}/*!sc*/ .gqCSZl img{max-width:100%;height:auto !important;}/*!sc*/ .gqCSZl a{font-weight:bold;color:var(--color-primary-main,#4B22F4);}/*!sc*/ .gqCSZl p iframe{width:100%;height:30vh;}/*!sc*/ @media (min-width:1024px){.gqCSZl p iframe{height:50vh;}}/*!sc*/ .gqCSZl em{font-family:Poppins,SF Pro Display,-apple-system,BlinkMacSystemFont, Roboto,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji, Segoe UI Emoji,Segoe UI Symbol !important;font-size:18px;font-style:normal;font-style:italic;}/*!sc*/ .gqCSZl ul{margin-left:20px;}/*!sc*/ .gqCSZl ul li,.gqCSZl ul li > a{list-style-type:disc !important;font-family:Poppins,SF Pro Display,-apple-system,BlinkMacSystemFont, Roboto,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji, Segoe UI Emoji,Segoe UI Symbol !important;font-weight:400;font-size:18px;margin-bottom:24px;}/*!sc*/ .gqCSZl ol{margin-left:20px;}/*!sc*/ .gqCSZl ol li,.gqCSZl ol li > a,.gqCSZl ol p,.gqCSZl ol span{list-style-type:decimal !important;font-family:Poppins,SF Pro Display,-apple-system,BlinkMacSystemFont, Roboto,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji, Segoe UI Emoji,Segoe UI Symbol !important;font-weight:400;font-size:18px;margin-bottom:24px;}/*!sc*/ data-styled.g137[id="sc-da198c84-0"]{content:"gqCSZl,"}/*!sc*/ @media (min-width:1024px){.kzUGMH{width:calc(100% - 80px);}}/*!sc*/ data-styled.g138[id="sc-586bda5e-0"]{content:"kzUGMH,"}/*!sc*/ html{-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;}/*!sc*/ data-styled.g139[id="sc-global-qIUGx1"]{content:"sc-global-qIUGx1,"}/*!sc*/ .iZwrFT{border-bottom:1px solid #e8eaf0;}/*!sc*/ .iZwrFT #blog-left-nav-desktop{height:calc(100vh - 108px);-webkit-transition:0.3s;transition:0.3s;}/*!sc*/ @media (max-width:767px){.iZwrFT a.button-inverse.button-xs{color:white;padding-left:4px;padding-right:4px;background-color:var(--color-primary-main,#4B22F4);}}/*!sc*/ data-styled.g140[id="sc-7e4b86e0-0"]{content:"iZwrFT,"}/*!sc*/ </style></head><body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TZVZB2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><noscript><img alt="noscript-fbpixel" height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1727798357528833&ev=PageView&noscript=1"/></noscript><div id="__next"><span class="cui-is-visible cui-is-hidden" style="opacity:0;visibility:hidden;height:0;width:0;position:absolute" aria-hidden="true"></span><div><nav style="background:#F0F2FF"><div class="xs:cui-container sm:cui-container md:cui-container lg:w-full sc-586bda5e-0 kzUGMH h-32 m-auto flex justify-between items-center"><a href="https://www.crehana.com/?source_page=BlogPost" gutter="[object Object]"><svg width="76.125" height="14" viewBox="0 0 87 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.894 12.958c.542 0 1.015-.148 1.4-.444a1.86 1.86 0 0 0 .71-1.176h3.39c-.128 1.393-.72 2.519-1.755 3.378C8.634 15.576 7.382 16 5.874 16c-1.695 0-3.104-.523-4.208-1.58C.562 13.383 0 12.03 0 10.36c0-1.639.552-2.982 1.666-4.02 1.123-1.066 2.523-1.6 4.208-1.6 1.479 0 2.73.435 3.765 1.314 1.035.86 1.617 1.976 1.755 3.348h-3.39a1.86 1.86 0 0 0-.71-1.175c-.385-.296-.848-.444-1.4-.444-.74 0-1.33.237-1.784.71-.453.475-.68 1.097-.68 1.867s.227 1.393.68 1.877c.444.484 1.045.721 1.784.721ZM20.452 4.81v3.417c-1.607.06-2.849.514-3.696 1.353v6.173h-3.608V4.988h3.608v1.155c1.025-.889 2.257-1.333 3.696-1.333ZM32.614 10.143c0 .573-.02 1.008-.069 1.284h-7.648c.335 1.156 1.143 1.729 2.415 1.729.749 0 1.3-.257 1.636-.78h3.568a4.364 4.364 0 0 1-1.823 2.646c-.957.652-2.09.978-3.42.978-1.745 0-3.165-.523-4.259-1.58-1.074-1.037-1.616-2.39-1.616-4.06 0-1.639.522-2.992 1.577-4.039 1.074-1.047 2.464-1.58 4.17-1.58 1.566 0 2.877.503 3.922 1.51 1.035.998 1.547 2.292 1.547 3.892Zm-5.49-2.627c-1.192 0-1.941.603-2.237 1.798h4.366c-.197-1.195-.906-1.798-2.128-1.798ZM41.15 4.652c1.36 0 2.464.454 3.302 1.353.838.889 1.262 2.084 1.262 3.595v6.153h-3.588v-5.57c0-.741-.177-1.304-.523-1.69-.344-.384-.827-.572-1.448-.572-.68 0-1.33.356-1.952 1.067v6.775h-3.607V0h3.607v5.709c.917-.711 1.892-1.057 2.947-1.057ZM59.404 4.988v10.765h-3.588v-.602c-.857.543-1.843.82-2.947.82-1.478 0-2.73-.544-3.765-1.62-1.045-1.097-1.577-2.43-1.577-4 0-1.57.523-2.904 1.577-4 1.035-1.077 2.287-1.62 3.765-1.62 1.104 0 2.09.276 2.947.82v-.573h3.588v.01Zm-5.805 8.04c.867 0 1.606-.337 2.217-.998V8.672c-.601-.662-1.34-.998-2.217-.998-.72 0-1.331.257-1.814.78-.483.514-.73 1.156-.73 1.907 0 .75.247 1.382.73 1.896s1.094.77 1.814.77ZM68.403 4.652c1.36 0 2.464.454 3.302 1.353.838.889 1.261 2.084 1.261 3.595v6.153H69.38v-5.57c0-.741-.178-1.304-.523-1.69-.345-.384-.828-.572-1.449-.572-.68 0-1.33.356-1.951 1.067v6.775h-3.608V4.998h3.608v.71c.916-.71 1.902-1.056 2.947-1.056ZM86.544 4.924v10.765h-3.588v-.603c-.858.544-1.843.82-2.947.82-1.479 0-2.73-.543-3.765-1.62-1.045-1.096-1.577-2.43-1.577-4 0-1.57.522-2.903 1.577-4 1.035-1.076 2.286-1.62 3.765-1.62 1.104 0 2.09.277 2.947.82v-.572h3.588v.01Zm-5.806 8.039c.868 0 1.607-.336 2.218-.997V8.607c-.601-.661-1.34-.997-2.218-.997-.72 0-1.33.257-1.813.78-.483.514-.73 1.156-.73 1.906 0 .751.247 1.383.73 1.897.483.513 1.084.77 1.813.77Z" fill="#4B22F4"></path></svg></a><a href="https://www.crehana.com/?source_page=BlogPost" gutter="[object Object]"><button type="button" class="font-nun text-12 text-base-main hover:text-primary-main font-light link-light link-level2">Conoce más sobre Crehana<svg class="fill-current ml-8 flex-shrink-0" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M10 19a1 1 0 0 1-.768-1.64l4.476-5.371-4.316-5.362a1 1 0 0 1 1.56-1.254l4.828 6a1 1 0 0 1-.011 1.267l-5 6a1 1 0 0 1-.77.36Z"></path></svg></button></a></div></nav></div><nav role="navigation" aria-label="Menú principal" class="sc-1k2m1au-0 jSgaOw main-menu w-full flex justify-center text-base-main sticky bg-white top-0 left-0 right-0 sc-7e4b86e0-0 iZwrFT"><div class="cui-container sc-ype0cd-0 duMOaN flex justify-between"><div class="flex items-center sm:flex-row-reverse" gutter="[object Object]"><a id="main-menu-logo" href="/blog/" class="sc-14qedtn-0 bZlYZp flex items-center lg:mr-40" aria-label="Crehana" target="_self"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 657.54 79.79" height="18" width="148.04999999999998"><path fill="#181B32" d="M33.59 10.48H7.75V29.4H32.5v7.33H7.75v24.75H0V3.15h33.59v7.33ZM71.01 19.82h7.25v41.67h-7.25v-6c-2.92 4.75-7.42 7.08-13.5 7.08-9.75 0-16.17-6.58-16.17-17.17V19.82h7.25v25.17c0 6.75 3.92 10.67 10.33 10.67 7.25 0 12.08-4.42 12.08-13.75V19.82ZM111.93 26.82h-11.08v22.59c0 6.42 3.67 5.92 11.08 5.58v6.5c-12.67 1.67-18.34-1.75-18.34-12.08V26.82h-8.25v-7h8.25v-9.51l7.25-2.17v11.67h11.08v7ZM149.52 19.82h7.25v41.67h-7.25v-6c-2.92 4.75-7.42 7.08-13.5 7.08-9.75 0-16.17-6.58-16.17-17.17V19.82h7.25v25.17c0 6.75 3.92 10.67 10.33 10.67 7.25 0 12.08-4.42 12.08-13.75V19.82ZM175.02 26.82c2.42-5.17 6.75-7.75 13-7.75v7.58c-3.58-.17-6.58.75-9.17 2.83-2.58 2.08-3.83 5.33-3.83 9.92v22.09h-7.25V19.82h7.25v7ZM197.94 43.99c1.42 7.42 7.17 11.75 15.09 11.75 5.5 0 9.5-2 12-6.08l6.17 3.5c-4.08 6.25-10.17 9.42-18.34 9.42-6.58 0-12-2.08-16.17-6.17-4.08-4.17-6.17-9.42-6.17-15.75s2-11.5 6.08-15.67 9.33-6.25 15.75-6.25c6.08 0 11.08 2.17 14.92 6.5 3.92 4.25 5.83 9.42 5.83 15.5 0 1.08-.08 2.17-.25 3.25h-34.92Zm0-6.33h27.84c-1.25-7.92-6.75-12.08-13.42-12.08-7.75 0-13.17 4.75-14.42 12.08ZM281.87 62.57c-6.08 0-11.33-2.08-15.59-6.33-4.25-4.25-6.33-9.42-6.33-15.58s2.08-11.33 6.33-15.58 9.5-6.33 15.59-6.33 11.33 2.08 15.59 6.33 6.42 9.42 6.42 15.58-2.17 11.33-6.42 15.58-9.5 6.33-15.59 6.33Zm10.5-11.33c2.83-2.83 4.25-6.33 4.25-10.58s-1.42-7.75-4.25-10.58-6.33-4.25-10.5-4.25-7.58 1.42-10.42 4.25c-2.83 2.83-4.25 6.33-4.25 10.58s1.42 7.75 4.25 10.58 6.33 4.25 10.42 4.25 7.67-1.42 10.5-4.25ZM332.3 9.06c-7.33-.58-11 2.58-11 9.5v1.25h11v7h-11v34.68h-7.25V26.82h-6.67v-7h6.67v-1.25c0-11.25 6.5-17.25 18.25-16.5v7ZM395.47 6.08c4.11 2.77 6.17 7.15 6.17 13.13s-2.21 11.05-6.63 14.35c-4.42 3.3-10.8 4.95-19.13 4.95h-2.1v12.42c0 4.08.45 7.24 1.34 9.48-1.57 1.4-3.33 2.1-5.29 2.1-1.62 0-2.92-.43-3.9-1.3-.98-.87-1.47-2.06-1.47-3.57V14.09c0-1.51-.11-3.2-.34-5.08-.22-1.87-.59-3.51-1.09-4.91 3.08-1.45 7.66-2.18 13.76-2.18 8.33 0 14.56 1.38 18.67 4.15Zm-3.98 13.72c0-4.64-1.16-8.19-3.48-10.65-2.32-2.46-6.06-3.69-11.2-3.69-1.12 0-2.13.06-3.02.17v29.45h1.93c10.51 0 15.77-5.09 15.77-15.27ZM444.42 51.93c0 .67-.2 1.48-.59 2.43-1.06 2.63-2.95 4.64-5.66 6.04-2.71 1.4-5.97 2.1-9.77 2.1-6.38 0-11.4-1.96-15.06-5.87s-5.5-9.48-5.5-16.7 1.79-12.65 5.37-16.65c3.58-4 8.7-6 15.35-6 4.87 0 8.81 1.08 11.83 3.23 3.02 2.15 4.53 5.22 4.53 9.19s-1.66 7.31-4.99 9.52-7.84 3.31-13.55 3.31c-3.24 0-6.12-.14-8.64-.42.39 5.2 1.71 8.92 3.94 11.16 2.24 2.24 5.29 3.36 9.15 3.36 3.02 0 5.61-.62 7.76-1.85 2.15-1.23 3.65-2.88 4.49-4.95.89.39 1.34 1.09 1.34 2.1Zm-23.95-26.55c-1.88 3.1-2.81 7.51-2.81 13.21 1.45.17 2.94.25 4.45.25 3.8 0 6.91-.76 9.31-2.27 2.4-1.51 3.61-4.28 3.61-8.31 0-2.74-.64-4.68-1.93-5.83-1.29-1.15-2.91-1.72-4.87-1.72-3.3 0-5.89 1.55-7.76 4.66ZM456.21 56.55c-3.5-3.97-5.24-9.51-5.24-16.61s1.76-12.72 5.29-16.7c3.52-3.97 8.42-5.96 14.68-5.96s11.24 1.99 14.77 5.96c3.52 3.97 5.29 9.54 5.29 16.7s-1.76 12.64-5.29 16.61c-3.52 3.97-8.45 5.96-14.77 5.96s-11.23-1.99-14.72-5.96Zm22.32-2.35c1.71-3.24 2.56-8 2.56-14.26s-.85-11.1-2.56-14.35c-1.71-3.24-4.24-4.87-7.59-4.87s-5.89 1.62-7.59 4.87c-1.71 3.24-2.56 8.03-2.56 14.35s.85 11.02 2.56 14.26 4.24 4.87 7.59 4.87 5.89-1.62 7.59-4.87ZM535.33 23.24c2.27 3.97 3.4 8.95 3.4 14.93 0 7.78-1.58 13.77-4.74 18-3.16 4.22-7.57 6.33-13.21 6.33-2.63 0-4.87-.49-6.71-1.47-1.85-.98-3.16-2.39-3.94-4.24v6.71c0 5.93.47 10.68 1.43 14.26-1.51 1.34-3.27 2.01-5.29 2.01-1.51 0-2.77-.43-3.78-1.3-1.01-.87-1.51-2.03-1.51-3.48l.08-46.14c0-1.51-.18-2.6-.55-3.27-.36-.67-.94-1.01-1.72-1.01-1.06 0-1.79.36-2.18 1.09-.73-1.06-1.09-2.12-1.09-3.19 0-1.4.56-2.56 1.68-3.48 1.12-.92 2.57-1.38 4.36-1.38 4.87 0 7.52 3.64 7.97 10.91 2.74-7.49 7.55-11.24 14.43-11.24 5.31 0 9.1 1.99 11.37 5.96Zm-6.42 14.93c0-4.98-.53-8.85-1.59-11.62-1.06-2.77-3.08-4.15-6.04-4.15-2.35 0-4.36 1.01-6.04 3.02-1.68 2.01-2.94 4.67-3.78 7.97-.84 3.3-1.26 6.8-1.26 10.49 0 4.48.63 7.87 1.89 10.19 1.26 2.32 3.43 3.48 6.5 3.48 6.88 0 10.32-6.46 10.32-19.38ZM550.01 59.44c-1.59-1.87-2.39-4.49-2.39-7.84V4.87c0-1.51.49-2.7 1.47-3.57.98-.87 2.25-1.3 3.82-1.3 2.07 0 3.8.7 5.2 2.1-.56 2.01-.92 4.18-1.09 6.5-.17 2.32-.25 5.61-.25 9.86v32.38c0 2.97 1.01 4.45 3.02 4.45.56 0 1.1-.11 1.64-.33.53-.22.91-.56 1.13-1.01.73.9 1.09 1.93 1.09 3.1 0 1.51-.67 2.75-2.01 3.73-1.34.98-2.94 1.47-4.78 1.47-2.97 0-5.24-.94-6.84-2.81ZM604.67 51.93c0 .67-.2 1.48-.59 2.43-1.06 2.63-2.95 4.64-5.66 6.04-2.71 1.4-5.97 2.1-9.77 2.1-6.38 0-11.4-1.96-15.06-5.87s-5.5-9.48-5.5-16.7 1.79-12.65 5.37-16.65c3.58-4 8.7-6 15.35-6 4.87 0 8.81 1.08 11.83 3.23 3.02 2.15 4.53 5.22 4.53 9.19s-1.66 7.31-4.99 9.52-7.84 3.31-13.55 3.31c-3.24 0-6.12-.14-8.64-.42.39 5.2 1.71 8.92 3.94 11.16 2.24 2.24 5.29 3.36 9.15 3.36 3.02 0 5.61-.62 7.76-1.85 2.15-1.23 3.65-2.88 4.49-4.95.89.39 1.34 1.09 1.34 2.1Zm-23.95-26.55c-1.88 3.1-2.81 7.51-2.81 13.21 1.45.17 2.94.25 4.45.25 3.8 0 6.91-.76 9.31-2.27 2.4-1.51 3.61-4.28 3.61-8.31 0-2.74-.64-4.68-1.93-5.83-1.29-1.15-2.91-1.72-4.87-1.72-3.3 0-5.89 1.55-7.76 4.66ZM644.22 53.7c7.37-.05 13.33-6.19 13.33-13.77s-5.96-13.72-13.33-13.77v27.53ZM625.37 53.7c7.37-.05 13.33-6.19 13.33-13.77s-5.96-13.72-13.33-13.77v27.53Z"></path></svg></a></div></div></nav><div><div class="tw-container tw-mt-1.6"><main class="tw-col-span-12 md:tw-col-span-10"><div><a class="mr-4 tw-font-body5 text-base-main" href="/blog/">Home Blog</a><span class="tw-mx-0.4">/ </span><a class="tw-font-body5 text-base-main" href="/blog/estilo-vida/">Estilo de Vida</a><span class="tw-mx-0.8">/ </span></div><a class="tw-font-caption tw-text-neutral-dark-700 tw-bg-neutral-light-200 tw-px-1.6 tw-py-0.4 tw-inline-block tw-mt-2.4 md:tw-mt-4" style="border-radius:40px;background-color:#F0F2FF" href="/blog/estilo-vida/">Estilo de Vida</a><div><button class="tw-flex tw-items-center tw-py-2 tw-px-2.4 tw-bg-neutral-light-300 tw-w-full -tw-mb-1.6 tw-rounded-1" role="button" id="react-collapsed-toggle-null" aria-controls="react-collapsed-panel-null" aria-expanded="false" tabindex="0"><div class="sc-acfe189a-0 jdrlOY"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 16a.993.993 0 0 1-.64-.232l-6-5a1 1 0 1 1 1.28-1.536l5.37 4.476 5.363-4.315a1 1 0 0 1 1.254 1.558l-6 4.828A1 1 0 0 1 12 16Z" fill="#4B22F4"></path></svg></div><h4 class="tw-font-subtitle5 tw-ml-1">Índice</h4></button><ul id="react-collapsed-panel-null" aria-hidden="true" style="transition-duration:500ms;transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);transition-property:height;display:none;height:0px;overflow:hidden"><div class="tw-mt-4 tw-px-2.4"><a class="tw-font-body5 text-base-main" href="#definicion-de-mapa-de-bits">1. Definición de mapa de bits</a></div><div class="tw-mt-4 tw-px-2.4"><a class="tw-font-body5 text-base-main" href="#cuales-son-las-caracteristicas-de-un-mapa-de-bits">2. ¿Cuáles son las características de un mapa de bits?</a></div><div class="tw-mt-4 tw-px-2.4"><a class="tw-font-body5 text-base-main" href="#para-que-sirve-un-mapa-de-bits">3. ¿Para qué sirve un mapa de bits?</a></div><div class="tw-mt-4 tw-px-2.4"><a class="tw-font-body5 text-base-main" href="#ventajas-de-trabajar-con-un-mapa-de-bits">4. Ventajas de trabajar con un mapa de bits</a></div><div class="tw-mt-4 tw-px-2.4"><a class="tw-font-body5 text-base-main" href="#cuales-son-las-desventajas-de-una-imagen-de-mapa-de-bits">5. ¿Cuáles son las desventajas de una imagen de mapa de bits?</a></div><div class="tw-mt-4 tw-px-2.4"><a class="tw-font-body5 text-base-main" href="#que-es-la-resolucion-de-una-imagen-de-mapa-de-bits">6. ¿Qué es la resolución de una imagen de mapa de bits?</a></div><div class="tw-mt-4 tw-px-2.4"><a class="tw-font-body5 text-base-main" href="#cuales-son-los-formatos-de-archivo-para-guardar-mapas-de-bits">7. ¿Cuáles son los formatos de archivo para guardar mapas de bits?</a></div><div class="tw-mt-4 tw-px-2.4"><a class="tw-font-body5 text-base-main" href="#cual-es-la-diferencia-entre-mapa-de-bits-y-vectores">8. ¿Cuál es la diferencia entre mapa de bits y vectores?</a></div><div class="tw-mt-4 tw-px-2.4"><a class="tw-font-body5 text-base-main" href="#cuando-usar-los-mapas-de-bits-en-tus-disenos">9. ¿Cuándo usar los mapas de bits en tus diseños?</a></div><div class="tw-mt-4 tw-px-2.4"><a class="tw-font-body5 text-base-main" href="#como-convertir-un-mapa-de-bits-a-imagen-vectorial">10. ¿Cómo convertir un mapa de bits a imagen vectorial?</a></div></ul></div><main class="mt-40"><div class="sc-da198c84-0 gqCSZl"><html><head></head><body><p>¿Sabes qué es un mapa de bits? Si estás cansado de que se distorsionen tus imágenes y buscas subir la calidad de las gráficas en tus trabajos, será necesario que entiendas <strong>qué es un mapa de bits en diseño gráfico y cuál es su relación con la calidad de las imágenes</strong>. </p> <p>No importa si eres un novato del diseño gráfico o tan solo realizas algunas ediciones para las redes de tu emprendimiento, <strong>el concepto de mapa de bits es básico para que tus imágenes luzcan lo más profesional posible.</strong> Como seguramente sabes, para generar contenido gráfico de calidad, debes prestar atención a todos los puntos del diseño gráfico en general. </p> <p>Por eso, en este blog post descubrirás <strong>para qué sirven los mapas de bits, la diferencia entre un mapa de bits y una imagen vectorial, en qué caso utilizar cada una y cuáles son las principales características del mapa de bits.</strong></p> <h2 id="definicion-de-mapa-de-bits" style="text-align:justify">Definición de mapa de bits</h2> <p>Se conoce como mapa de bits a <strong>un formato que sirve para representar imágenes de forma digital, en el que las dimensiones están determinadas por la cantidad de píxeles horizontales y verticales que componen a cada imagen</strong>, y en el que cada pixel tiene asociado un rango de valores de color.</p> <p>Entonces, ¿qué es un mapa de bits? Es una<strong> trama compuesta por una estructura rectangular formada por píxeles o puntos de color que forman una imagen. </strong></p> <p>Los mapas de bits pueden ser conocidos de varias formas. Algunas de ellas son:</p> <ul> <li> <p>Bitmap.</p> </li> <li> <p>Raster image.</p> </li> <li> <p>Imagen matricial.</p> </li> </ul> <p>De hecho, este concepto es un básico del diseño gráfico, ya que determina cierta forma de entender la composición de una imagen. <strong>Sea cual sea la figura, el mapa de bits es una manera de leer la información de color. </strong>En el siguiente ejemplo de mapa de bits puedes identificar fácilmente los colores que componen la imagen.</p> <p style="text-align:justify"><img alt="Ejemplo de mapa de bits" class="lazyload" data-src="https://crehana-blog.imgix.net/media/filer_public/fe/6b/fe6bbd97-afc5-4da4-bc1c-18e1387dd798/mapa-de-bits-ejemplo.png?auto=format&q=50" style="height:317px; width:800px"/></p> <p style="text-align:justify"><span style="font-size:11px">Fuente: Freddy Robert</span></p> <p style="text-align:justify"><strong><span style="font-size:11pt"><span style="font-family:Arial"><span style="color:#000000">No podemos hablar acerca de las características del mapa de bits sin explicar a qué nos estamos refiriendo, ¿no crees?</span></span></span></strong></p> <p style="text-align:justify"><span style="font-size:11pt"><span style="font-family:Arial"><span style="color:#000000">Para entender fácilmente qué es un mapa de bits, recuerda cuando eras niño y te acercabas mucho a la pantalla de los televisores antiguos y podías ver unos pequeños cuadrados de colores que componían la totalidad de la imagen. Estos diminutos cuadros son la mejor manera de entender qué es un mapa de bits.</span></span></span></p> <p style="text-align:justify"><span style="font-size:11pt"><span style="font-family:Arial"><span style="color:#000000"><strong>Aunque no lo creas, te encuentras con imágenes de mapa de bits todos los días sin darte cuenta</strong>. De hecho, está a tu alrededor porque se usa en tantos diseños visuales que difícilmente puedes evitarlo.</span></span></span></p> <h2 id="cuales-son-las-caracteristicas-de-un-mapa-de-bits" style="text-align:justify">¿Cuáles son las características de un mapa de bits?</h2> <p>Los mapas de bits son estructuras de datos, <strong>capaces de ser visualizados mediante equipos de representación</strong> (como un monitor, por ejemplo). Sin embargo, ¿sabes realmente por qué son tan apreciados por los diseñadores gráficos?</p> <p>La respuesta a esta pregunta la entenderás con las características de los mapas de bits. Veamos más acerca de estos elementos que le dan valor real a este concepto.</p> <h3><strong>1. Compuesto por píxeles</strong></h3> <p>La principal característica de un mapa de bits es su composición mediante <strong>píxeles o cuadrados mínimos de información de color.</strong></p> <p>A diferencia de una imagen vectorizada, en un mapa de bits cada punto de color que se representa en la imagen debe contar con la correspondiente información del color. He ahí la importancia de saber qué es un mapa de bits y cómo diferenciarlo de otros formatos.</p> <h3><strong>2. Diversos usos </strong></h3> <p>El uso más popular del mapa de bits o raster es en las imágenes de fotografía o el arte plano. Por lo general, puedes utilizar los mapas de bits <strong>cuando quieres trabajar fotografías con mucho detalle o alguna imagen escaneada.</strong></p> <p>Para la obtención de las imágenes, se necesita el uso de dispositivos que admitan la conversión de análogico a digital. Como es el caso de las cámaras digitales o los escáneres.</p> <p>En efecto, esta es una de las principales diferencias entre los mapas de bits y las imágenes vectoriales. Estas últimas son usadas principalmente para trabajar ilustraciones, logotipos o algún elemento para web.</p> <p>¡Pero no nos adelantemos! Ya hablaremos más adelante de las imágenes vectoriales.</p> <h3><strong>3. Relación dimensión/calidad</strong></h3> <p>Otro aspecto que verás a lo largo de este artículo sobre las características de los mapas de bits es la relación que existe entre la dimensión y la calidad en las imágenes de este tipo.</p> <p>Si modificas o alteras la dimensión de una imagen, es muy probable que obtengas una pérdida significativa en la calidad del trabajo, por lo que <strong>debes estar atento al momento de modificar una imagen de mapa de bits.</strong> Esta es una de las desventajas principales de esta clase de imágenes de mapas de bits.</p> <div id="get-lead-blog"> </div> <h2 id="para-que-sirve-un-mapa-de-bits" style="text-align:justify">¿Para qué sirve un mapa de bits?</h2> <p>Como te mencionamos anteriormente, los <strong>proyectos más comunes para trabajar con un mapa de bits son las fotografías.</strong> Generalmente, esta es la forma en la que se traspasa la información del mundo analógico al digital. Cuando se toma una foto con un smartphone o una cámara profesional, la imagen se registra en datos de píxel y al cargarse en línea se leen como imágenes en formato raster.</p> <p>Los principales software para editar estos archivos son el paquete Adobe y Corel Draw. Al momento de aprender qué es mapa de bits debes tener en cuenta que <strong>existen varias maneras de diseñar sobre mapas de bits</strong> y, para elegir la forma más adecuada, debes enfocarte en el producto final que quieres lograr.<span style="font-size:11pt"><span style="font-family:Nunito,sans-serif"><span style="color:#000000"> </span></span></span>Más adelante te contaremos cómo trabajar en estas plataformas.</p> <p>Eso sí, el uso de los mapas de bits no se resume a imágenes y videos únicamente. ¿Nos creerías si te dijéramos que fueron un pilar en la naciente industria de los videojuegos? ¡Así como lo lees!</p> <h3><strong>Relación entre el pixel art y el mapa de bits</strong></h3> <p>Cuando comenzaron a desarrollarse los primeros videojuegos, es decir, antes de la aparición del 3D, los videojuegos estaban compuestos por mapas de bits, <strong>diseñados píxel a píxel por artistas especializados</strong>. Esto es lo que se conoce como Pixel Art, un tipo de arte que ha marcado un hito en la historia de los mapas de bits.</p> <p>Con este método de <a href="https://www.crehana.com/blog/diseno-grafico/pixel-art-videojuegos/" target="_blank">pixel art en los videojuegos</a> comenzaron a trascender personajes que, en la actualidad, son íconos de los videojuegos más populares (Mario o Donkey Kong son claros ejemplos).</p> <p style="text-align:justify"><img alt="mapa de bits videojuegos" class="lazyload" data-src="https://crehana-blog.imgix.net/media/filer_public/a7/5e/a75e87c6-3028-4105-9abf-88255a552da1/pixel-art-videojuegos.jpg?auto=format&q=50" style="height:535px; width:800px"/></p> <p style="text-align:justify"><span style="font-size:11px">Fuente: Pinterest</span></p> <h2 id="ventajas-de-trabajar-con-un-mapa-de-bits" style="text-align:justify">Ventajas de trabajar con un mapa de bits</h2> <p>En el diseño gráfico también es posible utilizar un mapa de bits como base o parte de un proyecto, de hecho, el mapa de bits ofrece una serie de ventajas muy amplia para quienes deciden trabajar con él.</p> <p>En este apartado te queremos comentar cuáles son algunos de los puntos que tiene a favor este formato, de manera que puedas entender por qué se utiliza de una forma tan extendida en el mundo, tanto para el diseño gráfico como para cualquier otro tipo de propósito.</p> <h3><strong>Ofrece resultados más realistas</strong></h3> <p>La principal ventaja del mapa de bits es que permite representar la realidad de una forma muy precisa, por esa razón es que se utilizan en la fotografía. Los mapas de bits se componen a partir de píxeles, y según la cantidad de píxeles que tenga una imágen, su representación de la realidad puede ser más o menos precisa.</p> <p><strong>Las personas que utilizan este formato suelen obtener resultados más realistas, sobre todo cuando se trata de formatos de alta calidad como el formato RAW</strong>.</p> <h3><strong>Son fáciles de editar y de compartir</strong></h3> <p>Otro punto a favor del mapa de bits es que los archivos en este formato se pueden editar y compartir sin muchas complicaciones. Por ejemplo, puedes abrir un archivo JPEG en aplicaciones como Paint y modificar su tamaño, agregarle elementos de color y otras cosas, sin necesidad de ser diseñador gráfico.</p> <p><strong>Esto no sucede con los archivos vectoriales, ya que se necesita de programas especializados para poder editarlos</strong>. Igualmente sucede al momento de compartirlos, es mucho más sencillo compartir, porque los mapas de bits se suelen compartir en formatos de uso más extendido que los vectores.</p> <h2 id="cuales-son-las-desventajas-de-una-imagen-de-mapa-de-bits" style="text-align:justify">¿Cuáles son las desventajas de una imagen de mapa de bits?</h2> <p>Ahora conoces las características de un mapa de bits, sin embargo, es importante que sepas que trabajar con este tipo de archivos también tiene sus puntos en contra. Desde la pixelación de las imágenes hasta la necesidad de comprimir los archivos para poder trabajar con comodidad.</p> <p>Como no todo lo que brilla es oro, será indispensable que también conozcas las desventajas de los mapas de bits. ¡Veamos cuáles son!</p> <h3 style="text-align:justify"><strong>1. Las imágenes de alta calidad generan archivos muy pesados</strong></h3> <p>Los mapas de bits se almacenan teniendo en cuenta la información de cada bit, y uno de sus formatos de mayor calidad es el formato RAW, que regularmente sirve para guardar las imágenes que se producen con las cámaras fotográficas. </p> <p><strong>El problema está en que los archivos RAW suelen ser muy pesados y, por lo tanto, trabajar con ellos puede ser más complejo</strong>. Para trabajar con las imágenes en mapas de bits se suelen hacer diferentes tipos de compresión, sin embargo, eso impacta en la calidad de las imágenes e inevitablemente conlleva a la pérdida de cierto grado de información.</p> <p>Las técnicas de compresión de mapas de bits más populares son:</p> <ul> <li>RLE (Run-lenght encondig): es uno de los formatos en los que los mapas de bits pierden menor información, pero la reducción de peso es moderada.</li> <li>JPEG: es uno de los formatos en los que los mapas de bits pierden mayor información, pero la reducción de tamaño es muy alta.</li> </ul> <p><strong>A pesar de la compresión de las imágenes y de la pérdida de información en los mapas de bits, las imágenes en JPEG son las que más se utilizan en la cotidianidad</strong>. Incluso pueden llegar a servir para algunos proyectos de diseño gráfico, todo depende de su tamaño en píxeles y del nivel de compresión.</p> <h3><strong>2. Pixelación</strong></h3> <p>El segundo problema, como te mencionamos en el punto anterior, es la pixelación. Aquí es donde<strong> la imagen se vuelve visible como cuadrados de colores individuales</strong> en lugar de una imagen suave y nítida. </p> <p>Al momento de aprender qué es un mapa de bits, ten en cuenta que debes evitar que una imagen se vuelva borrosa y poca atractiva, ya que se vería mal en un diseño que de otro modo sería elegante.</p> <p>Regularmente, las imágenes en mapa de bits se suelen imprimir en el mismo tamaño en el que se crearon, porque cualquier modificación altera la comprensión de la imagen, es decir, la pixela y le reduce legibilidad.</p> <p><img alt="mapa de bits ejemplo" class="lazyload" data-src="https://crehana-blog.imgix.net/media/filer_public/36/b2/36b245db-dcfb-4bb0-9023-4bcade846395/bitmap-example.jpg?auto=format&q=50" style="height:564px; width:800px"/> </p> <p><span style="font-size:11px">Fuente: Medium</span></p> <h2 id="que-es-la-resolucion-de-una-imagen-de-mapa-de-bits">¿Qué es la resolución de una imagen de mapa de bits? </h2> <p>Ahora que ya sabes qué es un mapa de bits y cómo funciona a grandes rasgos, veamos con mayor detalle qué es la resolución en una imagen de mapa de bits. Básicamente, la resolución en un mapa de bits depende de su altura, el ancho de píxeles y la profundidad del color. </p> <p>Estas cuestiones son las que establecen el número de colores diferentes que se pueden almacenar en cada punto y, por tanto, también determinará la calidad del color de la imagen. En otras palabras, la cantidad de bits que entran en un píxel determinan la profundidad de color de la imagen.</p> <p>¿A qué nos referimos con este último concepto? <strong>La profundidad de color o profundidad de bits (bpp), influye en la cantidad de colores disponibles que puede tomar una imagen de mapa de bits. Mientras más bits de información por píxel, más colores disponibles y una representación más precisa en una imagen, lo que afecta al tamaño de la misma</strong>. </p> <p>Para complementar lo anterior, <a href="https://docs.microsoft.com/es-es/dotnet/desktop/winforms/advanced/types-of-bitmaps?view=netframeworkdesktop-4.8" rel="nofollow" target="_blank">Microsoft</a> menciona que un mapa de bits especifica el color de cada píxel en una matriz rectangular de píxeles, y que el número de bits asignados a un píxel determina la cantidad de colores que podrá almacenar.</p> <p><img alt="Computadora de alta resolución para diseño gráfico" class="lazyload" data-src="https://crehana-blog.imgix.net/media/filer_public/c2/04/c204debc-8bd1-4efe-a4e0-5b6af79000a7/disenadora-grafica-mapa-bits.jpg?auto=format&q=50"/></p> <p><span style="font-size:11px">Fuente: Unsplash</span></p> <h3 style="text-align:justify"><strong>La importancia de la profundidad de color en la calidad de una imagen en mapa de bits</strong></h3> <p>En pocas palabras, el tamaño de la imagen en mapa de bits y la calidad de imagen depende de la profundidad de color, debido a que se almacena más cantidad de información de color en un píxel. Veamos las maneras en que la profundidad de color es determinada por los píxeles de acuerdo al sistema binario de numeración:</p> <ul> <li style="text-align:justify"> <p>1 bit de profundidad tiene píxeles con dos valores posibles: blanco y negro. </p> </li> <li style="text-align:justify"> <p>8 bits de profundidad tiene 28, es decir 256 valores de color posibles.</p> </li> <li style="text-align:justify"> <p>24 bits de profundidad tienen 16.777.216 colores disponibles. </p> </li> </ul> <p><strong>Además de la cantidad de colores disponibles, debes saber que una mayor cantidad de bits genera un efecto más nítido en la imagen, es decir menos "pixelado".</strong> Es por esta razón que una imagen con mayor definición resulta en un archivo más pesado, y mediante procesos de compresión como descargas de páginas web o envío de plataformas como WhatsApp, las imágenes en mapas de bits reducen su peso para llegar a su destino y, al mismo tiempo, pierden información.</p> <p>¿La alternativa para enviar estos archivos y no perder la calidad de la imagen? Vectorizar estas imágenes en algún software de diseño gráfico. Al final de este artículo te contamos cómo. Sigue leyendo para entender más a fondo qué es mapa de bits y qué necesitas para tu próximo proyecto de diseño gráfico.</p> <p><img alt="resolución de una imagen de mapa de bits" class="lazyload" data-src="https://crehana-blog.imgix.net/media/filer_public/df/5d/df5d5bb0-49fb-4fb4-9fb9-952bb22c52a5/profundidad-color-mapa-bits.jpeg?auto=format&q=50" style="height:540px; width:800px"/></p> <p>Fuente: Foto Nostra</p> <h2 id="cuales-son-los-formatos-de-archivo-para-guardar-mapas-de-bits">¿Cuáles son los formatos de archivo para guardar mapas de bits?</h2> <p>Los mapas de bits pueden ser almacenados en varios formatos de archivo de gráficos. Seguramente ya conoces algunos de ellos.</p> <p><strong>El formato de archivo que escojas para contener una imagen de mapa de bits dependerá únicamente de tus necesidades</strong>. Por lo tanto, elige la extensión más conveniente en función de lo que quieras hacer, ya sea editar o imprimir una fotografía.</p> <p>Algunos de los formatos de imágenes son: .JPEG (Joint Photographics Experts Group), .TIFF (Tagged Image File Format) o .BMP (Window Bitmap).</p> <p>Veamos más al respecto sobre cada uno de estos formatos de archivos para mapas de bits.</p> <h3><strong>1. .JPG</strong></h3> <p>Manipular mapas de bits en formato JPG es lo más utilizado en el diseño web, ya que <strong>mantiene relativamente la calidad de imagen y permite su comprensión para ser almacenada y compartida a través de Internet.</strong></p> <p>Este es un factor a tener en cuenta con los mapas de bits: siempre que estés pensando en agregar una imagen en una página web debes considerar el peso de la misma, por lo que sería buena idea utilizar formatos de compresión.</p> <p>Y aparte de la compresión, ¿qué implica usar el formato JPG para los mapas de bits? A continuación, te lo detallamos:</p> <ul> <li> <p>Es recomendable para las imágenes de tono continuo.</p> </li> <li> <p>No admite transparencia.</p> </li> <li> <p>En caso de que no sea para una página web y estés usando un formato para imprimir, también es una buena opción.</p> </li> <li> <p>No suele usarse en la fotografía profesional.</p> </li> </ul> <h3><strong>2. .TIFF</strong></h3> <p>Por otro lado, puedes encontrar los mapas de bits en formato .TIFF, principalmente para trabajar sobre imágenes en las que buscas evitar pérdidas en la propiedad de color y conservar todos los detalles disponibles. </p> <p><strong>Estos archivos son preservados de esta forma porque las imágenes no llevan compresión, lo que es ideal si quieres fotografías de mapas de bits para archivos que imprimirás</strong>.</p> <p>Además del detalle de la preservación, los archivos .TIFF se caracterizan por:</p> <ul> <li> <p>Ser archivos pesados.</p> </li> <li> <p>Son admitidos por la gran mayoría de programas.</p> </li> <li> <p>Suelen ser la opción de mejor calidad para las impresiones.</p> </li> <li> <p>Permite transparencia.</p> </li> </ul> <h3><strong>3. .PSD</strong></h3> <p>En cuanto a trabajos de puro diseño gráfico, .PSD es un formato de trama de Photoshop que admite todos los atributos de un archivo de este programa, como capas, objetos inteligentes, efectos y tipografía.</p> <p>De hecho, es ideal para guardar una imagen de mapa de bits. Según Fabian Moncada, profesor del <a href="https://www.crehana.com/cursos-online-diseno-grafico/adobe-photoshop-cc-desde-cero-experto-en-diseno-grafico/" target="_blank">curso online de Adobe Photoshop CC desde cero: experto en diseño gráfico</a>, con este programa y sus diversos formatos puedes realizar trabajos de alta calidad y profesionalismo sin perder ningún detalle, que incluso puedes añadir en tu portafolio de diseño gráfico.</p> <p><strong>Veamos algunas características de este formato de almacenamiento:</strong></p> <ul> <li> <p>Pueden ser importados desde otros programas de Adobe.</p> </li> <li> <p>Permite canales alfa (lo que vendría a ser la transparencia).</p> </li> <li> <p>Mantiene las capas, las selecciones o los trazados.</p> </li> </ul> <p><img alt="Persona trabajando en Adobe Photoshop" class="lazyload" data-src="https://crehana-blog.imgix.net/media/filer_public/cb/ce/cbce19e9-0e96-49d5-918f-5f1feb7980b5/mapa-bits-diseno-grafico.jpg?auto=format&q=50"/></p> <p><span style="font-size:11px">Fuente: Unsplash</span></p> <h3><strong>4. .GIF</strong></h3> <p>Uno de los formatos de mapas de bits más conocidos son los .GIF (Graphic Interchange Format), que ya forma parte del mundo de cualquier usuario de internet, gracias a sus archivos con poco peso y su uso en las animaciones. </p> <p>Veamos más características de esta extensión:</p> <ul> <li> <p>Disminuye el número de colores.</p> </li> <li> <p>Permite transparencia, aunque de muy baja calidad.</p> </li> <li> <p>Es recomendable para imágenes de colores planos.</p> </li> <li> <p>Son archivos con poco peso.</p> </li> <li> <p>Modo de color indexado.</p> </li> </ul> <h3><strong>5. .PNG</strong></h3> <p>Otro de los formatos más conocidos es el .PNG (Portable Network Graphics).<strong> Los archivos de mapas de bits que utilizan esta extensión por lo general son utilizados en composiciones digitales o páginas web</strong>.</p> <p>¿Quieres saber más acerca de los .PNG? Conozcamos más al respecto.</p> <ul> <li> <p>Son archivos con una buena relación de compresión.</p> </li> <li> <p>Perfectas para las transparencias (8 y 24 bits).</p> </li> <li> <p>Tienen muy poco peso.</p> </li> <li> <p>Son ideales para imágenes con un tono continuo.</p> </li> </ul> <p> </p> <h2 id="cual-es-la-diferencia-entre-mapa-de-bits-y-vectores" style="text-align:justify">¿Cuál es la diferencia entre mapa de bits y vectores?</h2> <p>Una de las grandes diferencias entre los gráficos vectoriales y los mapas de bits es que cuando amplías con la herramienta de zoom los mapas de bits pueden verse en mayor o menor medida los píxeles que los integran y determinan su profundidad de color. Veamos cómo funciona este proceso con la siguiente imagen:</p> <p><strong>Por otro lado, a las imágenes vectoriales puedes realizarle todo el zoom que se te ocurra y nunca encontrarás estos “cuadraditos de información”, ya que se componen de otra manera. Este formato resulta ideal para trabajar diseños como logotipos e íconos</strong>.</p> <p>Partiendo de este punto, puedes entender qué es un mapa de bits y cómo se diferencia de un <a href="https://www.crehana.com/blog/diseno-grafico/vector-diseno/" target="_blank">vector en diseño</a> gráfico. De acuerdo al blog de Adobe, los gráficos vectoriales están compuestos por fórmulas matemáticas, por lo que permiten hacer obras de arte y diseños funcionales que pueden escalarse a cualquier tamaño. Mientras que los mapas de bits o imágenes rasterizadas se crean con píxeles coloreados basados en un valor cromático.</p> <p><img alt="Diseñador gráfico trabaja con mapa de bits" class="lazyload" data-src="https://crehana-blog.imgix.net/media/filer_public/ac/94/ac94d779-5c48-4654-8c27-2cb665ed0421/disenador-grafico-mapa-bits.jpg?auto=format&q=50"/></p> <p><span style="font-size:11px">Fuente: Unsplash</span></p> <p>Debido a que están compuestos por figuras geométricas, los gráficos vectoriales son la mejor alternativa cuando trabajas con imágenes que pueden variar de tamaño y que necesitas usar para diferentes propósitos.</p> <p>A diferencia del mapa de bits, los archivos de imagen vectorial se suelen almacenar en el formato .svg que admite un gran espectro de interactividad con el proyecto e incluso, la posibilidad de crear una animación a partir de una figura estática. Además, te aporta imágenes sumamente nítidas.</p> <p><strong>Un detalle para analizar cuando trabajes con mapas de bits es que no se puede modificar su dimensión sin perder calidad en la imagen.</strong> Esta es la principal desventaja del mapa de bits. Lo que sí puedes hacer es transformar este archivo en un gráfico vectorial ¿Cómo se hace? Vamos a verlo juntos.</p> <p>Por eso, es vital que conozcas las diferencias entre un <a href="https://www.crehana.com/blog/video/mapa-bits-imagenes-vectoriales/" target="_blank">mapa de bits y vectores</a>, y en qué situaciones se utiliza cada formato. Lo primero que debes saber es que mientras las imágenes raster están compuestas por píxeles, las imágenes vectoriales están estructuradas por curvas y formas geométricas.</p> <h2 id="cuando-usar-los-mapas-de-bits-en-tus-disenos" style="text-align:justify">¿Cuándo usar los mapas de bits en tus diseños?</h2> <p>Ya te comentamos que el mapa de bits es un buen formato para trabajar con ciertos tipos de diseño gráfico, sobre todo, porque almacenan una gran cantidad de colores y te permiten ser creativo con tus trabajos. Hay infinidades de trabajos en los que se mezclan elementos de la realidad con el diseño gráfico para conseguir resultados increíbles.</p> <p>De igual manera, <strong>aprender a trabajar con mapas de bits te puede ser muy útil si quieres hacer trabajos para fotógrafos</strong>, por ejemplo. Por eso, te queremos dar una serie de recomendaciones que te permitirán saber cuándo usar una imagen en mapa de bits en cualquiera de tus proyectos de diseño.</p> <h3><strong>Cuando trabajas con fotografías</strong></h3> <p>Si quieres hacer un diseño en el que se incluyan fotografías, no puedes usar programas como Adobe Illustrator, ya que el tipo de ediciones que puedes realizar en una fotografía requiere de un mapa de bits.</p> <p><strong>Lo ideal es trabajar con Adobe Photoshop, ya que con este programa puedes editar los píxeles de la fotografía e incorporar los elementos gráficos que tú consideres necesario</strong>. Las fotografías están compuestas de píxeles, y para editar una parte o conjuntos de información de una foto, necesitas trabajar con mapas de bits.</p> <p>Lo mejor de todo, es que en una fotografía puedes editar pixel por pixel la información, incluso puedes realizar fotomontajes y otro tipo de ediciones creativas.</p> <p><img alt="Uso de mapa de bits en fotografía" class="lazyload" data-src="https://crehana-blog.imgix.net/media/filer_public/6f/23/6f231bba-19de-4faa-b3ef-7c4858a2d9b0/trabajo-fotografia-mapa-bits.jpg?auto=format&q=50"/></p> <p><span style="font-size:11px">Fuente: Unsplash</span></p> <h3><strong>Cuando necesitas más detalles de color</strong></h3> <p>Hay un tipo de ediciones, en los que se necesitan más detalles de color y ediciones granulares, en ese tipo de proyectos, un mapa de bits es lo índicado. En tareas como cambiar el perfil de color, cambiar el contraste y agregrar sombras, entre otras cosas, los vectores no son nada útiles.</p> <p>De igual manera, la rasterización o el trabajo con mapa de bits se utiliza cuando no se desea un diseño plano, sino que se necesitan imágenes en las que se ven más detalles, y en las que se puedan agregar más efectos.</p> <h3><strong>Cuando quieres que tus diseños sean más realistas</strong></h3> <p><strong>Los resultados de las ediciones con mapa de bits son más naturales</strong>, por eso, es imprescindible trabajar con ellos cuando se desean resultados más realistas. De igual manera, podemos resaltar que el trabajo con mapa de bits es muy amplio y se suele presentar en una gran cantidad de proyectos.</p> <p>La profundidad de color pixel por pixel le da una riqueza increíble a las imágenes, así que vale la pena utilizar los mapas de bits en un buen número de proyectos.</p> <h2 id="como-convertir-un-mapa-de-bits-a-imagen-vectorial">¿Cómo convertir un mapa de bits a imagen vectorial?</h2> <p>Si el objetivo de tu proyecto de diseño gráfico implica aumentar el tamaño de tu imagen, o tal vez convertir algún boceto en el logotipo de tu próximo emprendimiento, será necesario que sepas cómo convertir una imagen en mapa de bits a un vector.</p> <p>Para realizar esta transformación de mapa de bits<strong> necesitas utilizar alguno de los software de diseño más conocidos de la industria</strong>, la elección depende de tus gustos y costumbres a la hora de trabajar en diseño digital. A continuación, te daremos tres alternativas.</p> <h3><strong>1. CorelDRAW</strong></h3> <p>Esta herramienta te permite transformar una imagen de mapa de bits en vector mediante la función de Vectorización rápida. De hecho, te ofrece dos métodos principales: Vectorización por línea centrada y Vectorización por contorno. La última será la adecuada para trabajar el logotipo de tu negocio.</p> <h3><strong>2. Adobe Photoshop</strong></h3> <p>La siguiente alternativa para pasar una imagen en mapa de bits a vector es utilizando Photoshop. Esta opción puede ser ideal para ti si estás familiarizado con este software y estás en búsqueda de tu nuevo proyecto de diseño gráfico. Te recomendamos aprender algunos <a href="https://www.crehana.com/recursos/herramientas/hacks-de-photoshop/" target="_blank">hacks de Photoshop</a> para que tu trabajo sea más sencillo.</p> <h3><strong>3. Adobe Illustrator</strong></h3> <p>Otros de los programas pertenecientes a la familia Adobe es Illustrator, con el que también puedes hacer una conversión de una imagen de mapa bits a vectores fácilmente.</p> <p>Por ejemplo, <strong>cuando tienes un gráfico de mapa de bits que es demasiado pequeño para un proyecto de diseño en particular, la solución es transformar la imagen en un vector, y puedes hacerlo en Adobe Illustrator. De hecho, es un proceso bastante rápido y sencillo que produce excelentes resultados</strong>. </p> <p>Eso sí, recuerda guardar la imagen en un formato vectorial para preservar su calidad. Hay una variedad de formatos de imágenes vectoriales para elegir: PDF, AI, EPS, SVG y otros más. Sin embargo, te recomendamos usar el formato SVG, que tiene un amplio soporte en todos los programas de diseño.</p> <p><img alt="Persona trabaja con imágenes en mapa de bits" class="lazyload" data-src="https://crehana-blog.imgix.net/media/filer_public/73/2f/732fb402-d96a-4919-a050-d47df00adbe3/persona-trabajando-mapa-bits.jpg?auto=format&q=50"/></p> <p><span style="font-size:11px">Fuente: Unsplash</span></p> <p>Pues bien, los mapas de bits son la mejor opción si quieres trabajar con imágenes relacionadas con la realidad. Sin embargo, debes saber que, al hacer zoom sobre tus imágenes, o quizás al momento de realizar una impresión, es probable que obtengas resultados de baja calidad. </p> <p>Aunque si eres consciente de las implicaciones de los mapas de bits, tanto lo bueno como lo malo, estamos segurosde que realizarás muy buenos proyectos.</p> <p><strong>Con esta guía para principiantes estás preparado/a con todo lo que necesitas para trabajar en tus diseños, ya sabes qué es mapa de bits, cuáles son sus usos más populares y cómo convertir este tipo de imágenes a un gráfico vectorial. </strong>¿Estás listo/a para crear tu próximo diseño digital? Hazlo realidad con nuestros <a href="https://www.crehana.com/cursos-online-diseno-grafico/" target="_blank">cursos online de diseño gráfico</a>.</p> <p>¡Hasta pronto! </p><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8e7d0e492fb99ce7',t:'MTczMjQ4OTY1My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html></div></main></main><aside class="tw-col-span-12 md:tw-col-span-2"><div class="flex flex-col-reverse md:flex-col items-center mt-48 sticky" style="top:100px"><div class="flex flex-col items-center"><p class="tw-font-link1 tw-text-neutral-light-700">Compartir</p><div class="flex md:flex-col items-center"><button type="button" class="sc-pcoje4-3 ffhpwh border-none icon-button"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M17 3.5C17 3.224 16.775 3 16.5 3H14C11.238 3 9 5.015 9 7.5V10.2H6.5C6.224 10.2 6 10.424 6 10.7V13.3C6 13.576 6.224 13.8 6.5 13.8H9V20.5C9 20.776 9.224 21 9.5 21H12.5C12.775 21 13 20.776 13 20.5V13.8H15.619C15.844 13.8 16.041 13.65 16.102 13.434L16.823 10.834C16.912 10.516 16.672 10.2 16.342 10.2H13V7.5C13 7.003 13.447 6.6 14 6.6H16.5C16.775 6.6 17 6.376 17 6.1V3.5Z" fill="var(--color-primary-main, #4B22F4)"></path></svg></button><button type="button" class="sc-pcoje4-3 ffhpwh border-none icon-button"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M8.07693 20.0003C15.3229 20.0003 19.5149 14.3743 19.5149 9.03528C19.5149 8.88828 20.5449 8.00428 20.9859 6.16128C21.0759 5.78728 20.7119 5.49228 20.3689 5.64928C19.4889 6.05328 18.5959 5.73328 18.2079 5.27328C16.7159 3.64628 14.2209 3.56828 12.6339 5.09828C11.6109 6.08528 11.1769 7.55528 11.4939 8.95828C8.14293 9.19728 5.84193 7.60928 3.94993 5.43228C3.70593 5.14928 3.25293 5.29828 3.20193 5.67228C2.92193 7.75428 2.83393 12.8163 7.84993 15.7233C6.97893 16.9753 5.27393 17.7143 3.37593 18.0313C2.95593 18.1023 2.85593 18.6843 3.23993 18.8723C4.74393 19.6123 6.39693 19.9993 8.07693 19.9973" fill="var(--color-primary-main, #4B22F4)"></path></svg></button><button type="button" class="sc-pcoje4-3 ffhpwh border-none icon-button"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M2.99991 5.25C2.99991 4.008 4.00791 3 5.24991 3C6.49191 3 7.49991 4.008 7.49991 5.25C7.49991 6.492 6.49191 7.5 5.24991 7.5C4.00791 7.5 2.99991 6.492 2.99991 5.25ZM15.1503 8.4004C11.9193 8.4004 9.29931 11.0044 9.29931 14.2144V20.0994C9.29931 20.5964 9.70331 21.0004 10.2003 21.0004H12.2993C12.7963 21.0004 13.2003 20.5964 13.2003 20.0994V14.2144C13.2003 13.0784 14.1843 12.1704 15.3523 12.2874C16.3663 12.3884 17.0993 13.3154 17.0993 14.3344V20.0994C17.0993 20.5964 17.5033 21.0004 18.0003 21.0004H20.0993C20.5963 21.0004 21.0003 20.5964 21.0003 20.0994V14.2144C21.0003 11.0044 18.3803 8.4004 15.1503 8.4004ZM6.59951 9.2998H3.90051C3.40351 9.2998 2.99951 9.7028 2.99951 10.1998V20.0998C2.99951 20.5968 3.40351 20.9998 3.90051 20.9998H6.59951C7.09651 20.9998 7.49951 20.5968 7.49951 20.0998V10.1998C7.49951 9.7028 7.09651 9.2998 6.59951 9.2998Z" fill="var(--color-primary-main, #4B22F4)"></path></svg></button><button type="button" class="sc-pcoje4-3 ffhpwh border-none icon-button"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.527 3.89973C13.709 1.71273 17.23 1.31773 19.662 3.21973C22.575 5.49773 22.766 9.74273 20.235 12.2797L18.812 13.7047C18.419 14.0987 17.783 14.0987 17.39 13.7047C16.997 13.3117 16.997 12.6727 17.39 12.2797L18.812 10.8537C20.467 9.19673 20.377 6.44173 18.54 4.90373C16.913 3.54073 14.471 3.80073 12.972 5.30273L11.699 6.57773C11.307 6.97173 10.669 6.97173 10.277 6.57773C9.88398 6.18473 9.87998 5.54973 10.454 4.97473L11.527 3.89973ZM13.2929 9.29303L9.29288 13.293C8.90188 13.684 8.90188 14.316 9.29288 14.707C9.48788 14.902 9.74388 15 9.99988 15C10.2559 15 10.5119 14.902 10.7069 14.707L14.7069 10.707C15.0979 10.316 15.0979 9.68403 14.7069 9.29303C14.3159 8.90203 13.6839 8.90203 13.2929 9.29303ZM12.2802 17.3965L11.0062 18.6675C9.50518 20.1645 7.05818 20.4225 5.43018 19.0655C3.59118 17.5335 3.50018 14.7875 5.15718 13.1345L6.58218 11.7145C6.97518 11.3225 6.97518 10.6865 6.58218 10.2935C6.18918 9.90253 5.55118 9.90253 5.15718 10.2935L3.88218 11.5665C1.71018 13.7325 1.32918 17.2165 3.20718 19.6405C5.47818 22.5735 9.73818 22.7715 12.2802 20.2375L13.7052 18.8175C14.0982 18.4245 14.0982 17.7895 13.7052 17.3965C13.3112 17.0035 12.6742 17.0035 12.2802 17.3965Z" fill="var(--color-primary-main, #4B22F4)"></path></svg></button></div></div><div class="sc-b92a8ad6-0 jXszWA flex flex-col items-center md:mt-24 md:pt-24 mb-24 md:mb-0"><p class="mb-0 md:mb-24 tw-font-link1 tw-text-neutral-light-700">Valorar</p><div class="cursor-pointer flex md:flex-col items-center"><button type="button" class="sc-pcoje4-3 ffhpwh border-none icon-button"><svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.21956 6C6.35556 6 5.54556 6.334 4.93956 6.941C3.68156 8.201 3.68156 10.252 4.94056 11.514L11.9996 18.585L19.0596 11.514C20.3186 10.252 20.3186 8.201 19.0596 6.941C17.8476 5.726 15.7116 5.728 14.4996 6.941L12.7076 8.736C12.3316 9.113 11.6676 9.113 11.2916 8.736L9.49956 6.94C8.89356 6.334 8.08456 6 7.21956 6ZM11.9996 21C11.7346 21 11.4796 20.895 11.2926 20.706L3.52456 12.926C1.48856 10.886 1.48856 7.567 3.52456 5.527C4.50856 4.543 5.82056 4 7.21956 4C8.61856 4 9.93156 4.543 10.9146 5.527L11.9996 6.614L13.0846 5.528C14.0686 4.543 15.3806 4 16.7806 4C18.1786 4 19.4916 4.543 20.4746 5.527C22.5116 7.567 22.5116 10.886 20.4756 12.926L12.7076 20.707C12.5196 20.895 12.2656 21 11.9996 21Z" fill="#181B32"></path></svg></button></div></div></div></aside><aside class="mt-72 tw-col-span-12 lg:tw-col-span-10 border-b border-neutral-dark-500 tw-pb-8"><h4 class="font-subtitle3 mb-24">Explora otras categorías</h4></aside><aside class="tw-col-span-12 lg:tw-col-span-10 tw-pt-2.4 tw-pb-4"> <h4 class="font-subtitle1 mb-16 text-center md:text-left">También podría interesarte</h4><div class="flex justify-center"><div class="pagination"></div></div></aside></div></div><div><footer id="main-footer" class="bg-transparent"><div class="cui-container"><div class="flex flex-wrap -mt-4 -mr-4 -ml-4 sm:-mt-8 sm:-mr-8 sm:-ml-8 md:-mt-12 md:-mr-12 md:-ml-12 pt-32 mb-32 sm:pt-48 lg:pt-64 md:mb-16 lg:mb-64 md:justify-around"><div class="sc-jey6np-0 jOUQFD px-4 sm:px-8 md:px-12 sm:flex flex-col items-center md:block text-base-dark" offset="[object Object]"><div class="sm:hidden"><button type="button" class="w-full mb-20 font-button" role="button" id="react-collapsed-toggle-null" aria-controls="react-collapsed-panel-null" aria-expanded="false" tabindex="0"><span class="flex justify-between">Compañía<svg class="sc-zxy7f4-0 kSaMrS fill-current text-base-lighter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32"><path d="M16.05 20.45 3.25 7.6c-.75-.75-1.95-.75-2.7 0C.2 7.95 0 8.4 0 8.9s.2 1 .55 1.35l14.1 14.15c.7.75 1.9.75 2.65.05l.05-.05 14.1-14.15c.35-.35.55-.85.55-1.35A1.9 1.9 0 0 0 30.1 7c-.5 0-1 .2-1.35.55l-12.7 12.9z"></path></svg></span></button><ul id="react-collapsed-panel-null" aria-hidden="true" style="transition-duration:500ms;transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);transition-property:height;display:none;height:0px;overflow:hidden"><li class="pb-16"><a href="https://www.crehana.com/sobre-nosotros/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Sobre Crehana</a></li><li class="pb-16"><a href="https://www.crehana.com/entrar/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Sign up</a></li></ul></div><div class="hidden sm:block"><span class="block mb-20 font-button">Compañía</span><ul><li class="pb-16"><a href="https://www.crehana.com/sobre-nosotros/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Sobre Crehana</a></li><li class="pb-16"><a href="https://www.crehana.com/entrar/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Sign up</a></li></ul></div></div><div class="sc-jey6np-0 jOUQFD px-4 sm:px-8 md:px-12 sm:flex flex-col items-center md:block text-base-dark" offset="[object Object]"><div class="sm:hidden"><button type="button" class="w-full mb-20 font-button" role="button" id="react-collapsed-toggle-null" aria-controls="react-collapsed-panel-null" aria-expanded="false" tabindex="0"><span class="flex justify-between">Productos<svg class="sc-zxy7f4-0 kSaMrS fill-current text-base-lighter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32"><path d="M16.05 20.45 3.25 7.6c-.75-.75-1.95-.75-2.7 0C.2 7.95 0 8.4 0 8.9s.2 1 .55 1.35l14.1 14.15c.7.75 1.9.75 2.65.05l.05-.05 14.1-14.15c.35-.35.55-.85.55-1.35A1.9 1.9 0 0 0 30.1 7c-.5 0-1 .2-1.35.55l-12.7 12.9z"></path></svg></span></button><ul id="react-collapsed-panel-null" aria-hidden="true" style="transition-duration:500ms;transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);transition-property:height;display:none;height:0px;overflow:hidden"><li class="pb-16"><a href="https://www.crehana.com/desarrollo-equipos/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Desarrollo</a></li><li class="pb-16"><a href="https://www.crehana.com/clima-laboral/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Clima laboral</a></li><li class="pb-16"><a href="https://www.crehana.com/evaluaciones-de-desempeno/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Desempeño</a></li></ul></div><div class="hidden sm:block"><span class="block mb-20 font-button">Productos</span><ul><li class="pb-16"><a href="https://www.crehana.com/desarrollo-equipos/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Desarrollo</a></li><li class="pb-16"><a href="https://www.crehana.com/clima-laboral/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Clima laboral</a></li><li class="pb-16"><a href="https://www.crehana.com/evaluaciones-de-desempeno/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Desempeño</a></li></ul></div></div><div class="sc-jey6np-0 jOUQFD px-4 sm:px-8 md:px-12 sm:flex flex-col items-center md:block text-base-dark" offset="[object Object]"><div class="sm:hidden"><button type="button" class="w-full mb-20 font-button" role="button" id="react-collapsed-toggle-null" aria-controls="react-collapsed-panel-null" aria-expanded="false" tabindex="0"><span class="flex justify-between">Recursos<svg class="sc-zxy7f4-0 kSaMrS fill-current text-base-lighter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32"><path d="M16.05 20.45 3.25 7.6c-.75-.75-1.95-.75-2.7 0C.2 7.95 0 8.4 0 8.9s.2 1 .55 1.35l14.1 14.15c.7.75 1.9.75 2.65.05l.05-.05 14.1-14.15c.35-.35.55-.85.55-1.35A1.9 1.9 0 0 0 30.1 7c-.5 0-1 .2-1.35.55l-12.7 12.9z"></path></svg></span></button><ul id="react-collapsed-panel-null" aria-hidden="true" style="transition-duration:500ms;transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);transition-property:height;display:none;height:0px;overflow:hidden"><li class="pb-16"><a href="https://www.crehana.com/blog/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Blog</a></li><li class="pb-16"><a href="https://open.spotify.com/show/4e4HZuphxpKot9xfaqXt9k" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Podcast</a></li><li class="pb-16"><a href="https://www.crehana.com/business/descargables/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Descargables</a></li><li class="pb-16"><a href="https://www.crehana.com/cursos-online/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Cursos</a></li><li class="pb-16"><a href="https://www.youtube.com/watch?v=dtcQyOsuL3g" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Youtube</a></li></ul></div><div class="hidden sm:block"><span class="block mb-20 font-button">Recursos</span><ul><li class="pb-16"><a href="https://www.crehana.com/blog/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Blog</a></li><li class="pb-16"><a href="https://open.spotify.com/show/4e4HZuphxpKot9xfaqXt9k" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Podcast</a></li><li class="pb-16"><a href="https://www.crehana.com/business/descargables/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Descargables</a></li><li class="pb-16"><a href="https://www.crehana.com/cursos-online/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Cursos</a></li><li class="pb-16"><a href="https://www.youtube.com/watch?v=dtcQyOsuL3g" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Youtube</a></li></ul></div></div><div class="sc-jey6np-0 jOUQFD px-4 sm:px-8 md:px-12 sm:flex flex-col items-center md:block text-base-dark" offset="[object Object]"><div class="sm:hidden"><button type="button" class="w-full mb-20 font-button" role="button" id="react-collapsed-toggle-null" aria-controls="react-collapsed-panel-null" aria-expanded="false" tabindex="0"><span class="flex justify-between">Enlaces de ayuda<svg class="sc-zxy7f4-0 kSaMrS fill-current text-base-lighter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32"><path d="M16.05 20.45 3.25 7.6c-.75-.75-1.95-.75-2.7 0C.2 7.95 0 8.4 0 8.9s.2 1 .55 1.35l14.1 14.15c.7.75 1.9.75 2.65.05l.05-.05 14.1-14.15c.35-.35.55-.85.55-1.35A1.9 1.9 0 0 0 30.1 7c-.5 0-1 .2-1.35.55l-12.7 12.9z"></path></svg></span></button><ul id="react-collapsed-panel-null" aria-hidden="true" style="transition-duration:500ms;transition-timing-function:cubic-bezier(0.250, 0.460, 0.450, 0.940);transition-property:height;display:none;height:0px;overflow:hidden"><li class="pb-16"><a href="https://www.crehana.com/legal/politicas-de-privacidad/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Políticas de privacidad</a></li><li class="pb-16"><a href="https://www.crehana.com/legal/politica-de-cookies/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Política de cookies</a></li><li class="pb-16"><a href="https://www.crehana.com/legal/solicitud-arco/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Solicitud ARCO</a></li><li class="pb-16"><a href="https://www.crehana.com/legal/terminos-y-condiciones/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Términos y condiciones</a></li><li class="pb-16"><a href="https://www.crehana.com/libro-reclamaciones/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Libro de reclamaciones</a></li></ul></div><div class="hidden sm:block"><span class="block mb-20 font-button">Enlaces de ayuda</span><ul><li class="pb-16"><a href="https://www.crehana.com/legal/politicas-de-privacidad/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Políticas de privacidad</a></li><li class="pb-16"><a href="https://www.crehana.com/legal/politica-de-cookies/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Política de cookies</a></li><li class="pb-16"><a href="https://www.crehana.com/legal/solicitud-arco/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Solicitud ARCO</a></li><li class="pb-16"><a href="https://www.crehana.com/legal/terminos-y-condiciones/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Términos y condiciones</a></li><li class="pb-16"><a href="https://www.crehana.com/libro-reclamaciones/" class="transition-all font-subtitle4 text-inherit hover:text-secondary-light" target="_blank" rel="noopener noreferrer">Libro de reclamaciones</a></li></ul></div></div><div class="sc-jey6np-0 gHbXjf px-4 sm:px-8 md:px-12 hidden md:block" offset="[object Object]"><p class="font-button mb-20 text-base-dark">Descarga nuestra app</p><div class="sc-16w9e7i-0 BWTJn"><a href="https://play.google.com/store/apps/details?id=com.crehana.android" class="w-full mb-8 bg-base-dark button-m-with-icon button-primary button-light"><svg class="fill-current mr-8 flex-shrink-0" width="18" height="18" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" fill="none"><g filter="url(#filter0_ii)"><path d="M8.98125 7.40266C8.67878 7.7151 8.5 8.19998 8.5 8.82789V31.2622C8.5 31.8911 8.67878 32.375 8.98125 32.6874L9.05817 32.7604L21.9355 20.1931V20.045V19.8969L9.05817 7.32861L8.98125 7.40266Z" fill="url(#paint0_linear)"></path><path d="M26.2273 24.3837L21.9355 20.1932V20.0451V19.897L26.2283 15.7075L26.325 15.7613L31.4109 18.5813C32.8629 19.3867 32.8629 20.7044 31.4109 21.5109L26.325 24.3309L26.2273 24.3837Z" fill="url(#paint1_linear)"></path><g filter="url(#filter1_i)"><path d="M26.3247 24.3297L21.9342 20.0449L8.98096 32.6873C9.45909 33.1823 10.2501 33.2432 11.1409 32.7502L26.3247 24.3297Z" fill="url(#paint2_linear)"></path></g><path d="M26.3247 15.7603L11.1409 7.34091C10.2501 6.8469 9.45909 6.90878 8.98096 7.4038L21.9352 20.0461L26.3247 15.7603Z" fill="url(#paint3_linear)"></path></g><defs><filter id="filter0_ii" x="8.5" y="7" width="23.9999" height="26.0907" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="-0.15"></feOffset><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"></feColorMatrix><feBlend mode="normal" in2="shape" result="effect1_innerShadow"></feBlend><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="0.15"></feOffset><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"></feColorMatrix><feBlend mode="normal" in2="effect1_innerShadow" result="effect2_innerShadow"></feBlend></filter><filter id="filter1_i" x="8.98096" y="20.0449" width="17.3437" height="13.0458" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="-0.15"></feOffset><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"></feColorMatrix><feBlend mode="normal" in2="shape" result="effect1_innerShadow"></feBlend></filter><linearGradient id="paint0_linear" x1="20.794" y1="8.59052" x2="3.77553" y2="26.0288" gradientUnits="userSpaceOnUse"><stop stop-color="#00A0FF"></stop><stop offset="0.0066" stop-color="#00A1FF"></stop><stop offset="0.2601" stop-color="#00BEFF"></stop><stop offset="0.5122" stop-color="#00D2FF"></stop><stop offset="0.7604" stop-color="#00DFFF"></stop><stop offset="1" stop-color="#00E3FF"></stop></linearGradient><linearGradient id="paint1_linear" x1="33.301" y1="20.0451" x2="8.15143" y2="20.0451" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE000"></stop><stop offset="0.4087" stop-color="#FFBD00"></stop><stop offset="0.7754" stop-color="#FFA500"></stop><stop offset="1" stop-color="#FF9C00"></stop></linearGradient><linearGradient id="paint2_linear" x1="23.9403" y1="22.3718" x2="0.86114" y2="46.0204" gradientUnits="userSpaceOnUse"><stop stop-color="#FF3A44"></stop><stop offset="1" stop-color="#C31162"></stop></linearGradient><linearGradient id="paint3_linear" x1="5.71865" y1="-0.0643023" x2="16.0241" y2="10.4954" gradientUnits="userSpaceOnUse"><stop stop-color="#32A071"></stop><stop offset="0.0685" stop-color="#2DA771"></stop><stop offset="0.4762" stop-color="#15CF74"></stop><stop offset="0.8009" stop-color="#06E775"></stop><stop offset="1" stop-color="#00F076"></stop></linearGradient></defs></svg>Google play</a><a href="https://itunes.apple.com/us/app/crehana/id1353031284" class="w-full bg-base-dark button-m-with-icon button-primary button-light"><svg class="fill-current mr-8 flex-shrink-0" width="18" height="18" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M28.545 20.57a6.697 6.697 0 0 1 3.193-5.583c-1.224-1.735-3.274-2.834-5.407-2.9-2.275-.238-4.48 1.35-5.64 1.35-1.18 0-2.966-1.327-4.888-1.288-2.505.08-4.84 1.494-6.059 3.668-2.62 4.502-.666 11.118 1.844 14.757 1.256 1.782 2.723 3.772 4.643 3.702 1.88-.078 2.581-1.19 4.85-1.19 2.246 0 2.905 1.19 4.864 1.145 2.016-.032 3.287-1.79 4.498-3.589a14.695 14.695 0 0 0 2.057-4.157c-2.37-.995-3.952-3.362-3.955-5.915ZM24.845 9.693A6.518 6.518 0 0 0 26.355 5a6.733 6.733 0 0 0-4.346 2.231 6.26 6.26 0 0 0-1.549 4.52 5.635 5.635 0 0 0 4.385-2.058Z"></path></svg>App Store</a></div></div></div><div class="flex flex-wrap -m-4 sm:-m-8 md:-m-12 flex items-center pb-32 sm:pb-48 lg:pb-64 md:items-end lg:items-center"><div class="sc-jey6np-0 eDRpvs px-4 sm:px-8 md:px-12 hidden md:block text-center md:text-left mt-24 sm:mt-48 lg:mt-0"><span class="block sm:inline-block mb-20 sm:mb-0 text-primary-main"><svg class="fill-current sm:mr-32" width="165" height="24" viewBox="0 0 110 16" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M5.894 12.958c.542 0 1.015-.148 1.4-.444a1.86 1.86 0 0 0 .71-1.176h3.39c-.128 1.393-.72 2.519-1.755 3.378C8.634 15.576 7.382 16 5.874 16c-1.695 0-3.104-.523-4.208-1.58C.562 13.383 0 12.03 0 10.36c0-1.639.552-2.982 1.666-4.02 1.123-1.066 2.523-1.6 4.208-1.6 1.479 0 2.73.435 3.765 1.314 1.035.86 1.617 1.976 1.755 3.348h-3.39a1.86 1.86 0 0 0-.71-1.175c-.385-.296-.848-.444-1.4-.444-.74 0-1.33.237-1.784.71-.453.475-.68 1.097-.68 1.867s.227 1.393.68 1.877c.444.484 1.045.721 1.784.721ZM20.452 4.81v3.417c-1.607.06-2.849.514-3.696 1.353v6.173h-3.608V4.988h3.608v1.155c1.025-.889 2.257-1.333 3.696-1.333ZM32.614 10.143c0 .573-.02 1.008-.069 1.284h-7.648c.335 1.156 1.143 1.729 2.415 1.729.749 0 1.3-.257 1.636-.78h3.568a4.364 4.364 0 0 1-1.823 2.646c-.957.652-2.09.978-3.42.978-1.745 0-3.165-.523-4.259-1.58-1.074-1.037-1.616-2.39-1.616-4.06 0-1.639.522-2.992 1.577-4.039 1.074-1.047 2.464-1.58 4.17-1.58 1.566 0 2.877.503 3.922 1.51 1.035.998 1.547 2.292 1.547 3.892Zm-5.49-2.627c-1.192 0-1.941.603-2.237 1.798h4.366c-.197-1.195-.906-1.798-2.128-1.798ZM41.15 4.652c1.36 0 2.464.454 3.302 1.353.838.889 1.262 2.084 1.262 3.595v6.153h-3.588v-5.57c0-.741-.177-1.304-.523-1.69-.344-.384-.827-.572-1.448-.572-.68 0-1.33.356-1.952 1.067v6.775h-3.607V0h3.607v5.709c.917-.711 1.892-1.057 2.947-1.057ZM59.404 4.988v10.765h-3.588v-.602c-.857.543-1.843.82-2.947.82-1.478 0-2.73-.544-3.765-1.62-1.045-1.097-1.577-2.43-1.577-4 0-1.57.523-2.904 1.577-4 1.035-1.077 2.287-1.62 3.765-1.62 1.104 0 2.09.276 2.947.82v-.573h3.588v.01Zm-5.805 8.04c.867 0 1.606-.337 2.217-.998V8.672c-.601-.662-1.34-.998-2.217-.998-.72 0-1.331.257-1.814.78-.483.514-.73 1.156-.73 1.907 0 .75.247 1.382.73 1.896s1.094.77 1.814.77ZM68.403 4.652c1.36 0 2.464.454 3.302 1.353.838.889 1.261 2.084 1.261 3.595v6.153H69.38v-5.57c0-.741-.178-1.304-.523-1.69-.345-.384-.828-.572-1.449-.572-.68 0-1.33.356-1.951 1.067v6.775h-3.608V4.998h3.608v.71c.916-.71 1.902-1.056 2.947-1.056ZM86.544 4.924v10.765h-3.588v-.603c-.858.544-1.843.82-2.947.82-1.479 0-2.73-.543-3.765-1.62-1.045-1.096-1.577-2.43-1.577-4 0-1.57.522-2.903 1.577-4 1.035-1.076 2.286-1.62 3.765-1.62 1.104 0 2.09.277 2.947.82v-.572h3.588v.01Zm-5.806 8.039c.868 0 1.607-.336 2.218-.997V8.607c-.601-.661-1.34-.997-2.218-.997-.72 0-1.33.257-1.813.78-.483.514-.73 1.156-.73 1.906 0 .751.247 1.383.73 1.897.483.513 1.084.77 1.813.77ZM99.543.667h-5v5h5v5h-5v5h5v-5h5v5h5v-15h-5v5h-5v-5Z"></path></svg></span><span class="sc-5r9t3s-0 lepBK font-legals text-gray-dark">Copyright © Crehana 2024 - Todos los derechos reservados</span></div><div class="sc-jey6np-0 gHbXjf px-4 sm:px-8 md:px-12 flex flex-col items-center mb-24 md:hidden sm:mb-0 sm:items-start" offset="[object Object]"><p class="font-button mb-20 text-base-dark">Descarga nuestra app</p><div class="sc-16w9e7i-0 BWTJn"><a href="https://play.google.com/store/apps/details?id=com.crehana.android" class="w-full mb-8 bg-base-dark button-m-with-icon button-primary button-light"><svg class="fill-current mr-8 flex-shrink-0" width="18" height="18" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" fill="none"><g filter="url(#filter0_ii)"><path d="M8.98125 7.40266C8.67878 7.7151 8.5 8.19998 8.5 8.82789V31.2622C8.5 31.8911 8.67878 32.375 8.98125 32.6874L9.05817 32.7604L21.9355 20.1931V20.045V19.8969L9.05817 7.32861L8.98125 7.40266Z" fill="url(#paint0_linear)"></path><path d="M26.2273 24.3837L21.9355 20.1932V20.0451V19.897L26.2283 15.7075L26.325 15.7613L31.4109 18.5813C32.8629 19.3867 32.8629 20.7044 31.4109 21.5109L26.325 24.3309L26.2273 24.3837Z" fill="url(#paint1_linear)"></path><g filter="url(#filter1_i)"><path d="M26.3247 24.3297L21.9342 20.0449L8.98096 32.6873C9.45909 33.1823 10.2501 33.2432 11.1409 32.7502L26.3247 24.3297Z" fill="url(#paint2_linear)"></path></g><path d="M26.3247 15.7603L11.1409 7.34091C10.2501 6.8469 9.45909 6.90878 8.98096 7.4038L21.9352 20.0461L26.3247 15.7603Z" fill="url(#paint3_linear)"></path></g><defs><filter id="filter0_ii" x="8.5" y="7" width="23.9999" height="26.0907" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="-0.15"></feOffset><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"></feColorMatrix><feBlend mode="normal" in2="shape" result="effect1_innerShadow"></feBlend><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="0.15"></feOffset><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"></feColorMatrix><feBlend mode="normal" in2="effect1_innerShadow" result="effect2_innerShadow"></feBlend></filter><filter id="filter1_i" x="8.98096" y="20.0449" width="17.3437" height="13.0458" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"></feBlend><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="-0.15"></feOffset><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"></feComposite><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"></feColorMatrix><feBlend mode="normal" in2="shape" result="effect1_innerShadow"></feBlend></filter><linearGradient id="paint0_linear" x1="20.794" y1="8.59052" x2="3.77553" y2="26.0288" gradientUnits="userSpaceOnUse"><stop stop-color="#00A0FF"></stop><stop offset="0.0066" stop-color="#00A1FF"></stop><stop offset="0.2601" stop-color="#00BEFF"></stop><stop offset="0.5122" stop-color="#00D2FF"></stop><stop offset="0.7604" stop-color="#00DFFF"></stop><stop offset="1" stop-color="#00E3FF"></stop></linearGradient><linearGradient id="paint1_linear" x1="33.301" y1="20.0451" x2="8.15143" y2="20.0451" gradientUnits="userSpaceOnUse"><stop stop-color="#FFE000"></stop><stop offset="0.4087" stop-color="#FFBD00"></stop><stop offset="0.7754" stop-color="#FFA500"></stop><stop offset="1" stop-color="#FF9C00"></stop></linearGradient><linearGradient id="paint2_linear" x1="23.9403" y1="22.3718" x2="0.86114" y2="46.0204" gradientUnits="userSpaceOnUse"><stop stop-color="#FF3A44"></stop><stop offset="1" stop-color="#C31162"></stop></linearGradient><linearGradient id="paint3_linear" x1="5.71865" y1="-0.0643023" x2="16.0241" y2="10.4954" gradientUnits="userSpaceOnUse"><stop stop-color="#32A071"></stop><stop offset="0.0685" stop-color="#2DA771"></stop><stop offset="0.4762" stop-color="#15CF74"></stop><stop offset="0.8009" stop-color="#06E775"></stop><stop offset="1" stop-color="#00F076"></stop></linearGradient></defs></svg>Google play</a><a href="https://itunes.apple.com/us/app/crehana/id1353031284" class="w-full bg-base-dark button-m-with-icon button-primary button-light"><svg class="fill-current mr-8 flex-shrink-0" width="18" height="18" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M28.545 20.57a6.697 6.697 0 0 1 3.193-5.583c-1.224-1.735-3.274-2.834-5.407-2.9-2.275-.238-4.48 1.35-5.64 1.35-1.18 0-2.966-1.327-4.888-1.288-2.505.08-4.84 1.494-6.059 3.668-2.62 4.502-.666 11.118 1.844 14.757 1.256 1.782 2.723 3.772 4.643 3.702 1.88-.078 2.581-1.19 4.85-1.19 2.246 0 2.905 1.19 4.864 1.145 2.016-.032 3.287-1.79 4.498-3.589a14.695 14.695 0 0 0 2.057-4.157c-2.37-.995-3.952-3.362-3.955-5.915ZM24.845 9.693A6.518 6.518 0 0 0 26.355 5a6.733 6.733 0 0 0-4.346 2.231 6.26 6.26 0 0 0-1.549 4.52 5.635 5.635 0 0 0 4.385-2.058Z"></path></svg>App Store</a></div></div><div class="sc-jey6np-0 kaEKBM px-4 sm:px-8 md:px-12 flex flex-col items-center self-end justify-end sm:items-start md:items-end lg:items-center lg:flex-row" offset="[object Object]"><span class="md:mr-12 mb-24 sm:mb-32 md:mb-24 lg:mb-0 flex text-gray-dark"><a href="https://www.facebook.com/Crehanacom/" target="_blank" rel="noopener noreferrer" class="px-12 text-inherit"><svg class="fill-current " xmlns="http://www.w3.org/2000/svg" width="7.875" height="18" viewBox="0 0 14 32"><path d="M14.418 10.361h-4.91V7.04c0-1.248.801-1.539 1.365-1.539h3.465V.018L9.565-.001c-5.298 0-6.503 4.089-6.503 6.708v3.655H0v5.65h3.063V32h6.445V16.012h4.347z"></path></svg></a><a href="https://twitter.com/crehanacom" target="_blank" rel="noopener noreferrer" class="px-12 text-inherit"><svg class="fill-current " xmlns="http://www.w3.org/2000/svg" width="22.5" height="18" viewBox="0 0 40 32"><path d="M39.536 3.787a15.828 15.828 0 0 1-4.581 1.265A8.316 8.316 0 0 0 38.428.647a17.09 17.09 0 0 1-5.03 1.886C31.81.965 29.705-.023 27.369-.023a8.107 8.107 0 0 0-7.886 9.996C12.72 9.575 6.778 6.377 2.784 1.517c-.722 1.124-1.13 2.526-1.13 4.023a8.062 8.062 0 0 0 3.579 6.705 7.813 7.813 0 0 1-3.685-1.013c.04.055.04.088.04.123a8.096 8.096 0 0 0 6.455 7.912c-.587.189-1.322.293-2.081.293a8.25 8.25 0 0 1-1.583-.153c1.126 3.247 4.1 5.554 7.621 5.619a16.172 16.172 0 0 1-10.038 3.459h-.03c-.68 0-1.352-.041-2.012-.121a23.214 23.214 0 0 0 12.487 3.637h.028c14.919 0 23.077-12.31 23.077-22.986 0-.35-.007-.699-.023-1.045a16.578 16.578 0 0 0 4.01-4.125z"></path></svg></a><a href="https://www.instagram.com/crehanacom/" target="_blank" rel="noopener noreferrer" class="px-12 text-inherit"><svg class="fill-current " xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 32 32"><path d="M15.836 7.678c-4.493 0-8.147 3.694-8.147 8.233s3.655 8.234 8.147 8.234 8.148-3.694 8.148-8.234-3.655-8.233-8.148-8.233zm0 13.52c-2.885 0-5.232-2.372-5.232-5.287s2.347-5.287 5.232-5.287 5.233 2.372 5.233 5.287-2.347 5.287-5.233 5.287zm8.455-15.59h-.019a1.87 1.87 0 1 0 1.869 1.869V7.467a1.859 1.859 0 0 0-1.85-1.859zm4.827-2.988C27.435.906 25.116.001 22.412.001H9.259C3.721.001 0 3.76 0 9.356v13.217c0 2.796.922 5.179 2.666 6.889 1.693 1.661 3.998 2.539 6.666 2.539h13.006c2.719 0 5.044-.876 6.723-2.533 1.708-1.684 2.61-4.044 2.61-6.823V9.355c0-2.706-.884-5.036-2.554-6.736zm-.362 20.027c0 1.967-.599 3.598-1.732 4.715-1.123 1.109-2.744 1.695-4.685 1.695H9.333c-1.894 0-3.497-.59-4.636-1.707-1.165-1.142-1.781-2.795-1.781-4.776V9.357c0-1.954.59-3.579 1.707-4.702C5.735 3.538 7.338 2.947 9.26 2.947h13.152c1.91 0 3.513.604 4.637 1.749 1.117 1.137 1.707 2.749 1.707 4.661v13.29z"></path></svg></a><a href="https://www.linkedin.com/school/crehana/" target="_blank" rel="noopener noreferrer" class="px-12 text-inherit"><svg class="fill-current " xmlns="http://www.w3.org/2000/svg" width="16.875" height="18" viewBox="0 0 30 32"><path d="M15.858 14.434v-.05l-.03.05h.03zM27.31.001H2.179C.976.001 0 1.028 0 2.294v27.412C0 30.972.976 32 2.179 32h25.13c1.204 0 2.18-1.028 2.18-2.294V2.294c0-1.267-.976-2.293-2.18-2.293zM8.939 26.787H4.485V12.338h4.454v14.449zM6.712 10.366h-.03c-1.494 0-2.461-1.11-2.461-2.497 0-1.417.997-2.496 2.52-2.496s2.462 1.079 2.491 2.496c0 1.387-.967 2.497-2.52 2.497zm18.287 16.421h-4.453v-7.731c0-1.942-.644-3.266-2.256-3.266-1.23 0-1.963.893-2.286 1.756-.118.309-.146.739-.146 1.172v8.069h-4.454s.058-13.093 0-14.449h4.454v2.046c.592-.984 1.651-2.385 4.015-2.385 2.93 0 5.127 2.065 5.127 6.504v8.285z"></path></svg></a><a href="https://www.youtube.com/channel/UCg6_yPdtalblZ0Peqjv5rPg/featured" target="_blank" rel="noopener noreferrer" class="px-12 text-inherit"><svg class="fill-current " xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 32 32"><path d="M26.065 15.24H5.824c-3.217 0-5.826 2.679-5.826 5.98v4.802c0 3.3 2.608 5.977 5.826 5.977h20.241c3.217 0 5.826-2.677 5.826-5.977V21.22c.001-3.3-2.609-5.98-5.826-5.98zm-15.989 3.74H8.195v9.591H6.377V18.98H4.496v-1.633h5.58v1.633zm5.317 9.592H13.78v-.907a3.47 3.47 0 0 1-.914.755c-.285.17-.608.268-.953.274-.376 0-.654-.122-.844-.37-.187-.248-.283-.614-.283-1.11v-6.923h1.613v6.353a.709.709 0 0 0 .102.426c.07.079.176.131.293.131l.039-.002a.91.91 0 0 0 .45-.175 2.2 2.2 0 0 0 .495-.44l.003-6.293h1.613v8.281zm5.853-1.709q0 .878-.38 1.349c-.251.312-.619.467-1.096.467h-.04c-.292 0-.569-.067-.816-.186a2.076 2.076 0 0 1-.675-.551l-.003.629h-1.631V17.347h1.631v3.616c.193-.229.422-.42.678-.568.227-.129.484-.202.757-.204.511 0 .901.175 1.169.527q.406.529.405 1.549v4.595zm5.595-2.232h-3.086v1.56c0 .436.052.738.158.908s.289.252.547.252c.268 0 .454-.072.561-.215.105-.143.161-.457.161-.945v-.377h1.66v.425c0 .849-.201 1.488-.609 1.92q-.602.641-1.81.64-1.085 0-1.707-.681c-.413-.452-.624-1.08-.624-1.878v-3.72c0-.715.229-1.304.687-1.756s1.042-.676 1.766-.676q1.108 0 1.704.627c.396.42.594 1.02.594 1.805v2.112zm-2.366-3.096c-.258 0-.441.075-.553.228-.114.146-.167.395-.167.743v.837h1.426v-.837c0-.347-.058-.596-.17-.743-.109-.153-.291-.228-.536-.228zm-5.563-.027h-.002a.769.769 0 0 0-.345.081 1.24 1.24 0 0 0-.328.25l-.001 5.16c.107.118.234.217.375.291a.923.923 0 0 0 .397.093.515.515 0 0 0 .435-.177c.092-.118.14-.305.14-.571v-4.276c0-.282-.055-.493-.169-.637a.612.612 0 0 0-.467-.215l-.038.001zM8.475 12.364h2.045v-5.13L12.9-.002h-2.078L9.556 4.941h-.129L8.098-.002H6.039l2.436 7.467v4.898zm7.195.231q1.238 0 1.946-.666c.468-.447.704-1.056.704-1.836V5.381l.001-.071c0-.647-.276-1.229-.717-1.635q-.723-.662-1.851-.662c-.825 0-1.483.209-1.972.627s-.733.979-.733 1.688v4.728c0 .774.239 1.389.714 1.85q.715.686 1.908.688zm-.754-7.336V5.24c0-.184.079-.35.206-.465a.791.791 0 0 1 .543-.183l.041-.001c.204 0 .392.069.542.185.134.111.22.279.22.468V10.229a.76.76 0 0 1-.219.576.803.803 0 0 1-.544.212l-.044-.001a.717.717 0 0 1-.552-.207.81.81 0 0 1-.195-.528l.002-.054V5.259zm6.144 7.238c.389-.01.75-.117 1.064-.297a3.885 3.885 0 0 0 1.031-.841l.004 1.005h1.817V3.242h-1.817v6.925a2.57 2.57 0 0 1-.549.483c-.152.11-.325.179-.514.198-.017.002-.032.002-.047.002a.43.43 0 0 1-.326-.148.744.744 0 0 1-.118-.47V3.24h-1.813v7.624q0 .816.318 1.219c.215.273.529.412.95.412z"></path></svg></a></span><div><div></div></div></div><div class="sc-jey6np-0 eDRpvs px-4 sm:px-8 md:px-12 md:hidden text-center md:text-left mt-24 sm:mt-48 lg:mt-0"><span class="block sm:inline-block mb-20 sm:mb-0 text-primary-main"><svg class="fill-current sm:mr-32" width="165" height="24" viewBox="0 0 110 16" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M5.894 12.958c.542 0 1.015-.148 1.4-.444a1.86 1.86 0 0 0 .71-1.176h3.39c-.128 1.393-.72 2.519-1.755 3.378C8.634 15.576 7.382 16 5.874 16c-1.695 0-3.104-.523-4.208-1.58C.562 13.383 0 12.03 0 10.36c0-1.639.552-2.982 1.666-4.02 1.123-1.066 2.523-1.6 4.208-1.6 1.479 0 2.73.435 3.765 1.314 1.035.86 1.617 1.976 1.755 3.348h-3.39a1.86 1.86 0 0 0-.71-1.175c-.385-.296-.848-.444-1.4-.444-.74 0-1.33.237-1.784.71-.453.475-.68 1.097-.68 1.867s.227 1.393.68 1.877c.444.484 1.045.721 1.784.721ZM20.452 4.81v3.417c-1.607.06-2.849.514-3.696 1.353v6.173h-3.608V4.988h3.608v1.155c1.025-.889 2.257-1.333 3.696-1.333ZM32.614 10.143c0 .573-.02 1.008-.069 1.284h-7.648c.335 1.156 1.143 1.729 2.415 1.729.749 0 1.3-.257 1.636-.78h3.568a4.364 4.364 0 0 1-1.823 2.646c-.957.652-2.09.978-3.42.978-1.745 0-3.165-.523-4.259-1.58-1.074-1.037-1.616-2.39-1.616-4.06 0-1.639.522-2.992 1.577-4.039 1.074-1.047 2.464-1.58 4.17-1.58 1.566 0 2.877.503 3.922 1.51 1.035.998 1.547 2.292 1.547 3.892Zm-5.49-2.627c-1.192 0-1.941.603-2.237 1.798h4.366c-.197-1.195-.906-1.798-2.128-1.798ZM41.15 4.652c1.36 0 2.464.454 3.302 1.353.838.889 1.262 2.084 1.262 3.595v6.153h-3.588v-5.57c0-.741-.177-1.304-.523-1.69-.344-.384-.827-.572-1.448-.572-.68 0-1.33.356-1.952 1.067v6.775h-3.607V0h3.607v5.709c.917-.711 1.892-1.057 2.947-1.057ZM59.404 4.988v10.765h-3.588v-.602c-.857.543-1.843.82-2.947.82-1.478 0-2.73-.544-3.765-1.62-1.045-1.097-1.577-2.43-1.577-4 0-1.57.523-2.904 1.577-4 1.035-1.077 2.287-1.62 3.765-1.62 1.104 0 2.09.276 2.947.82v-.573h3.588v.01Zm-5.805 8.04c.867 0 1.606-.337 2.217-.998V8.672c-.601-.662-1.34-.998-2.217-.998-.72 0-1.331.257-1.814.78-.483.514-.73 1.156-.73 1.907 0 .75.247 1.382.73 1.896s1.094.77 1.814.77ZM68.403 4.652c1.36 0 2.464.454 3.302 1.353.838.889 1.261 2.084 1.261 3.595v6.153H69.38v-5.57c0-.741-.178-1.304-.523-1.69-.345-.384-.828-.572-1.449-.572-.68 0-1.33.356-1.951 1.067v6.775h-3.608V4.998h3.608v.71c.916-.71 1.902-1.056 2.947-1.056ZM86.544 4.924v10.765h-3.588v-.603c-.858.544-1.843.82-2.947.82-1.479 0-2.73-.543-3.765-1.62-1.045-1.096-1.577-2.43-1.577-4 0-1.57.522-2.903 1.577-4 1.035-1.076 2.286-1.62 3.765-1.62 1.104 0 2.09.277 2.947.82v-.572h3.588v.01Zm-5.806 8.039c.868 0 1.607-.336 2.218-.997V8.607c-.601-.661-1.34-.997-2.218-.997-.72 0-1.33.257-1.813.78-.483.514-.73 1.156-.73 1.906 0 .751.247 1.383.73 1.897.483.513 1.084.77 1.813.77ZM99.543.667h-5v5h5v5h-5v5h5v-5h5v5h5v-15h-5v5h-5v-5Z"></path></svg></span><span class="sc-5r9t3s-0 lepBK font-legals text-gray-dark">Copyright © Crehana 2024 - Todos los derechos reservados</span></div></div></div></footer></div><span></span></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"article":{"__typename":"ArticleNodeV2","slug":"que-es-mapa-bits","originalId":1805,"title":"Aprende qué es un mapa de bits y haz que tus trabajos resalten por su calidad","description":"¿Estás cansado de que se pixelen tus imágenes y buscas subir la calidad de las gráficas de tu negocio? Conoce que es un mapa de bits y su relación con la calidad de imagen.","seo":{"__typename":"SEONode","metaTitle":"👾 ¿Qué es un mapa de bits? Conceptos y usos","metaDescription":"Conoce qué es un mapa de bits y para qué sirve. Te explicaremos cuáles son los usos del mapa de bits y cómo trabajarlo en diferentes software. ☝️","alternates":[{"__typename":"RelNode","hrefLang":"es"}]},"rawContent":"¿Sabes qué es un mapa de bits? Si estás cansado de que se distorsionen tus imágenes y buscas subir la calidad de las gráficas en tus trabajos, será necesario que entiendas qué es un mapa de bits en diseño gráfico y cuál es su relación con la calidad de las imágenes. \n\nNo importa si eres un novato del diseño gráfico o tan solo realizas algunas ediciones para las redes de tu emprendimiento, el conce","content":"\u003chtml\u003e\u003chead\u003e\u003c/head\u003e\u003cbody\u003e\u003cp\u003e¿Sabes qué es un mapa de bits? Si estás cansado de que se distorsionen tus imágenes y buscas subir la calidad de las gráficas en tus trabajos, será necesario que entiendas \u003cstrong\u003equé es un mapa de bits en diseño gráfico y cuál es su relación con la calidad de las imágenes\u003c/strong\u003e. \u003c/p\u003e\n\n\u003cp\u003eNo importa si eres un novato del diseño gráfico o tan solo realizas algunas ediciones para las redes de tu emprendimiento, \u003cstrong\u003eel concepto de mapa de bits es básico para que tus imágenes luzcan lo más profesional posible.\u003c/strong\u003e Como seguramente sabes, para generar contenido gráfico de calidad, debes prestar atención a todos los puntos del diseño gráfico en general. \u003c/p\u003e\n\n\u003cp\u003ePor eso, en este blog post descubrirás \u003cstrong\u003epara qué sirven los mapas de bits, la diferencia entre un mapa de bits y una imagen vectorial, en qué caso utilizar cada una y cuáles son las principales características del mapa de bits.\u003c/strong\u003e\u003c/p\u003e\n\n\u003ch2 id=\"definicion-de-mapa-de-bits\" style=\"text-align:justify\"\u003eDefinición de mapa de bits\u003c/h2\u003e\n\n\u003cp\u003eSe conoce como mapa de bits a \u003cstrong\u003eun formato que sirve para representar imágenes de forma digital, en el que las dimensiones están determinadas por la cantidad de píxeles horizontales y verticales que componen a cada imagen\u003c/strong\u003e, y en el que cada pixel tiene asociado un rango de valores de color.\u003c/p\u003e\n\n\u003cp\u003eEntonces, ¿qué es un mapa de bits? Es una\u003cstrong\u003e trama compuesta por una estructura rectangular formada por píxeles o puntos de color que forman una imagen. \u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003eLos mapas de bits pueden ser conocidos de varias formas. Algunas de ellas son:\u003c/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eBitmap.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eRaster image.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eImagen matricial.\u003c/p\u003e\n\t\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003eDe hecho, este concepto es un básico del diseño gráfico, ya que determina cierta forma de entender la composición de una imagen. \u003cstrong\u003eSea cual sea la figura, el mapa de bits es una manera de leer la información de color. \u003c/strong\u003eEn el siguiente ejemplo de mapa de bits puedes identificar fácilmente los colores que componen la imagen.\u003c/p\u003e\n\n\u003cp style=\"text-align:justify\"\u003e\u003cimg alt=\"Ejemplo de mapa de bits\" class=\"lazyload\" data-src=\"https://crehana-blog.imgix.net/media/filer_public/fe/6b/fe6bbd97-afc5-4da4-bc1c-18e1387dd798/mapa-de-bits-ejemplo.png?auto=format\u0026amp;q=50\" style=\"height:317px; width:800px\"/\u003e\u003c/p\u003e\n\n\u003cp style=\"text-align:justify\"\u003e\u003cspan style=\"font-size:11px\"\u003eFuente: Freddy Robert\u003c/span\u003e\u003c/p\u003e\n\n\u003cp style=\"text-align:justify\"\u003e\u003cstrong\u003e\u003cspan style=\"font-size:11pt\"\u003e\u003cspan style=\"font-family:Arial\"\u003e\u003cspan style=\"color:#000000\"\u003eNo podemos hablar acerca de las características del mapa de bits sin explicar a qué nos estamos refiriendo, ¿no crees?\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp style=\"text-align:justify\"\u003e\u003cspan style=\"font-size:11pt\"\u003e\u003cspan style=\"font-family:Arial\"\u003e\u003cspan style=\"color:#000000\"\u003ePara entender fácilmente qué es un mapa de bits, recuerda cuando eras niño y te acercabas mucho a la pantalla de los televisores antiguos y podías ver unos pequeños cuadrados de colores que componían la totalidad de la imagen. Estos diminutos cuadros son la mejor manera de entender qué es un mapa de bits.\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003cp style=\"text-align:justify\"\u003e\u003cspan style=\"font-size:11pt\"\u003e\u003cspan style=\"font-family:Arial\"\u003e\u003cspan style=\"color:#000000\"\u003e\u003cstrong\u003eAunque no lo creas, te encuentras con imágenes de mapa de bits todos los días sin darte cuenta\u003c/strong\u003e. De hecho, está a tu alrededor porque se usa en tantos diseños visuales que difícilmente puedes evitarlo.\u003c/span\u003e\u003c/span\u003e\u003c/span\u003e\u003c/p\u003e\n\n\u003ch2 id=\"cuales-son-las-caracteristicas-de-un-mapa-de-bits\" style=\"text-align:justify\"\u003e¿Cuáles son las características de un mapa de bits?\u003c/h2\u003e\n\n\u003cp\u003eLos mapas de bits son estructuras de datos, \u003cstrong\u003ecapaces de ser visualizados mediante equipos de representación\u003c/strong\u003e (como un monitor, por ejemplo). Sin embargo, ¿sabes realmente por qué son tan apreciados por los diseñadores gráficos?\u003c/p\u003e\n\n\u003cp\u003eLa respuesta a esta pregunta la entenderás con las características de los mapas de bits. Veamos más acerca de estos elementos que le dan valor real a este concepto.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e1. Compuesto por píxeles\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eLa principal característica de un mapa de bits es su composición mediante \u003cstrong\u003epíxeles o cuadrados mínimos de información de color.\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003eA diferencia de una imagen vectorizada, en un mapa de bits cada punto de color que se representa en la imagen debe contar con la correspondiente información del color. He ahí la importancia de saber qué es un mapa de bits y cómo diferenciarlo de otros formatos.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e2. Diversos usos \u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eEl uso más popular del mapa de bits o raster es en las imágenes de fotografía o el arte plano. Por lo general, puedes utilizar los mapas de bits \u003cstrong\u003ecuando quieres trabajar fotografías con mucho detalle o alguna imagen escaneada.\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003ePara la obtención de las imágenes, se necesita el uso de dispositivos que admitan la conversión de análogico a digital. Como es el caso de las cámaras digitales o los escáneres.\u003c/p\u003e\n\n\u003cp\u003eEn efecto, esta es una de las principales diferencias entre los mapas de bits y las imágenes vectoriales. Estas últimas son usadas principalmente para trabajar ilustraciones, logotipos o algún elemento para web.\u003c/p\u003e\n\n\u003cp\u003e¡Pero no nos adelantemos! Ya hablaremos más adelante de las imágenes vectoriales.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e3. Relación dimensión/calidad\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eOtro aspecto que verás a lo largo de este artículo sobre las características de los mapas de bits es la relación que existe entre la dimensión y la calidad en las imágenes de este tipo.\u003c/p\u003e\n\n\u003cp\u003eSi modificas o alteras la dimensión de una imagen, es muy probable que obtengas una pérdida significativa en la calidad del trabajo, por lo que \u003cstrong\u003edebes estar atento al momento de modificar una imagen de mapa de bits.\u003c/strong\u003e Esta es una de las desventajas principales de esta clase de imágenes de mapas de bits.\u003c/p\u003e\n\n\u003cdiv id=\"get-lead-blog\"\u003e \u003c/div\u003e\n\n\u003ch2 id=\"para-que-sirve-un-mapa-de-bits\" style=\"text-align:justify\"\u003e¿Para qué sirve un mapa de bits?\u003c/h2\u003e\n\n\u003cp\u003eComo te mencionamos anteriormente, los \u003cstrong\u003eproyectos más comunes para trabajar con un mapa de bits son las fotografías.\u003c/strong\u003e Generalmente, esta es la forma en la que se traspasa la información del mundo analógico al digital. Cuando se toma una foto con un smartphone o una cámara profesional, la imagen se registra en datos de píxel y al cargarse en línea se leen como imágenes en formato raster.\u003c/p\u003e\n\n\u003cp\u003eLos principales software para editar estos archivos son el paquete Adobe y Corel Draw. Al momento de aprender qué es mapa de bits debes tener en cuenta que \u003cstrong\u003eexisten varias maneras de diseñar sobre mapas de bits\u003c/strong\u003e y, para elegir la forma más adecuada, debes enfocarte en el producto final que quieres lograr.\u003cspan style=\"font-size:11pt\"\u003e\u003cspan style=\"font-family:Nunito,sans-serif\"\u003e\u003cspan style=\"color:#000000\"\u003e \u003c/span\u003e\u003c/span\u003e\u003c/span\u003eMás adelante te contaremos cómo trabajar en estas plataformas.\u003c/p\u003e\n\n\u003cp\u003eEso sí, el uso de los mapas de bits no se resume a imágenes y videos únicamente. ¿Nos creerías si te dijéramos que fueron un pilar en la naciente industria de los videojuegos? ¡Así como lo lees!\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eRelación entre el pixel art y el mapa de bits\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eCuando comenzaron a desarrollarse los primeros videojuegos, es decir, antes de la aparición del 3D, los videojuegos estaban compuestos por mapas de bits, \u003cstrong\u003ediseñados píxel a píxel por artistas especializados\u003c/strong\u003e. Esto es lo que se conoce como Pixel Art, un tipo de arte que ha marcado un hito en la historia de los mapas de bits.\u003c/p\u003e\n\n\u003cp\u003eCon este método de \u003ca href=\"https://www.crehana.com/blog/diseno-grafico/pixel-art-videojuegos/\" rel=\"nofollow\" target=\"_blank\"\u003epixel art en los videojuegos\u003c/a\u003e comenzaron a trascender personajes que, en la actualidad, son íconos de los videojuegos más populares (Mario o Donkey Kong son claros ejemplos).\u003c/p\u003e\n\n\u003cp style=\"text-align:justify\"\u003e\u003cimg alt=\"mapa de bits videojuegos\" class=\"lazyload\" data-src=\"https://crehana-blog.imgix.net/media/filer_public/a7/5e/a75e87c6-3028-4105-9abf-88255a552da1/pixel-art-videojuegos.jpg?auto=format\u0026amp;q=50\" style=\"height:535px; width:800px\"/\u003e\u003c/p\u003e\n\n\u003cp style=\"text-align:justify\"\u003e\u003cspan style=\"font-size:11px\"\u003eFuente: Pinterest\u003c/span\u003e\u003c/p\u003e\n\n\u003ch2 id=\"ventajas-de-trabajar-con-un-mapa-de-bits\" style=\"text-align:justify\"\u003eVentajas de trabajar con un mapa de bits\u003c/h2\u003e\n\n\u003cp\u003eEn el diseño gráfico también es posible utilizar un mapa de bits como base o parte de un proyecto, de hecho, el mapa de bits ofrece una serie de ventajas muy amplia para quienes deciden trabajar con él.\u003c/p\u003e\n\n\u003cp\u003eEn este apartado te queremos comentar cuáles son algunos de los puntos que tiene a favor este formato, de manera que puedas entender por qué se utiliza de una forma tan extendida en el mundo, tanto para el diseño gráfico como para cualquier otro tipo de propósito.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eOfrece resultados más realistas\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eLa principal ventaja del mapa de bits es que permite representar la realidad de una forma muy precisa, por esa razón es que se utilizan en la fotografía. Los mapas de bits se componen a partir de píxeles, y según la cantidad de píxeles que tenga una imágen, su representación de la realidad puede ser más o menos precisa.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eLas personas que utilizan este formato suelen obtener resultados más realistas, sobre todo cuando se trata de formatos de alta calidad como el formato RAW\u003c/strong\u003e.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eSon fáciles de editar y de compartir\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eOtro punto a favor del mapa de bits es que los archivos en este formato se pueden editar y compartir sin muchas complicaciones. Por ejemplo, puedes abrir un archivo JPEG en aplicaciones como Paint y modificar su tamaño, agregarle elementos de color y otras cosas, sin necesidad de ser diseñador gráfico.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eEsto no sucede con los archivos vectoriales, ya que se necesita de programas especializados para poder editarlos\u003c/strong\u003e. Igualmente sucede al momento de compartirlos, es mucho más sencillo compartir, porque los mapas de bits se suelen compartir en formatos de uso más extendido que los vectores.\u003c/p\u003e\n\n\u003ch2 id=\"cuales-son-las-desventajas-de-una-imagen-de-mapa-de-bits\" style=\"text-align:justify\"\u003e¿Cuáles son las desventajas de una imagen de mapa de bits?\u003c/h2\u003e\n\n\u003cp\u003eAhora conoces las características de un mapa de bits, sin embargo, es importante que sepas que trabajar con este tipo de archivos también tiene sus puntos en contra. Desde la pixelación de las imágenes hasta la necesidad de comprimir los archivos para poder trabajar con comodidad.\u003c/p\u003e\n\n\u003cp\u003eComo no todo lo que brilla es oro, será indispensable que también conozcas las desventajas de los mapas de bits. ¡Veamos cuáles son!\u003c/p\u003e\n\n\u003ch3 style=\"text-align:justify\"\u003e\u003cstrong\u003e1. Las imágenes de alta calidad generan archivos muy pesados\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eLos mapas de bits se almacenan teniendo en cuenta la información de cada bit, y uno de sus formatos de mayor calidad es el formato RAW, que regularmente sirve para guardar las imágenes que se producen con las cámaras fotográficas. \u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eEl problema está en que los archivos RAW suelen ser muy pesados y, por lo tanto, trabajar con ellos puede ser más complejo\u003c/strong\u003e. Para trabajar con las imágenes en mapas de bits se suelen hacer diferentes tipos de compresión, sin embargo, eso impacta en la calidad de las imágenes e inevitablemente conlleva a la pérdida de cierto grado de información.\u003c/p\u003e\n\n\u003cp\u003eLas técnicas de compresión de mapas de bits más populares son:\u003c/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003eRLE (Run-lenght encondig): es uno de los formatos en los que los mapas de bits pierden menor información, pero la reducción de peso es moderada.\u003c/li\u003e\n\t\u003cli\u003eJPEG: es uno de los formatos en los que los mapas de bits pierden mayor información, pero la reducción de tamaño es muy alta.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003e\u003cstrong\u003eA pesar de la compresión de las imágenes y de la pérdida de información en los mapas de bits, las imágenes en JPEG son las que más se utilizan en la cotidianidad\u003c/strong\u003e. Incluso pueden llegar a servir para algunos proyectos de diseño gráfico, todo depende de su tamaño en píxeles y del nivel de compresión.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e2. Pixelación\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eEl segundo problema, como te mencionamos en el punto anterior, es la pixelación. Aquí es donde\u003cstrong\u003e la imagen se vuelve visible como cuadrados de colores individuales\u003c/strong\u003e en lugar de una imagen suave y nítida. \u003c/p\u003e\n\n\u003cp\u003eAl momento de aprender qué es un mapa de bits, ten en cuenta que debes evitar que una imagen se vuelva borrosa y poca atractiva, ya que se vería mal en un diseño que de otro modo sería elegante.\u003c/p\u003e\n\n\u003cp\u003eRegularmente, las imágenes en mapa de bits se suelen imprimir en el mismo tamaño en el que se crearon, porque cualquier modificación altera la comprensión de la imagen, es decir, la pixela y le reduce legibilidad.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"mapa de bits ejemplo\" class=\"lazyload\" data-src=\"https://crehana-blog.imgix.net/media/filer_public/36/b2/36b245db-dcfb-4bb0-9023-4bcade846395/bitmap-example.jpg?auto=format\u0026amp;q=50\" style=\"height:564px; width:800px\"/\u003e \u003c/p\u003e\n\n\u003cp\u003e\u003cspan style=\"font-size:11px\"\u003eFuente: Medium\u003c/span\u003e\u003c/p\u003e\n\n\u003ch2 id=\"que-es-la-resolucion-de-una-imagen-de-mapa-de-bits\"\u003e¿Qué es la resolución de una imagen de mapa de bits? \u003c/h2\u003e\n\n\u003cp\u003eAhora que ya sabes qué es un mapa de bits y cómo funciona a grandes rasgos, veamos con mayor detalle qué es la resolución en una imagen de mapa de bits. Básicamente, la resolución en un mapa de bits depende de su altura, el ancho de píxeles y la profundidad del color. \u003c/p\u003e\n\n\u003cp\u003eEstas cuestiones son las que establecen el número de colores diferentes que se pueden almacenar en cada punto y, por tanto, también determinará la calidad del color de la imagen. En otras palabras, la cantidad de bits que entran en un píxel determinan la profundidad de color de la imagen.\u003c/p\u003e\n\n\u003cp\u003e¿A qué nos referimos con este último concepto? \u003cstrong\u003eLa profundidad de color o profundidad de bits (bpp), influye en la cantidad de colores disponibles que puede tomar una imagen de mapa de bits. Mientras más bits de información por píxel, más colores disponibles y una representación más precisa en una imagen, lo que afecta al tamaño de la misma\u003c/strong\u003e. \u003c/p\u003e\n\n\u003cp\u003ePara complementar lo anterior, \u003ca href=\"https://docs.microsoft.com/es-es/dotnet/desktop/winforms/advanced/types-of-bitmaps?view=netframeworkdesktop-4.8\" rel=\"nofollow\" target=\"_blank\"\u003eMicrosoft\u003c/a\u003e menciona que un mapa de bits especifica el color de cada píxel en una matriz rectangular de píxeles, y que el número de bits asignados a un píxel determina la cantidad de colores que podrá almacenar.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"Computadora de alta resolución para diseño gráfico\" class=\"lazyload\" data-src=\"https://crehana-blog.imgix.net/media/filer_public/c2/04/c204debc-8bd1-4efe-a4e0-5b6af79000a7/disenadora-grafica-mapa-bits.jpg?auto=format\u0026amp;q=50\"/\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003cspan style=\"font-size:11px\"\u003eFuente: Unsplash\u003c/span\u003e\u003c/p\u003e\n\n\u003ch3 style=\"text-align:justify\"\u003e\u003cstrong\u003eLa importancia de la profundidad de color en la calidad de una imagen en mapa de bits\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eEn pocas palabras, el tamaño de la imagen en mapa de bits y la calidad de imagen depende de la profundidad de color, debido a que se almacena más cantidad de información de color en un píxel. Veamos las maneras en que la profundidad de color es determinada por los píxeles de acuerdo al sistema binario de numeración:\u003c/p\u003e\n\n\u003cul\u003e\n\t\u003cli style=\"text-align:justify\"\u003e\n\t\u003cp\u003e1 bit de profundidad tiene píxeles con dos valores posibles: blanco y negro. \u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli style=\"text-align:justify\"\u003e\n\t\u003cp\u003e8 bits de profundidad tiene 28, es decir 256 valores de color posibles.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli style=\"text-align:justify\"\u003e\n\t\u003cp\u003e24 bits de profundidad tienen 16.777.216 colores disponibles. \u003c/p\u003e\n\t\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003e\u003cstrong\u003eAdemás de la cantidad de colores disponibles, debes saber que una mayor cantidad de bits genera un efecto más nítido en la imagen, es decir menos \"pixelado\".\u003c/strong\u003e Es por esta razón que una imagen con mayor definición resulta en un archivo más pesado, y mediante procesos de compresión como descargas de páginas web o envío de plataformas como WhatsApp, las imágenes en mapas de bits reducen su peso para llegar a su destino y, al mismo tiempo, pierden información.\u003c/p\u003e\n\n\u003cp\u003e¿La alternativa para enviar estos archivos y no perder la calidad de la imagen? Vectorizar estas imágenes en algún software de diseño gráfico. Al final de este artículo te contamos cómo. Sigue leyendo para entender más a fondo qué es mapa de bits y qué necesitas para tu próximo proyecto de diseño gráfico.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"resolución de una imagen de mapa de bits\" class=\"lazyload\" data-src=\"https://crehana-blog.imgix.net/media/filer_public/df/5d/df5d5bb0-49fb-4fb4-9fb9-952bb22c52a5/profundidad-color-mapa-bits.jpeg?auto=format\u0026amp;q=50\" style=\"height:540px; width:800px\"/\u003e\u003c/p\u003e\n\n\u003cp\u003eFuente: Foto Nostra\u003c/p\u003e\n\n\u003ch2 id=\"cuales-son-los-formatos-de-archivo-para-guardar-mapas-de-bits\"\u003e¿Cuáles son los formatos de archivo para guardar mapas de bits?\u003c/h2\u003e\n\n\u003cp\u003eLos mapas de bits pueden ser almacenados en varios formatos de archivo de gráficos. Seguramente ya conoces algunos de ellos.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eEl formato de archivo que escojas para contener una imagen de mapa de bits dependerá únicamente de tus necesidades\u003c/strong\u003e. Por lo tanto, elige la extensión más conveniente en función de lo que quieras hacer, ya sea editar o imprimir una fotografía.\u003c/p\u003e\n\n\u003cp\u003eAlgunos de los formatos de imágenes son: .JPEG (Joint Photographics Experts Group), .TIFF (Tagged Image File Format) o .BMP (Window Bitmap).\u003c/p\u003e\n\n\u003cp\u003eVeamos más al respecto sobre cada uno de estos formatos de archivos para mapas de bits.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e1. .JPG\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eManipular mapas de bits en formato JPG es lo más utilizado en el diseño web, ya que \u003cstrong\u003emantiene relativamente la calidad de imagen y permite su comprensión para ser almacenada y compartida a través de Internet.\u003c/strong\u003e\u003c/p\u003e\n\n\u003cp\u003eEste es un factor a tener en cuenta con los mapas de bits: siempre que estés pensando en agregar una imagen en una página web debes considerar el peso de la misma, por lo que sería buena idea utilizar formatos de compresión.\u003c/p\u003e\n\n\u003cp\u003eY aparte de la compresión, ¿qué implica usar el formato JPG para los mapas de bits? A continuación, te lo detallamos:\u003c/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eEs recomendable para las imágenes de tono continuo.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eNo admite transparencia.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eEn caso de que no sea para una página web y estés usando un formato para imprimir, también es una buena opción.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eNo suele usarse en la fotografía profesional.\u003c/p\u003e\n\t\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e2. .TIFF\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003ePor otro lado, puedes encontrar los mapas de bits en formato .TIFF, principalmente para trabajar sobre imágenes en las que buscas evitar pérdidas en la propiedad de color y conservar todos los detalles disponibles. \u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eEstos archivos son preservados de esta forma porque las imágenes no llevan compresión, lo que es ideal si quieres fotografías de mapas de bits para archivos que imprimirás\u003c/strong\u003e.\u003c/p\u003e\n\n\u003cp\u003eAdemás del detalle de la preservación, los archivos .TIFF se caracterizan por:\u003c/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eSer archivos pesados.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eSon admitidos por la gran mayoría de programas.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eSuelen ser la opción de mejor calidad para las impresiones.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003ePermite transparencia.\u003c/p\u003e\n\t\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e3. .PSD\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eEn cuanto a trabajos de puro diseño gráfico, .PSD es un formato de trama de Photoshop que admite todos los atributos de un archivo de este programa, como capas, objetos inteligentes, efectos y tipografía.\u003c/p\u003e\n\n\u003cp\u003eDe hecho, es ideal para guardar una imagen de mapa de bits. Según Fabian Moncada, profesor del \u003ca href=\"https://www.crehana.com/cursos-online-diseno-grafico/adobe-photoshop-cc-desde-cero-experto-en-diseno-grafico/\" rel=\"nofollow\" target=\"_blank\"\u003ecurso online de Adobe Photoshop CC desde cero: experto en diseño gráfico\u003c/a\u003e, con este programa y sus diversos formatos puedes realizar trabajos de alta calidad y profesionalismo sin perder ningún detalle, que incluso puedes añadir en tu portafolio de diseño gráfico.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eVeamos algunas características de este formato de almacenamiento:\u003c/strong\u003e\u003c/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003e\n\t\u003cp\u003ePueden ser importados desde otros programas de Adobe.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003ePermite canales alfa (lo que vendría a ser la transparencia).\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eMantiene las capas, las selecciones o los trazados.\u003c/p\u003e\n\t\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003e\u003cimg alt=\"Persona trabajando en Adobe Photoshop\" class=\"lazyload\" data-src=\"https://crehana-blog.imgix.net/media/filer_public/cb/ce/cbce19e9-0e96-49d5-918f-5f1feb7980b5/mapa-bits-diseno-grafico.jpg?auto=format\u0026amp;q=50\"/\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003cspan style=\"font-size:11px\"\u003eFuente: Unsplash\u003c/span\u003e\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e4. .GIF\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eUno de los formatos de mapas de bits más conocidos son los .GIF (Graphic Interchange Format), que ya forma parte del mundo de cualquier usuario de internet, gracias a sus archivos con poco peso y su uso en las animaciones. \u003c/p\u003e\n\n\u003cp\u003eVeamos más características de esta extensión:\u003c/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eDisminuye el número de colores.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003ePermite transparencia, aunque de muy baja calidad.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eEs recomendable para imágenes de colores planos.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eSon archivos con poco peso.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eModo de color indexado.\u003c/p\u003e\n\t\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003ch3\u003e\u003cstrong\u003e5. .PNG\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eOtro de los formatos más conocidos es el .PNG (Portable Network Graphics).\u003cstrong\u003e Los archivos de mapas de bits que utilizan esta extensión por lo general son utilizados en composiciones digitales o páginas web\u003c/strong\u003e.\u003c/p\u003e\n\n\u003cp\u003e¿Quieres saber más acerca de los .PNG? Conozcamos más al respecto.\u003c/p\u003e\n\n\u003cul\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eSon archivos con una buena relación de compresión.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003ePerfectas para las transparencias (8 y 24 bits).\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eTienen muy poco peso.\u003c/p\u003e\n\t\u003c/li\u003e\n\t\u003cli\u003e\n\t\u003cp\u003eSon ideales para imágenes con un tono continuo.\u003c/p\u003e\n\t\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003e \u003c/p\u003e\n\n\u003ch2 id=\"cual-es-la-diferencia-entre-mapa-de-bits-y-vectores\" style=\"text-align:justify\"\u003e¿Cuál es la diferencia entre mapa de bits y vectores?\u003c/h2\u003e\n\n\u003cp\u003eUna de las grandes diferencias entre los gráficos vectoriales y los mapas de bits es que cuando amplías con la herramienta de zoom los mapas de bits pueden verse en mayor o menor medida los píxeles que los integran y determinan su profundidad de color. Veamos cómo funciona este proceso con la siguiente imagen:\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003ePor otro lado, a las imágenes vectoriales puedes realizarle todo el zoom que se te ocurra y nunca encontrarás estos “cuadraditos de información”, ya que se componen de otra manera. Este formato resulta ideal para trabajar diseños como logotipos e íconos\u003c/strong\u003e.\u003c/p\u003e\n\n\u003cp\u003ePartiendo de este punto, puedes entender qué es un mapa de bits y cómo se diferencia de un \u003ca href=\"https://www.crehana.com/blog/diseno-grafico/vector-diseno/\" rel=\"nofollow\" target=\"_blank\"\u003evector en diseño\u003c/a\u003e gráfico. De acuerdo al blog de Adobe, los gráficos vectoriales están compuestos por fórmulas matemáticas, por lo que permiten hacer obras de arte y diseños funcionales que pueden escalarse a cualquier tamaño. Mientras que los mapas de bits o imágenes rasterizadas se crean con píxeles coloreados basados en un valor cromático.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"Diseñador gráfico trabaja con mapa de bits\" class=\"lazyload\" data-src=\"https://crehana-blog.imgix.net/media/filer_public/ac/94/ac94d779-5c48-4654-8c27-2cb665ed0421/disenador-grafico-mapa-bits.jpg?auto=format\u0026amp;q=50\"/\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003cspan style=\"font-size:11px\"\u003eFuente: Unsplash\u003c/span\u003e\u003c/p\u003e\n\n\u003cp\u003eDebido a que están compuestos por figuras geométricas, los gráficos vectoriales son la mejor alternativa cuando trabajas con imágenes que pueden variar de tamaño y que necesitas usar para diferentes propósitos.\u003c/p\u003e\n\n\u003cp\u003eA diferencia del mapa de bits, los archivos de imagen vectorial se suelen almacenar en el formato .svg que admite un gran espectro de interactividad con el proyecto e incluso, la posibilidad de crear una animación a partir de una figura estática. Además, te aporta imágenes sumamente nítidas.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eUn detalle para analizar cuando trabajes con mapas de bits es que no se puede modificar su dimensión sin perder calidad en la imagen.\u003c/strong\u003e Esta es la principal desventaja del mapa de bits. Lo que sí puedes hacer es transformar este archivo en un gráfico vectorial ¿Cómo se hace? Vamos a verlo juntos.\u003c/p\u003e\n\n\u003cp\u003ePor eso, es vital que conozcas las diferencias entre un \u003ca href=\"https://www.crehana.com/blog/video/mapa-bits-imagenes-vectoriales/\" rel=\"nofollow\" target=\"_blank\"\u003emapa de bits y vectores\u003c/a\u003e, y en qué situaciones se utiliza cada formato. Lo primero que debes saber es que mientras las imágenes raster están compuestas por píxeles, las imágenes vectoriales están estructuradas por curvas y formas geométricas.\u003c/p\u003e\n\n\u003ch2 id=\"cuando-usar-los-mapas-de-bits-en-tus-disenos\" style=\"text-align:justify\"\u003e¿Cuándo usar los mapas de bits en tus diseños?\u003c/h2\u003e\n\n\u003cp\u003eYa te comentamos que el mapa de bits es un buen formato para trabajar con ciertos tipos de diseño gráfico, sobre todo, porque almacenan una gran cantidad de colores y te permiten ser creativo con tus trabajos. Hay infinidades de trabajos en los que se mezclan elementos de la realidad con el diseño gráfico para conseguir resultados increíbles.\u003c/p\u003e\n\n\u003cp\u003eDe igual manera, \u003cstrong\u003eaprender a trabajar con mapas de bits te puede ser muy útil si quieres hacer trabajos para fotógrafos\u003c/strong\u003e, por ejemplo. Por eso, te queremos dar una serie de recomendaciones que te permitirán saber cuándo usar una imagen en mapa de bits en cualquiera de tus proyectos de diseño.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eCuando trabajas con fotografías\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eSi quieres hacer un diseño en el que se incluyan fotografías, no puedes usar programas como Adobe Illustrator, ya que el tipo de ediciones que puedes realizar en una fotografía requiere de un mapa de bits.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eLo ideal es trabajar con Adobe Photoshop, ya que con este programa puedes editar los píxeles de la fotografía e incorporar los elementos gráficos que tú consideres necesario\u003c/strong\u003e. Las fotografías están compuestas de píxeles, y para editar una parte o conjuntos de información de una foto, necesitas trabajar con mapas de bits.\u003c/p\u003e\n\n\u003cp\u003eLo mejor de todo, es que en una fotografía puedes editar pixel por pixel la información, incluso puedes realizar fotomontajes y otro tipo de ediciones creativas.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"Uso de mapa de bits en fotografía\" class=\"lazyload\" data-src=\"https://crehana-blog.imgix.net/media/filer_public/6f/23/6f231bba-19de-4faa-b3ef-7c4858a2d9b0/trabajo-fotografia-mapa-bits.jpg?auto=format\u0026amp;q=50\"/\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003cspan style=\"font-size:11px\"\u003eFuente: Unsplash\u003c/span\u003e\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eCuando necesitas más detalles de color\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eHay un tipo de ediciones, en los que se necesitan más detalles de color y ediciones granulares, en ese tipo de proyectos, un mapa de bits es lo índicado. En tareas como cambiar el perfil de color, cambiar el contraste y agregrar sombras, entre otras cosas, los vectores no son nada útiles.\u003c/p\u003e\n\n\u003cp\u003eDe igual manera, la rasterización o el trabajo con mapa de bits se utiliza cuando no se desea un diseño plano, sino que se necesitan imágenes en las que se ven más detalles, y en las que se puedan agregar más efectos.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003eCuando quieres que tus diseños sean más realistas\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003e\u003cstrong\u003eLos resultados de las ediciones con mapa de bits son más naturales\u003c/strong\u003e, por eso, es imprescindible trabajar con ellos cuando se desean resultados más realistas. De igual manera, podemos resaltar que el trabajo con mapa de bits es muy amplio y se suele presentar en una gran cantidad de proyectos.\u003c/p\u003e\n\n\u003cp\u003eLa profundidad de color pixel por pixel le da una riqueza increíble a las imágenes, así que vale la pena utilizar los mapas de bits en un buen número de proyectos.\u003c/p\u003e\n\n\u003ch2 id=\"como-convertir-un-mapa-de-bits-a-imagen-vectorial\"\u003e¿Cómo convertir un mapa de bits a imagen vectorial?\u003c/h2\u003e\n\n\u003cp\u003eSi el objetivo de tu proyecto de diseño gráfico implica aumentar el tamaño de tu imagen, o tal vez convertir algún boceto en el logotipo de tu próximo emprendimiento, será necesario que sepas cómo convertir una imagen en mapa de bits a un vector.\u003c/p\u003e\n\n\u003cp\u003ePara realizar esta transformación de mapa de bits\u003cstrong\u003e necesitas utilizar alguno de los software de diseño más conocidos de la industria\u003c/strong\u003e, la elección depende de tus gustos y costumbres a la hora de trabajar en diseño digital. A continuación, te daremos tres alternativas.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e1. CorelDRAW\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eEsta herramienta te permite transformar una imagen de mapa de bits en vector mediante la función de Vectorización rápida. De hecho, te ofrece dos métodos principales: Vectorización por línea centrada y Vectorización por contorno. La última será la adecuada para trabajar el logotipo de tu negocio.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e2. Adobe Photoshop\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eLa siguiente alternativa para pasar una imagen en mapa de bits a vector es utilizando Photoshop. Esta opción puede ser ideal para ti si estás familiarizado con este software y estás en búsqueda de tu nuevo proyecto de diseño gráfico. Te recomendamos aprender algunos \u003ca href=\"https://www.crehana.com/recursos/herramientas/hacks-de-photoshop/\" rel=\"nofollow\" target=\"_blank\"\u003ehacks de Photoshop\u003c/a\u003e para que tu trabajo sea más sencillo.\u003c/p\u003e\n\n\u003ch3\u003e\u003cstrong\u003e3. Adobe Illustrator\u003c/strong\u003e\u003c/h3\u003e\n\n\u003cp\u003eOtros de los programas pertenecientes a la familia Adobe es Illustrator, con el que también puedes hacer una conversión de una imagen de mapa bits a vectores fácilmente.\u003c/p\u003e\n\n\u003cp\u003ePor ejemplo, \u003cstrong\u003ecuando tienes un gráfico de mapa de bits que es demasiado pequeño para un proyecto de diseño en particular, la solución es transformar la imagen en un vector, y puedes hacerlo en Adobe Illustrator. De hecho, es un proceso bastante rápido y sencillo que produce excelentes resultados\u003c/strong\u003e. \u003c/p\u003e\n\n\u003cp\u003eEso sí, recuerda guardar la imagen en un formato vectorial para preservar su calidad. Hay una variedad de formatos de imágenes vectoriales para elegir: PDF, AI, EPS, SVG y otros más. Sin embargo, te recomendamos usar el formato SVG, que tiene un amplio soporte en todos los programas de diseño.\u003c/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"Persona trabaja con imágenes en mapa de bits\" class=\"lazyload\" data-src=\"https://crehana-blog.imgix.net/media/filer_public/73/2f/732fb402-d96a-4919-a050-d47df00adbe3/persona-trabajando-mapa-bits.jpg?auto=format\u0026amp;q=50\"/\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003cspan style=\"font-size:11px\"\u003eFuente: Unsplash\u003c/span\u003e\u003c/p\u003e\n\n\u003cp\u003ePues bien, los mapas de bits son la mejor opción si quieres trabajar con imágenes relacionadas con la realidad. Sin embargo, debes saber que, al hacer zoom sobre tus imágenes, o quizás al momento de realizar una impresión, es probable que obtengas resultados de baja calidad. \u003c/p\u003e\n\n\u003cp\u003eAunque si eres consciente de las implicaciones de los mapas de bits, tanto lo bueno como lo malo, estamos segurosde que realizarás muy buenos proyectos.\u003c/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eCon esta guía para principiantes estás preparado/a con todo lo que necesitas para trabajar en tus diseños, ya sabes qué es mapa de bits, cuáles son sus usos más populares y cómo convertir este tipo de imágenes a un gráfico vectorial. \u003c/strong\u003e¿Estás listo/a para crear tu próximo diseño digital? Hazlo realidad con nuestros \u003ca href=\"https://www.crehana.com/cursos-online-diseno-grafico/\" rel=\"nofollow\" target=\"_blank\"\u003ecursos online de diseño gráfico\u003c/a\u003e.\u003c/p\u003e\n\n\u003cp\u003e¡Hasta pronto! \u003c/p\u003e\u003c/body\u003e\u003c/html\u003e","author":{"__typename":"BlogAuthor","avatarUrl":"https://crehana-blog.s3.amazonaws.com/media/avatars/perfil-crehana-fernando-machuca.jpg","firstName":"Fernando","lastName":"Machuca"},"image":{"__typename":"ImageNode","url":"https://crehana-blog.imgix.net/media/filer_public/d6/23/d6236199-c894-41e9-a548-2e9e0b2b73b7/que-es-mapa-bits.jpg","placeholder":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAKUlEQVR4nAEeAOH/AVNUXvXm3v8NFAQCAwYI8vL99vsECO7k9+bm5/L23EEROcPavakAAAAASUVORK5CYII="},"read":"7 min.","category":{"__typename":"BlogCategoryNodeV2","name":"Estilo de Vida","slug":"estilo-vida","url":"/blog/estilo-vida/"},"url":{"__typename":"UrlNode","relativeUrl":"/blog/estilo-vida/que-es-mapa-bits/","absoluteUrl":"https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/"},"urlWithoutCountry":{"__typename":"UrlNode","relativeUrl":"/blog/estilo-vida/que-es-mapa-bits/","absoluteUrl":"https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/"},"index":[{"__typename":"IndexNode","title":"Definición de mapa de bits","position":0,"indexId":"definicion-de-mapa-de-bits"},{"__typename":"IndexNode","title":"¿Cuáles son las características de un mapa de bits?","position":1,"indexId":"cuales-son-las-caracteristicas-de-un-mapa-de-bits"},{"__typename":"IndexNode","title":"¿Para qué sirve un mapa de bits?","position":2,"indexId":"para-que-sirve-un-mapa-de-bits"},{"__typename":"IndexNode","title":"Ventajas de trabajar con un mapa de bits","position":3,"indexId":"ventajas-de-trabajar-con-un-mapa-de-bits"},{"__typename":"IndexNode","title":"¿Cuáles son las desventajas de una imagen de mapa de bits?","position":4,"indexId":"cuales-son-las-desventajas-de-una-imagen-de-mapa-de-bits"},{"__typename":"IndexNode","title":"¿Qué es la resolución de una imagen de mapa de bits?","position":5,"indexId":"que-es-la-resolucion-de-una-imagen-de-mapa-de-bits"},{"__typename":"IndexNode","title":"¿Cuáles son los formatos de archivo para guardar mapas de bits?","position":6,"indexId":"cuales-son-los-formatos-de-archivo-para-guardar-mapas-de-bits"},{"__typename":"IndexNode","title":"¿Cuál es la diferencia entre mapa de bits y vectores?","position":7,"indexId":"cual-es-la-diferencia-entre-mapa-de-bits-y-vectores"},{"__typename":"IndexNode","title":"¿Cuándo usar los mapas de bits en tus diseños?","position":8,"indexId":"cuando-usar-los-mapas-de-bits-en-tus-disenos"},{"__typename":"IndexNode","title":"¿Cómo convertir un mapa de bits a imagen vectorial?","position":9,"indexId":"como-convertir-un-mapa-de-bits-a-imagen-vectorial"}],"relatedArticles":[],"modifiedDate":"2022-04-01","keywords":"mapa de bits, imagen vectorial, mapa de bits para que sirve, que es mapa de bits, caracteristicas de mapa de bits","likeCount":2},"category":"estilo-vida","featuredArticles":{"category":"estilo-vida","articles":[{"originalId":271,"slug":"5-tecnicas-para-dibujar-lapiz-como-un-profesional","title":"¡Aprende estas simples técnicas para dibujar a lápiz como un profesional!","description":"Hoy te traemos algunas técnicas de dibujo a lápiz como el cross hatching, el punteado, el circulismo, etc.","image":{"url":"https://crehana-blog.imgix.net/media/filer_public/1f/2a/1f2a569a-52bd-47d4-85a1-64098da75d7d/tecnicas-para-dibujar-a-lapiz.jpg","placeholder":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAKUlEQVR4nAEeAOH/AVNUXvXm3v8NFAQCAwYI8vL99vsECO7k9+bm5/L23EEROcPavakAAAAASUVORK5CYII=","__typename":"ImageNode"},"read":"7 min.","author":{"avatarUrl":"https://crehana-blog.s3.amazonaws.com/media/avatars/Captura_2.jpeg","firstName":"Miguel","lastName":"Mejia","__typename":"BlogAuthor"},"category":{"name":"Estilo de Vida","slug":"estilo-vida","url":"/blog/estilo-vida/","__typename":"BlogCategoryNodeV2"},"publishDate":"2019-03-15","modifiedDate":"2021-08-12","likeCount":27,"url":{"absoluteUrl":"https://www.crehana.com/blog/estilo-vida/5-tecnicas-para-dibujar-lapiz-como-un-profesional/","relativeUrl":"/blog/estilo-vida/5-tecnicas-para-dibujar-lapiz-como-un-profesional/","__typename":"UrlNode"},"__typename":"ArticleNodeV2"},{"originalId":2123,"slug":"que-es-branding","title":"¿Qué es el diseño de branding? La guía para crear marcas memorables","description":"Aprende qué es y cómo hacer un diseño de branding desde cero. Además, conoce cuál es su importancia y los diferentes tipos de branding que existen. 🚀","image":{"url":"https://crehana-blog.imgix.net/media/filer_public/cc/8e/cc8e6891-bc20-46b4-a5c2-f869be26fddd/que-es-branding.png","placeholder":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAKUlEQVR4nAEeAOH/AVNUXvXm3v8NFAQCAwYI8vL99vsECO7k9+bm5/L23EEROcPavakAAAAASUVORK5CYII=","__typename":"ImageNode"},"read":"7 min.","author":{"avatarUrl":"https://crehana-blog.s3.amazonaws.com/media/avatars/WhatsApp_Image_2021-02-02_at_18.16.36.jpeg","firstName":"Josefina","lastName":"Castelan","__typename":"BlogAuthor"},"category":{"name":"Estilo de Vida","slug":"estilo-vida","url":"/blog/estilo-vida/","__typename":"BlogCategoryNodeV2"},"publishDate":"2021-02-23","modifiedDate":"2022-01-04","likeCount":24,"url":{"absoluteUrl":"https://www.crehana.com/blog/estilo-vida/que-es-branding/","relativeUrl":"/blog/estilo-vida/que-es-branding/","__typename":"UrlNode"},"__typename":"ArticleNodeV2"},{"originalId":651,"slug":"pinceles-para-paint-tool-sai","title":"Los mejores pinceles para Paint Tool SAI que harán tus ilustraciones alucinantes","description":"¿Cómo configurar y crear pinceles en Paint Tool SAI? En esta nota te contamos todo lo que necesitas saber para personalizarlos.","image":{"url":"https://crehana-blog.imgix.net/media/filer_public/19/30/193033f9-f3c4-4af5-b34f-4cdd6218e92f/pinceles-para-paint-tool-sai.jpg","placeholder":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAKUlEQVR4nAEeAOH/AVNUXvXm3v8NFAQCAwYI8vL99vsECO7k9+bm5/L23EEROcPavakAAAAASUVORK5CYII=","__typename":"ImageNode"},"read":"7 min.","author":{"avatarUrl":"https://crehana-blog.s3.amazonaws.com/media/avatars/BEAH_Foto_de_perfil.jpeg","firstName":"Lorena","lastName":"Paez","__typename":"BlogAuthor"},"category":{"name":"Estilo de Vida","slug":"estilo-vida","url":"/blog/estilo-vida/","__typename":"BlogCategoryNodeV2"},"publishDate":"2020-07-17","modifiedDate":"2021-11-06","likeCount":21,"url":{"absoluteUrl":"https://www.crehana.com/blog/estilo-vida/pinceles-para-paint-tool-sai/","relativeUrl":"/blog/estilo-vida/pinceles-para-paint-tool-sai/","__typename":"UrlNode"},"__typename":"ArticleNodeV2"},{"originalId":2620,"slug":"mejores-ejercicios-perspectiva-arte","title":"Conoce los mejores ejercicios de perspectiva para ser un pro del dibujo","description":"A continuación, te dejamos ejercicios de perspectiva que debes practicar y así encaminarte a ser un pro del dibujo.","image":{"url":"https://crehana-blog.imgix.net/media/filer_public/71/0b/710b0940-393c-4461-b1a0-e505a7153f49/ejercicios-perspectiva.jpg","placeholder":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAKUlEQVR4nAEeAOH/AVNUXvXm3v8NFAQCAwYI8vL99vsECO7k9+bm5/L23EEROcPavakAAAAASUVORK5CYII=","__typename":"ImageNode"},"read":"7 min.","author":{"avatarUrl":"https://crehana-blog.s3.amazonaws.com/media/avatars/Mlac.jpg","firstName":"María Luisa","lastName":"Arriola","__typename":"BlogAuthor"},"category":{"name":"Estilo de Vida","slug":"estilo-vida","url":"/blog/estilo-vida/","__typename":"BlogCategoryNodeV2"},"publishDate":"2021-03-16","modifiedDate":"2021-03-16","likeCount":20,"url":{"absoluteUrl":"https://www.crehana.com/blog/estilo-vida/mejores-ejercicios-perspectiva-arte/","relativeUrl":"/blog/estilo-vida/mejores-ejercicios-perspectiva-arte/","__typename":"UrlNode"},"__typename":"ArticleNodeV2"},{"originalId":189,"slug":"cuales-son-los-basicos-de-la-fotografia","title":"¿Cuáles son los básicos de la fotografía?","description":"Aquí te decimos los básicos de cómo usar tu cámara para que puedas atrapar todas las experiencias y seas una leyenda en la Fotografía.","image":{"url":"https://crehana-blog.imgix.net/media/filer_public/89/d1/89d1f19a-bcf7-4ab5-9024-2f1cc92a521e/promo_foto.jpg","placeholder":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAKUlEQVR4nAEeAOH/AVNUXvXm3v8NFAQCAwYI8vL99vsECO7k9+bm5/L23EEROcPavakAAAAASUVORK5CYII=","__typename":"ImageNode"},"read":"Léelo en 5 min.","author":{"avatarUrl":"https://crehana-blog.s3.amazonaws.com/media/avatars/Jorge.jpg","firstName":"Jorge","lastName":"Nava","__typename":"BlogAuthor"},"category":{"name":"Estilo de Vida","slug":"estilo-vida","url":"/blog/estilo-vida/","__typename":"BlogCategoryNodeV2"},"publishDate":"2018-11-26","modifiedDate":"2018-11-26","likeCount":20,"url":{"absoluteUrl":"https://www.crehana.com/blog/estilo-vida/cuales-son-los-basicos-de-la-fotografia/","relativeUrl":"/blog/estilo-vida/cuales-son-los-basicos-de-la-fotografia/","__typename":"UrlNode"},"__typename":"ArticleNodeV2"},{"originalId":1148,"slug":"como-empezar-una-marca-ropa","title":"¿Cómo empezar una marca de ropa?: Haz realidad tu sueño de emprender","description":"Saber cómo empezar tu propia marca de ropa puede ser un desafío complicado. Pero si tienes en cuenta estos consejos, podrás crear una marca de ropa desde cero y hacer de tu ideal de emprendimiento una realidad.","image":{"url":"https://crehana-blog.imgix.net/media/filer_public/1f/af/1faf9048-189d-48e0-b404-e4adc34fa6ad/como-empezar-marca-ropa.jpg","placeholder":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAKUlEQVR4nAEeAOH/AVNUXvXm3v8NFAQCAwYI8vL99vsECO7k9+bm5/L23EEROcPavakAAAAASUVORK5CYII=","__typename":"ImageNode"},"read":"7 min.","author":{"avatarUrl":"https://crehana-blog.s3.amazonaws.com/media/avatars/Juliana_Fantino.jpg","firstName":"Juliana","lastName":"Fantino","__typename":"BlogAuthor"},"category":{"name":"Estilo de Vida","slug":"estilo-vida","url":"/blog/estilo-vida/","__typename":"BlogCategoryNodeV2"},"publishDate":"2020-08-21","modifiedDate":"2021-11-17","likeCount":19,"url":{"absoluteUrl":"https://www.crehana.com/blog/estilo-vida/como-empezar-una-marca-ropa/","relativeUrl":"/blog/estilo-vida/como-empezar-una-marca-ropa/","__typename":"UrlNode"},"__typename":"ArticleNodeV2"},{"originalId":974,"slug":"fotografia-de-stock","title":"Fotografía de Stock: ¿cómo vender mis fotos en Shutterstock?","description":"En esta nota, te contamos lo que necesitas saber para empezar. Comenzando por lo que es fotografía de stock, qué equipo fotográfico necesitas para producir fotos de stock, dónde vender fotos en internet y, por supuesto, cómo ganar dinero con la fotografía de stock.","image":{"url":"https://crehana-blog.imgix.net/media/filer_public/c7/55/c755a346-7117-4896-9f98-14afe7b8cf84/blog_3.png","placeholder":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAKUlEQVR4nAEeAOH/AVNUXvXm3v8NFAQCAwYI8vL99vsECO7k9+bm5/L23EEROcPavakAAAAASUVORK5CYII=","__typename":"ImageNode"},"read":"7 min.","author":{"avatarUrl":"https://crehana-blog.s3.amazonaws.com/media/avatars/foto3.jpg","firstName":"Hugo","lastName":"Rodríguez","__typename":"BlogAuthor"},"category":{"name":"Estilo de Vida","slug":"estilo-vida","url":"/blog/estilo-vida/","__typename":"BlogCategoryNodeV2"},"publishDate":"2020-06-26","modifiedDate":"2022-02-05","likeCount":17,"url":{"absoluteUrl":"https://www.crehana.com/blog/estilo-vida/fotografia-de-stock/","relativeUrl":"/blog/estilo-vida/fotografia-de-stock/","__typename":"UrlNode"},"__typename":"ArticleNodeV2"},{"originalId":3547,"slug":"que-es-guion-literario","title":"¿Qué es un guion literario? Aprende cómo cautivar al público con una historia impresionante","description":"Descubre qué es un guion literario, cuáles son sus características y cómo crear un guion literario para que tus historias sean las mejores.","image":{"url":"https://crehana-blog.imgix.net/media/filer_public/00/bc/00bc2fa3-ee30-44af-b7df-3b520395543f/que-es-un-guion-literario-2021.jpg","placeholder":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAKUlEQVR4nAEeAOH/AVNUXvXm3v8NFAQCAwYI8vL99vsECO7k9+bm5/L23EEROcPavakAAAAASUVORK5CYII=","__typename":"ImageNode"},"read":"7 min.","author":{"avatarUrl":"https://crehana-blog.s3.amazonaws.com/media/avatars/copia_3.jpg","firstName":"Andrea","lastName":"Flores","__typename":"BlogAuthor"},"category":{"name":"Estilo de Vida","slug":"estilo-vida","url":"/blog/estilo-vida/","__typename":"BlogCategoryNodeV2"},"publishDate":"2021-05-11","modifiedDate":"2022-01-08","likeCount":17,"url":{"absoluteUrl":"https://www.crehana.com/blog/estilo-vida/que-es-guion-literario/","relativeUrl":"/blog/estilo-vida/que-es-guion-literario/","__typename":"UrlNode"},"__typename":"ArticleNodeV2"},{"originalId":2830,"slug":"carreras-tengan-dibujo","title":"10 mejores carreras que tengan que ver con dibujo para empezar armar tu portafolio","description":"🎨 ¿Te gusta dibujar y quieres aplicar tus habilidades en la vida? Aquí las 10 mejores carreras de dibujo y carreras relacionadas con el arte 2022.","image":{"url":"https://crehana-blog.imgix.net/media/filer_public/2f/97/2f9764bd-0bb6-4dd7-ae51-de8e1fbf0ecd/carreras-tengan-dibujo.jpg","placeholder":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAIAAADZSiLoAAAAKUlEQVR4nAEeAOH/AVNUXvXm3v8NFAQCAwYI8vL99vsECO7k9+bm5/L23EEROcPavakAAAAASUVORK5CYII=","__typename":"ImageNode"},"read":"7 min.","author":{"avatarUrl":"https://crehana-blog.s3.amazonaws.com/media/avatars/Eduardo_Hans_comprimida.jpg","firstName":"Hans","lastName":"Baumann","__typename":"BlogAuthor"},"category":{"name":"Estilo de Vida","slug":"estilo-vida","url":"/blog/estilo-vida/","__typename":"BlogCategoryNodeV2"},"publishDate":"2021-03-25","modifiedDate":"2021-10-29","likeCount":17,"url":{"absoluteUrl":"https://www.crehana.com/blog/estilo-vida/carreras-tengan-dibujo/","relativeUrl":"/blog/estilo-vida/carreras-tengan-dibujo/","__typename":"UrlNode"},"__typename":"ArticleNodeV2"}],"__typename":"FeatureArticlesNode"},"structuredData":{"breadcrumbList":{"@context":"http://schema.org","@type":"BreadcrumbList","name":"El blog de la comunidad creativa y digital","numberOfItems":4,"itemListOrder":"ItemListOrderDescending","mainEntityOfPage":{"@type":"WebPage","@id":"www.crehana.com/blog/","name":"Crehana BLOG"},"itemListElement":[{"@type":"ListItem","position":1,"item":{"name":"home","@id":"www.crehana.com/"}},{"@type":"ListItem","position":2,"item":{"name":"blog","@id":"www.crehana.com/blog/"}},{"@type":"ListItem","position":3,"item":{"name":"Estilo de Vida","@id":"www.crehana.com/estilo-vida/"}},{"@type":"ListItem","position":4,"item":{"name":"Aprende qué es un mapa de bits y haz que tus trabajos resalten por su calidad","@id":"https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/"}}]},"newsArticle":{"@context":"https://schema.org","@type":"NewsArticle","headline":"Aprende qué es un mapa de bits y haz que tus trabajos resalten por su calidad","name":"Aprende qué es un mapa de bits y haz que tus trabajos resalten por su calidad","image":"https://crehana-blog.imgix.net/media/filer_public/d6/23/d6236199-c894-41e9-a548-2e9e0b2b73b7/que-es-mapa-bits.jpg","dateModified":"Fri Apr 01 2022","datePublished":"Fri Apr 01 2022","articleBody":"¿Sabes qué es un mapa de bits? Si estás cansado de que se distorsionen tus imágenes y buscas subir la calidad de las gráficas en tus trabajos, será necesario que entiendas qué es un mapa de bits en diseño gráfico y cuál es su relación con la calidad de las imágenes. \n\nNo importa si eres un novato del diseño gráfico o tan solo realizas algunas ediciones para las redes de tu emprendimiento, el conce","description":"¿Estás cansado de que se pixelen tus imágenes y buscas subir la calidad de las gráficas de tu negocio? Conoce que es un mapa de bits y su relación con la calidad de imagen.","url":"https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/","mainEntityOfPage":"https://www.crehana.com/blog/estilo-vida/que-es-mapa-bits/","identifier":"crehana-article-1805","keywords":"mapa de bits, imagen vectorial, mapa de bits para que sirve, que es mapa de bits, caracteristicas de mapa de bits","author":{"@type":"Person","name":"Fernando Machuca","image":"https://crehana-blog.s3.amazonaws.com/media/avatars/perfil-crehana-fernando-machuca.jpg"},"creator":{"@type":"Thing","name":"Fernando Machuca"},"publisher":{"@type":"Organization","name":"Crehana","url":"https://www.crehana.com/","logo":{"@type":"ImageObject","width":1200,"height":628,"url":"https://static.crehana.com/static/img/logo/logo-crehana.png"}}}},"isBot":true,"pageKey":"blog-post","categories":[],"i18nProviderProps":{"languageCode":"es","defaultNs":"blog-post","translations":{"es":{"blog-post":{},"main-menu":{"MOBILE_EBOOKS_LINK":"Ebooks","UPSELLING_WANT_IT":"Lo quiero","CART_MENU_TOTAL_LABEL":"Total: ","SUBSCRIBE_FREE":"¡Inscríbete gratis!","LOGIN":"Ingresar","SEARCH_BAR_PLACEHOLDER":"Busca tu curso preferido","DEGREES_MENU_LABEL":"Certificaciones","CART_MENU_EMPTY_CTA":"Encuentra un curso ahora","SEARCH_DIALOG_INPUT":"Encuentra cursos, certificaciones y profesores","TRY_COURSE":"¡Pruébalo gratis!","SEARCH_DIALOG_TITLE":"Cuéntanos, ¿qué te gustaría aprender hoy?","ADD_ITEM":"Agregar al carrito","DONT_LOSE_YOUR_BENEFITS":"¡No pierdas tus beneficios! Tu membresía vencerá en {{days}} día{{plural}}.","CREDIT_CARD_NUMBER":"Número de la tarjeta de crédito","ACCEPT":"Aceptar","DONT_LEAVE_TITLE":"¡Antes de irte!","YOU_NEED_A_CARD":"Você precisa associar um cartão","BACK":"Regresar","SEARCH_DIALOG_KEYWORDS":"Los temas más buscados:","ACTIVATE_RENOVATION":"Activar renovación","REQUIRED_CARD":"El número de tu tarjeta obligatorio","MEMBRESHIPS_LINK":"Planes Premium","YOU_HAVE_SAVED_CARD":"Tienes una tarjeta guardada","ADDED":"Agregado","COURSES_MENU_COURSES_TAB_SUBCATEGORIES":"SUBCATEGORÍAS","INBOX_MENU_TITLE":"Chat de mentores","ADD_TO_CART":"Añadir al carrito","LOGIN_FORGET_PASSWORD":"¿Olvidaste tu contraseña?","COURSES_MENU_CERTI_TAB":"Certificaciones","COURSES_MENU_COURSES_TAB_CATEGORIES_LINK":"Ver todo","LOGIN_NOT_MEMBER":"¿Aún no eres miembro?","LOGIN_CLEAN_HEADER":"¿Quieres conversar con nosotros?","CVC_CVV":"CVC/CVV","SEARCH_DIALOG_COURSES":"Los cursos más vendidos:","COURSES_MENU_PROMO_SECTION_CTA":"Ver promoción","LOGIN_REGISTER":"Regístrate","COMMUNITY_MENU_NEW_COURSES":"Cursos Nuevos","LOGIN_REGISTER_CONDITIONS_4":"Políticas de Privacidad","LOGIN_REGISTER_CONDITIONS_5":"Recibe ofertas, nuevos cursos y noticias en tu correo","COMMUNITY_MENU_COURSE_AGENDA":"Agenda de Cursos","MOBILE_NEED_HELP_1":"¿Necesitas ayuda?","MOBILE_NOTIFICATIONS_LINK":"Notificaciones","PROFILE_MENU_VIEW_PROFILE_LINK":"Ver perfil","MOBILE_COURSES_MENU_LINK":"Ver todos los cursos","COMMUNITY_MENU":"Comunidad","LIVES_LINK":"Lives","NOTIFICATIONS_MENU_ERROR":"Ocurrió un error al intentar recuperar tus notificaciones, intenta refrescar el navegador.","SHOPPING_CART_BUY":"Comprar ahora","SEARCH_DIALOG_NO_RESULTS:":"No encontramos “{{searchTerm}}” pero estos cursos también podrían interesarte:","MOBILE_PREMIUM_CTA":"Planes Premium","COURSES_MENU_COURSES_TAB_FREE_COURSES":"Cursos gratis","AUTH_VALIDATION_PASSWORD_LENGTH":"Tu contraseña debe de tener entre 6 y 20 caracteres","AUTH_VALIDATION_VALID_EMAIL":"Ingresa una dirección de correo válida","REACTIVATE_MEMBERSHIP":"Reactivar membresía","WHICH_CARD_DO_YOU_WANT_TO_USE":"¿Con qué tarjeta deseas renovar?","REQUIRED_DATE":"La fecha es obligatoria","SEARCH_DIALOG_INPUT_MOBILE":"¿Qué te gustaría aprender hoy?","SEARCH_DIALOG_BUNDLES":"Certificaciones","GIFT_MEMBERSHIP_DESKTOP":"¡Te quedan {{days}} días para regalar una membresía anual!","CARD_LEAD_COPY":"Estás a una llamada de acceder al mejor descuento en 800 cursos con el mejor descuento.","SEARCH_DIALOG_SEE_MORE":"Ver todos los resultados","GIFT_MEMBERSHIP_MOBILE":"¡Te quedan {{days}} días para regalar una membresía anual!","ADD_ANOTHER_CARD":"Agregar otra tarjeta","NOTIFICATIONS_MENU_GO_TO_DISCUSSION_LINK":"Ir a la discusión","COURSES_MENU_COURSES_TAB_SUBCATEGORIES_LINK":"Ver todo","BLOG_LINK":"Blog","COMUNITY_MENU_OPEN_COURSES":"Cursos abiertos","CART_MENU_BUY_NOW_BUTTON":"Comprar ahora","PROFILE_MENU_MENTORS_LINK":"Mentores","CONFIRM":"Confirmar","COURSES_MENU_CAREERS_TAB":"Especializaciones","NOTIFICATIONS_MENU_GO_TO_PROFILE_LINK":"Ir a perfil","CART_MENU_TITLE":"Tienes {{number}} ítem en tu carrito","AUTH_VALIDATION_REQUIRED":"Campo requerido","COMUNITY_MENU_COURSE_AGENDA":"Agenda de Cursos","SEARCH_BAR_NO_RESULTS":"No hay resultados para su búsqueda","COURSES_MENU_CARD_SUFFIX":"Cursos","AUTH_VALIDATION_USER_LENGTH":"El campo usuario debe tener entre 6 y 75 caracteres","PROFILE_MENU_LOGOUT_BUTTON":"Cerrar sesión","SEARCH_BAR_SEE_MORE_LINK":"Ver todos los resultados","NOTIFICATIONS_MENU_GO_TO_PROJECTS_LINK":"Ver proyectos","PROFILE_MENU_CONFIGURATION_LINK":"Configuración","MY_COURSES_LINK":"Mis cursos","INBOX_MENU_EMPTY":"Aún no inicias una conversación con nuestros mentores","PROFILE_MENU_PAYMENT_DASHBOARD_LINK":"Payment Dashboard","COMUNITY_MENU_RESOURCES":"Recursos","CART_MENU_GO_TO_CART_BUTTON":"Ir a tu carrito","MOBILE_NEED_HELP":"¿Necesitas ayuda?\nAquí te atenderemos","COMUNITY_MENU_PROJECTS":"Proyectos","COMUNITY_MENU":"Comunidad","NOTIFICATIONS_MENU_SEE_ALL_LINK":"Ver todo","SEARCH_BAR_TITLE":"Top cursos","CART_MENU_EMPTY_TITLE":"Tu carrito está vacío","REGISTER":"Regístrate","COURSES_MENU_COURSES_TAB":"Cursos","COMUNITY_MENU_LIVES":"Lives","AUTH_VALIDATION_EMAIL_IN_USE":"Email ingresado ya se encuentra en uso","ADDED_TO_CART":"Agregado al carrito","COMMUNITY_MENU_BLOG":"Blog","UPSELLING_ADD_ONE_ITEM":"Tienes 1 ítem nuevo en tu carrito","COMMUNITY_MENU_OPEN_COURSES":"Cursos abiertos","LOGIN_TITLE":"Bienvenido de Vuelta","LOGIN_MODAL_SUBTITLE":"Inicia sesión para seguir aprendiendo","REGISTER_LOGIN":"Inicia Sesión","LOGIN_MAIN_BUTTON":"Inicia Sesión","MOBILE_CERTI_LINK":"Certificaciones","UPSELLING_BUY_DEKSTOP":"Comprar ahora","LOGIN_FACEBOOK_LABEL":"Continúa con Facebook","LOGIN_PASSWORD":"Contraseña","CART_MENU_TITLE_plural":"Tienes {{number}} ítems en tu carrito","GO_TO_COURSE":"Ir al curso","LOGIN_GOOGLE_LABEL":"Continúa con Google","COMMUNITY_MENU_PROJECTS":"Proyectos","NOTIFICATIONS_MENU_EMPTY":"Aún no tienes notificaciones","REGISTER_SUBTITLE":"Sé parte de la nueva generación de profesionales digitales.","REGISTER_FACEBOOK_LABEL":"Regístrate con Facebook","SUBSCRIBE_NOW":"¡Inscríbete ahora!","UPSELLING_CERTIFICATION":"Aprovecha y certifícate","UPSELLING_PACK_2":"cursos para ti, llévatelo con","UPSELLING_PACK_1":"Hemos armado un pack de","DONT_LEAVE_REGISTER2":"o regístrate con tu cuenta de Google o Facebook","REGISTER_EMAIL":"Correo electrónico","PROFILE_MENU_MENTOR_PANNEL_LINK":"Panel de mentor","MOBILE_TUTORIALS_LINK":"Tutoriales","REGISTER_GOOGLE_LABEL":"Regístrate con Google","REMOVE_FROM_CART":"Quitar del carrito","PROFILE_MENU_MY_COURSES_LINK":"Mis cursos","DONT_LEAVE_REGISTER3":"o regístrate con tu correo electrónico","LOGIN_REGISTER_CONDITIONS_1":"Al registrarte aceptas nuestros","LOGIN_REGISTER_CONDITIONS_2":"Términos","LOGIN_REGISTER_CONDITIONS_3":"y","REGISTER_TITLE":"Únete hoy","COMMUNITY_MENU_LIVES":"Lives","COMMUNITY_MENU_SEE_ALL":"Ver todo","BUY_NOW":"Comprar ahora","COMMUNITY_MENU_COURSES_ON_OFFER":"Cursos en Oferta","UPSELLING_EXPECTED":"¿No es lo que esperas?","MOBILE_NEED_HELP_2":"Aquí te atenderemos","COURSE_CARD_STUDENTS":"Alumnos","LOGIN_SUBTITLE":"Inicia sesión y aprende nuevas habilidades hoy.","LOGIN_EMAIL":"Usuario o Correo electrónico","NOTIFICATIONS_MENU_TITLE":"Notificaciones","DONT_LEAVE_REGISTER":"Recibe ofertas, nuevos cursos y en tu correo","COURSES_MENU_CERTI_TAB_CERTI_LINK":"Ver todas las certificaciones","COMMUNITY_MENU_RESOURCES":"Recursos","COURSES_MENU_COURSES_TAB_NEW_COURSES":"Cursos nuevos","MOBILE_TOOLS_LINK":"Herramientas","COURSES_MENU_COURSES_TAB_CATEGORIES":"CATEGORÍAS","REGISTER_NOT_MEMBER":"¿Tienes una cuenta?","UPSELLING_CUSTOM_PACK":"Arma tu propio pack aquí","MOBILE_COURSES_MENU":"Cursos","MOBILE_CAREERS_LINK":"Especializaciones","ADD_NEW_CARD":"Agrega tu nueva tarjeta","REQUIRED_CVC":"CVC/CVV obligatorio","GIFT_MEMBERSHIP_BANNER_MESSAGE":"Solo por 7 días, compra una membresía premium y obtén un acceso adicional","GIFT_MEMBERSHIP_BANNER_SHORT_MESSAGE":"Solo por 7 días, compra una membresía premium y obtén un acceso adicional","COURSES_MENU_CAREERS_TAB_LINK":"Ver todas las especializaciones","DONT_LEAVE_SUBTITLE":"Únete a nuestra comunidad y te enviaremos una sorpresa por correo para aprender con los mejores ;)","SECURITY_CODE":"Código de seguridad","THANKS_FOR_BE_PART_OF_OUR_PREMIUM_COMMUNITY":"Gracias por formar parte de nuestra comunidad Premium","RENEW_WITH_CURRENT_CARD":"Confirma si deseas renovar tu membresía con la tarjeta *{{cardNumber}}","INVALID_NUMBER":"Tu tarjeta es inválida, intenta de nuevo","ERROR_SAVE":"No se ha podido guardar tu tarjeta. Te recomendamos comunicarte con tu banco para más detalles.","CATCH_MESSAGE":"No se ha podido guardar tu tarjeta, inténtalo otra vez","INVALID_DATE_FORMAT":"Ingresa una fecha válida","EXPIRATION_DATE":"Fecha de caducidad","YOUR_MEMBERSHIP_STAYS_WITH_YOU_AS_MUCH_AS_YOU_WANT":"Tu membresía se quedará contigo el tiempo que la necesites, sigue disfrutando de todos tus beneficios.","ASOCIATE_NEW_CARD":"Asocia una tarjeta a tu cuenta para activar la renovación de tu membresía","INVALID_DATE":"Ingresa una fecha válida","COURSES_MENU":"Cursos","INCORRECT_CVC":"CVC/CVV incorrecto","DATE_FORMAT":"M/YY","COOKIES_MESSAGE":"En Crehana utilizamos cookies para poder darte una mejor experiencia","BECOME_PREMIUM_DESCRIPTION":"Ten acceso total ¡al precio más bajo!","BECOME_PREMIUM":"Ir a Premium","MOBILE_CATEGORIES_MENU":"Cursos","SEARCH_FREE_COURSES_SECTION_TITLE":"Curso gratis del día","SEARCH_FREE_COURSE_AD_TITLE":"Encuentra el curso gratis del día","SEARCH_FREE_COURSE_AD_DESCRIPTION":"Encuentra todos los días un nuevo curso gratis online de Crehana, adquiere skills y habilidades profesionales con tus cursos favoritos.","SEARCH_FREE_COURSE_AD_CTA":"Conócelos aquí","MOBILE_REGISTER_BUTTON_LABEL":"Pruébalo gratis"},"main-footer":{"FOOTER_RIGHTS":"Todos los derechos reservados","COMMUNITY_SCHOLARSHIPS":"Becas","FOOTER_ABOUT":"Sobre Crehana","FOOTER_ARCO":"Solicitud de ARCO","FOOTER_HIRING":"¡Estamos contratando!","COMMUNITY_RESOURCES":"Recursos","COMMUNITY_TITLE":"Comunidad","FOOTER_COOKIES":"Política de cookies","COMMUNITY_BLOG":"Blog","COMMUNITY_PROJECTS":"Galería de proyectos","COMMUNITY_GIFTS":"Tarjetas de regalo","FOOTER_PRIVACY":"Políticas de privacidad","FOOTER_TERMS":"Términos y condiciones","FOOTER_DOWNLOAD":"Descarga nuestra app","FOOTER_MEET_US":"Conócenos","FOOTER_HELP":"Ayuda","FOOTER_DOWNLOAD_MOBILE":"Descarga nuestra app en:","COMMUNITY_STORIES":"Historias de éxito","COMPANY_HELP_CENTER":"Centro de ayuda"}}},"defaultTranslations":{"es":{"blog-post":{"REGISTER_MOBILE":"Registrarse","CARD_TYPE_ARTICLE":"Articulo","ARTICLES_SEE_MORE":"Ver más artículos","TOP_BANNER_LINK":"Conoce más sobre Crehana","LEFT_MENU_FOLLOW_US":"Síguenos en","SEARCH_RESULTS":"{{totalResults}} resultados para tu búsqueda","SEARCH_PLACEHOLDER":"Buscar artículos...","SEARCH_TITLE":"Búsqueda","SEARCH_FEATURED":"Artículos destacados","SEARCH_MORE_VIEWS":"Artículos más vistos","SEARCH_NO_RESULTS":"No se encontraron resultados para","SEARCH_NO_RESULTS_DESCRIPTION":"Revisa si las palabras están escritas correctamente o prueba una nueva búsqueda.","EXIT_POPUP_TITLE":"¡No te vayas todavía!","EXIT_POPUP_DESCRIPTION":"Déjanos tu dirección de correo electrónico a continuación y te enviaremos nuevas publicaciones de Crehana","EXIT_POPUP_INPUT_LABEL":"Correo electrónico","EXIT_POPUP_INPUT_PLACEHOLDER":"Ingresa tu correo electrónico","EXIT_POPUP_BUTTON":"Suscribirme","RELATED_ARTICLES_SECTION_TITLE":"También podría interesarte"},"main-menu":{"REGISTER_LABEL":"Contáctanos","LOGIN_LABEL":"Ingresar","LOGIN_LABEL_SHORT":"Contáctanos"}},"pt":{"blog-post":{"REGISTER_MOBILE":"cadastre-se","CARD_TYPE_ARTICLE":"Articulo","ARTICLES_SEE_MORE":"Veja mais artigos","TOP_BANNER_LINK":"Saiba mais sobre a Crehana","LEFT_MENU_FOLLOW_US":"Seguimos em","SEARCH_RESULTS":"{{totalResults}} resultados para sua pesquisa","SEARCH_PLACEHOLDER":"Pesquisar artigos......","SEARCH_TITLE":"Procurar","SEARCH_FEATURED":"Artigos em destaque","SEARCH_MORE_VIEWS":"Artigos mais vistos","SEARCH_NO_RESULTS":"Nenhum resultado encontrado para","SEARCH_NO_RESULTS_DESCRIPTION":"Verifique se as palavras estão corretas ou tente novamente.","EXIT_POPUP_TITLE":"Não vá ainda!","EXIT_POPUP_DESCRIPTION":"Deixe-nos seu endereço de e-mail abaixo e nós lhe enviaremos novas publicações da Crehana.","EXIT_POPUP_INPUT_LABEL":"Endereço de e-mail","EXIT_POPUP_INPUT_PLACEHOLDER":"Digite seu endereço de e-mail","EXIT_POPUP_BUTTON":"Inscreva-se","RELATED_ARTICLES_SECTION_TITLE":"También podría interesarte"},"main-menu":{"REGISTER_LABEL":"Contate-nos","LOGIN_LABEL":"Entrar","LOGIN_LABEL_SHORT":"Contate-nos"}}},"countryCode":"us"},"countryCode":"us","languageCode":"es"},"__N_SSP":true},"page":"/blog/[category]/[slug]","query":{"category":"estilo-vida","slug":"que-es-mapa-bits"},"buildId":"rZmXrudr0W_n6tn-valyv","assetPrefix":"https://d198owaux1p06s.cloudfront.net/ecommerce-mf","isFallback":false,"gssp":true,"scriptLoader":[]}</script></body></html>