{"id":51803,"date":"2024-09-09T06:33:02","date_gmt":"2024-09-09T04:33:02","guid":{"rendered":"https:\/\/www.techopedia.com\/es\/?post_type=definition&#038;p=51803"},"modified":"2024-09-09T11:57:38","modified_gmt":"2024-09-09T09:57:38","slug":"pixel","status":"publish","type":"definition","link":"https:\/\/www.techopedia.com\/es\/definicion\/pixel","title":{"rendered":"Pixel"},"content":{"rendered":"<div>\n    <section class=\"toc-sticky w-100 bg-white \">\n        <div class=\"toc-sticky__container container\">\n            <div class=\"toc-sticky__open d-flex align-items-end\" data-bs-toggle=\"collapse\"\n                 aria-controls=\"multiCollapse1\"\n                 data-bs-target=\"#multiCollapse1\">\n                <button\n                        class=\"btn btn-primary collapse-action-btn p-1 rounded-circle\"\n                        type=\"button\"\n                >\n                    <i class=\"icon-chevron-up\"><\/i>\n                <\/button>\n                <span id=\"toc-current-title\" class=\"d-flex align-items-center\">\n                    Resumen\n                <\/span>\n                <span class=\"toc-main-title-permanent\">Resumen<\/span>\n            <\/div>\n            <div\n                    class=\"collapse my-3\"\n                    id=\"multiCollapse1\"\n            >\n                <ol class=\"StepProgress\">\n                                                                    <li class=\"StepProgress-item subList-in-progress  current\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"que_es_un_pixel\"\n                               onclick=handleScrollToTitle(\"que_es_un_pixel\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">\u00bfQu\u00e9 es un p\u00edxel?<\/a>\n                                                            <button class=\"StepProgress-item__arrow collapse-action-btn\" type=\"button\"\n                                        data-bs-toggle=\"collapse\"\n                                        data-bs-target=\"#TOC1sublist-que_es_un_pixel\"\n                                        aria-controls=\"sublist-que_es_un_pixel\">\n                                    <i class=\"icon-chevron-down\"><\/i>\n                                <\/button>\n                                                    <\/div>\n                                                    <ol class=\"StepProgress-sub-list collapse\" id=\"TOC1sublist-que_es_un_pixel\">\n                                                                    <li class=\"StepProgress-sub-item\">\n                    <span>\n                      <a data-id=\"definicion_de_pixel\"\n                         onclick=handleScrollToTitle(\"definicion_de_pixel\")\n                         class=\"StepProgress-item__link\"\n                         data-level=\"3\">Definici\u00f3n de p\u00edxel<\/a>\n                    <\/span>\n                                    <\/li>\n                                                            <\/ol>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"historia_del_pixel\"\n                               onclick=handleScrollToTitle(\"historia_del_pixel\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Historia del p\u00edxel<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"como_funciona_el_pixel\"\n                               onclick=handleScrollToTitle(\"como_funciona_el_pixel\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">C\u00f3mo funciona el p\u00edxel<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"diferencia_entre_ppi_y_dpi\"\n                               onclick=handleScrollToTitle(\"diferencia_entre_ppi_y_dpi\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Diferencia entre PPI y DPI<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"los_pixeles_en_los_graficos_por_ordenador\"\n                               onclick=handleScrollToTitle(\"los_pixeles_en_los_graficos_por_ordenador\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Los p\u00edxeles en los gr\u00e1ficos por ordenador<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"ejemplos_de_pixeles\"\n                               onclick=handleScrollToTitle(\"ejemplos_de_pixeles\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Ejemplos de p\u00edxeles<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"retos_del_escalado_de_pixeles\"\n                               onclick=handleScrollToTitle(\"retos_del_escalado_de_pixeles\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Retos del escalado de p\u00edxeles<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"consejos_sobre_el_uso_de_pixeles\"\n                               onclick=handleScrollToTitle(\"consejos_sobre_el_uso_de_pixeles\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Consejos sobre el uso de p\u00edxeles<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"lo_esencial\"\n                               onclick=handleScrollToTitle(\"lo_esencial\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Lo esencial<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                                                        <li class=\"StepProgress-item\">\n                                                <div class=\"StepProgress-item__group\">\n                            <a data-id=\"preguntas_frecuentes\"\n                               onclick=handleScrollToTitle(\"preguntas_frecuentes\")\n                               class=\"StepProgress-item__link\" data-level=\"2\">Preguntas frecuentes<\/a>\n                                                    <\/div>\n                                                <\/li>\n                                    <\/ol>\n                <div class=\"toc-sticky__container__disperse\"><\/div>\n                <div class=\"toc-sticky__btn-top justify-content-center\">\n                    <button class=\"btn btn-link d-flex align-items-center\" onclick={btnTop()}><p>Ver m\u00e1s<\/p><img decoding=\"async\"\n                                src=\"\/wp-content\/plugins\/table-of-contents\/assets\/images\/arrow-up-circle.svg\"\n                                alt=\"arrow-up-circle\">\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <div class=\"toc-sticky-list\">\n        <div class=\"toc-sticky__container container\">\n            <div class=\"toc-sticky__open d-flex align-items-end\" data-bs-toggle=\"collapse\" aria-controls=\"multiCollapse2\" data-bs-target=\"#multiCollapse2\">\n                <button class=\"btn btn-primary collapse-action-btn p-1 rounded-circle\"\n                        type=\"button\">\n                    <i class=\"icon-chevron-up up\"><\/i>\n                <\/button>\n                <span id=\"toc-current-title\" class=\"d-flex align-items-center\">\n                    Resumen\n                <\/span>\n            <\/div>\n            <div  class=\"collapse my-3\" id=\"multiCollapse2\">\n                <ol class=\"StepProgress\">\n                    \t\t\t\t\t \t\t\t\t\t                         \t\t\t\t\t\t\n                        <li class=\"StepProgress-item subList-in-progress  current \">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"que_es_un_pixel\"\n                                   onclick=handleScrollToTitle(\"que_es_un_pixel\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">\u00bfQu\u00e9 es un p\u00edxel?<\/a>\n                                                                    <button class=\"StepProgress-item__arrow collapse-action-btn\" type=\"button\"\n                                            data-bs-toggle=\"collapse\"\n                                            data-bs-target=\"#sublist-que_es_un_pixel\"\n                                            aria-controls=\"sublist-que_es_un_pixel\">\n                                        <i class=\"icon-chevron-down\"><\/i>\n                                    <\/button>\n                                                            <\/div>\n                                                            <ol class=\"StepProgress-sub-list collapse\" id=\"sublist-que_es_un_pixel\">\n                                                                            <li class=\"StepProgress-sub-item\">\n                    <span>\n                      <a data-id=\"definicion_de_pixel\"\n                         onclick=handleScrollToTitle(\"definicion_de_pixel\")\n                         class=\"StepProgress-item__link\"\n                         data-level=\"3\">Definici\u00f3n de p\u00edxel<\/a>\n                    <\/span>\n                                        <\/li>\n                                                                    <\/ol>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t                                                     <li class=\"StepProgress-item \">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"historia_del_pixel\"\n                                   onclick=handleScrollToTitle(\"historia_del_pixel\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Historia del p\u00edxel<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t                                                     <li class=\"StepProgress-item \">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"como_funciona_el_pixel\"\n                                   onclick=handleScrollToTitle(\"como_funciona_el_pixel\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">C\u00f3mo funciona el p\u00edxel<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t\n\t\t\t\t\t\t <span class=\"show_moretoc\">Ver m\u00e1s<\/span>\n\t\t\t\t\t\t \t\t\t\t\t \t\t\t\t\t\t  \t\t\t\t\t                                                      <li class=\"StepProgress-item ms_hidetoc\">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"diferencia_entre_ppi_y_dpi\"\n                                   onclick=handleScrollToTitle(\"diferencia_entre_ppi_y_dpi\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Diferencia entre PPI y DPI<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t\t  \t\t\t\t\t                                                      <li class=\"StepProgress-item ms_hidetoc\">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"los_pixeles_en_los_graficos_por_ordenador\"\n                                   onclick=handleScrollToTitle(\"los_pixeles_en_los_graficos_por_ordenador\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Los p\u00edxeles en los gr\u00e1ficos por ordenador<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t\t  \t\t\t\t\t                                                      <li class=\"StepProgress-item ms_hidetoc\">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"ejemplos_de_pixeles\"\n                                   onclick=handleScrollToTitle(\"ejemplos_de_pixeles\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Ejemplos de p\u00edxeles<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t\t  \t\t\t\t\t                                                      <li class=\"StepProgress-item ms_hidetoc\">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"retos_del_escalado_de_pixeles\"\n                                   onclick=handleScrollToTitle(\"retos_del_escalado_de_pixeles\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Retos del escalado de p\u00edxeles<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t\t  \t\t\t\t\t                                                      <li class=\"StepProgress-item ms_hidetoc\">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"consejos_sobre_el_uso_de_pixeles\"\n                                   onclick=handleScrollToTitle(\"consejos_sobre_el_uso_de_pixeles\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Consejos sobre el uso de p\u00edxeles<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t\t  \t\t\t\t\t                                                      <li class=\"StepProgress-item ms_hidetoc\">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"lo_esencial\"\n                                   onclick=handleScrollToTitle(\"lo_esencial\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Lo esencial<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                    \t\t\t\t\t \t\t\t\t\t \t\t\t\t\t\t  \t\t\t\t\t                                                      <li class=\"StepProgress-item ms_hidetoc\">\n                                                    <div class=\"StepProgress-item__group\">\n                                <a data-id=\"preguntas_frecuentes\"\n                                   onclick=handleScrollToTitle(\"preguntas_frecuentes\")\n                                   class=\"StepProgress-item__link\"\n                                   data-level=\"2\">Preguntas frecuentes<\/a>\n                                                            <\/div>\n                                                    <\/li>\n                                    <\/ol>\n            <\/div>\n            <div class=\"toc-sticky__container__disperse\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script id=\"toc-js\">\n    window.addEventListener(\"DOMContentLoaded\", () => {\n        const header = document.querySelector(\".header_wrapper\");\n\n        const pageLegend = document.querySelector('#multiCollapse1');\n        const pageLegendList = document.querySelector('#multiCollapse2');\n        const pageLegendCollapse = new bootstrap.Collapse(pageLegend, {toggle: document.querySelector(\".toc-sticky\").classList.contains('sticky')});\n\n        \/**\n         * Changing current title\n         *\/\n        (function (pageLegend) {\n            const titleNodes = pageLegend.querySelectorAll('.StepProgress-item__link');\n\n            if (!titleNodes.length) return;\n\n            const titles = [...titleNodes].map((itm, i) => ({\n                id: itm.getAttribute('data-id'),\n                text: itm.textContent,\n                level: itm.getAttribute('data-level'),\n                linkNode: itm,\n                titleNode: document.getElementById(itm.getAttribute('data-id')),\n                index: i,\n            }));\n\n            \/**\n             * Source: https:\/\/www.sitepoint.com\/throttle-scroll-events\/\n             * @param {Function} fn\n             * @param {number} wait\n             * @returns {(function(): void)|*}\n             *\/\n            const throttle = (fn, wait) => {\n                let time = Date.now();\n                return function () {\n                    if ((time + wait - Date.now()) < 0) {\n                        fn();\n                        time = Date.now();\n                    }\n                }\n            }\n\n            const changeCurrentTitle = () => {\n                const documentScrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;\n                let current = 0;\n\n                \/\/ Title\n                titles.forEach((itm, i) => {\n\t\t\t\t\/\/console.log(itm)\n                    const itmOffsetTop = itm.titleNode ? itm.titleNode.offsetTop - 100 : 0;\n\n                    if (documentScrollTop >= itmOffsetTop) {\n                        document.getElementById('toc-current-title').innerHTML = itm.text;\n                        document.getElementById('toc-current-title').setAttribute('data-current-id', itm.id);\n                        document.getElementById('toc-current-title').setAttribute('data-current-level', itm.level);\n                        current = i;\n                    }\n                })\n\n                \/\/ close all list and open sub list if needed\n                if (document.querySelector(\".toc-sticky\").classList.contains('sticky')) {\n                    document.querySelectorAll('.subList-in-progress').forEach((el) => {\n                        el.children[1].classList.remove('show');\n                        el.getElementsByClassName('icon-chevron-down')[0].classList.remove('up');\n                    });\n                    const currentEl = titles[current];\n                    currentEl.linkNode.classList.add('show');\n                }\n\n                titles.forEach((itm, i) => {\n                    itm.linkNode.parentNode.parentNode.classList.remove('current', 'is-done');\n                    if (current > i) {\n                        itm.linkNode.parentNode.parentNode.classList.add('is-done')\n                    };\n                    if (current === i) {\n                      itm.linkNode.parentNode.parentNode.classList.add('current');\n                    };\n                })\n\n            }\n\n            changeCurrentTitle();\n\n            document.addEventListener('scroll', throttle(changeCurrentTitle, 50));\n        })(pageLegend);\n\n\n        \/**\n         *  Collapse\n         *\/\n        (function (pageLegend, header) {\n            const icon = pageLegend.parentNode.querySelector(\".collapse-action-btn i\");\n\n            const collapseToggle = (status) => (e) => {\n                if (!e.target.isEqualNode(pageLegend)) return;\n\n                icon.classList.toggle(\"up\");\n\n                const containerHeight = pageLegend.getBoundingClientRect().height;\n\n                const showSubtitleContent = () => {\n                    const currentId = document.getElementById('toc-current-title').getAttribute('data-current-id');\n                    const currentLevel = document.getElementById('toc-current-title').getAttribute('data-current-level');\n                    const currentSubTitle = currentLevel == 3 ? document.querySelector(`a[data-id=\"${currentId}\"]`).parentNode.parentNode.parentNode : false;\n\n                    if (!currentSubTitle) return;\n                    new bootstrap.Collapse(currentSubTitle, {toggle: false}).show();\n                }\n\n                showSubtitleContent();\n\t\t\t\tconsole.log(status+'fdsfsd'+containerHeight);\n                if (status === 'shown' && document.querySelector(\".toc-sticky\").classList.contains('sticky') ) {\n                    document.querySelector('html').classList.remove('overflow-hidden');\n                    pageLegend.classList.add('overflow-auto');\n                    pageLegend.style.height = `calc(100vh - ${header.getBoundingClientRect().height + document.querySelector('.toc-sticky__open').getBoundingClientRect().height + 16}px)`;\n                } else if (status === 'hide') {\n                    document.querySelector('html').removeClass('overflow-hidden');\n                    pageLegend.classList.remove('overflow-auto');\n                    pageLegend.style.height = 'auto';\n                }\n            }\n\n            pageLegend.addEventListener('shown.bs.collapse', collapseToggle('shown'));\n            pageLegend.addEventListener('hide.bs.collapse', collapseToggle('hide'));\n        })(pageLegend, header);\n\n        \/**\n         * Collapse sub-titles\n         *\/\n        (function (pageLegend) {\n            const collapseEls = pageLegend.querySelectorAll('.collapse');\n\n            collapseEls.forEach(function (el) {\n\n                const toggleArrowDirection = function (e) {\n                    if (!e.target.isEqualNode(el)) return;\n\n                    const id = this.getAttribute('id');\n                    document.querySelector(`.collapse-action-btn[data-bs-target=\"#${id}\"] .icon-chevron-down`).classList.toggle('up');\n                }\n                el.addEventListener('shown.bs.collapse', toggleArrowDirection);\n                el.addEventListener('hide.bs.collapse', toggleArrowDirection);\n            })\n        })(pageLegend);\n\n        \/**\n         *  Collapse main title\n         *\/\n        (function (pageLegendList) {\n            const icon = pageLegendList.parentNode.querySelector(\".collapse-action-btn i\");\n\n            const collapseToggle = () => (e) => {\n                if (!e.target.isEqualNode(pageLegendList)) return;\n\n                icon.classList.toggle(\"up\");\n\n            }\n            pageLegendList.addEventListener('shown.bs.collapse', collapseToggle());\n            pageLegendList.addEventListener('hide.bs.collapse', collapseToggle());\n        })(pageLegendList);\n\n        (function (pageLegendList) {\n            const collapseEls = pageLegendList.querySelectorAll('.collapse');\n\n            collapseEls.forEach(function (el) {\n\n                const toggleArrowDirection = function (e) {\n                    if (!e.target.isEqualNode(el)) return;\n\n                    const id = this.getAttribute('id');\n                    document.querySelector(`.toc-sticky-list .collapse-action-btn[data-bs-target=\"#${id}\"] .icon-chevron-down`).classList.toggle('up');\n                }\n                el.addEventListener('shown.bs.collapse', toggleArrowDirection);\n                el.addEventListener('hide.bs.collapse', toggleArrowDirection);\n            })\n        })(pageLegendList);\n\n        \/**\n         * Sticky functionality\n         * Source: https:\/\/stackoverflow.com\/questions\/17893771\/javascript-sticky-div-after-scroll\n         *\/\n        (function (header, pageLegendCollapse) {\n            \/\/ set everything outside the onscroll event (less work per scroll)\n            const target = document.querySelector(\".toc-sticky\");\n            const targetListStatic = document.querySelector(\".toc-sticky-list\");\n\n            if (!target || !header) return;\n\n            const headerHeight = header.getBoundingClientRect().height;\n            const targetHeight = targetListStatic.getBoundingClientRect().height;\n\n            \/\/ -headerHeight so it won't be jumpy\n            const stop = targetListStatic.offsetTop + headerHeight + targetHeight;\n            const docBody =\n                document.documentElement || document.body.parentNode || document.body;\n            const hasOffset = window.pageYOffset !== undefined;\n\n            const applySticky = function () {\n                \/\/ cross-browser compatible scrollTop.\n                const scrollTop = hasOffset ? window.pageYOffset : docBody.scrollTop;\n\n                \/\/ if user scrolls to headerHeight from the top of the target div\n                if (scrollTop >= stop) {\n                    pageLegendCollapse.hide();\n                    \/\/ stick the div\n                    target.classList.add(\"sticky\");\n                    \/\/target.style.marginTop = `${headerHeight}px`;\n                } else {\n                    pageLegendCollapse.show();\n                    \/\/ release the div\n                    target.classList.remove(\"sticky\");\n                    target.style.marginTop = \"\";\n                }\n            }\n\n            applySticky();\n\n            window.addEventListener('scroll', applySticky);\n        })(header, pageLegendCollapse);\n\tjQuery('span.show_moretoc').click(function(){\n\t\tjQuery('span.show_moretoc').hide();\n\t   jQuery('.ms_hidetoc').show();\n\t});\n    });\n\n    \/\/ When the user clicks on the button, scroll to the top of the document\n    function btnTop() {\n        const pageLegend = document.querySelector('#multiCollapse1');\n        document.querySelector('html').classList.remove('overflow-hidden');\n        pageLegend.classList.remove('overflow-auto');\n        pageLegend.style.height = 'auto';\n        window.scrollTo({\n            top: 0,\n            behavior: 'smooth'\n        });\n    }\n\n    const handleScrollToTitle = (id) => {\n        const el = document.getElementById(id);\n        const headerHeightDifference = window.innerWidth < 992 ? -30 : -15;\n        window.scrollTo({\n            top: el.offsetTop - 60 - headerHeightDifference - 10,\n        });\n    }\n<\/script>\n\n<h2><span id=\"que_es_un_pixel\">\u00bfQu\u00e9 es un p\u00edxel?<\/span><\/h2>\n<p>Un p\u00edxel es la <strong>unidad m\u00e1s peque\u00f1a de una imagen digital <\/strong>o gr\u00e1fico que puede mostrarse y representarse en una pantalla digital. Sirven como bloques de construcci\u00f3n de las im\u00e1genes digitales, y se utilizan para mostrar cualquier cosa, desde texto hasta intrincados gr\u00e1ficos y fotos.<\/p>\n<p>Toda imagen digital est\u00e1 formada por p\u00edxeles, y cada p\u00edxel representa un \u00fanico punto de color -un punto o cuadrado- en una pantalla de visualizaci\u00f3n. La densidad de p\u00edxeles por pulgada (PPI) determina la resoluci\u00f3n; a mayor PPI, mayor nitidez de la imagen.<\/p>\n<p><strong>Los p\u00edxeles se disponen en una cuadr\u00edcula bidimensional uniforme<\/strong>, aunque los distintos dispositivos utilizan diversos patrones de muestreo. Por ejemplo, las pantallas de cristal l\u00edquido (LCD) muestrean los tres colores primarios en una cuadr\u00edcula escalonada, mientras que las c\u00e1maras digitales utilizan un patr\u00f3n de cuadr\u00edcula m\u00e1s regular.<\/p>\n<p>Los p\u00edxeles son fundamentales en la tecnolog\u00eda, desde las im\u00e1genes digitales y las interfaces de usuario hasta los gr\u00e1ficos realistas de los videojuegos. Son consideraciones importantes cuando se construye un sitio web para alinear elementos en la p\u00e1gina y definir puntos de ruptura, una parte esencial del dise\u00f1o web responsivo (RWD).<\/p>\n<h3><span id=\"definicion_de_pixel\">Definici\u00f3n de p\u00edxel<\/span><\/h3>\n<figure id=\"attachment_51805\" aria-describedby=\"caption-attachment-51805\" style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel-1.jpg\" alt=\"qu\u00e9 es un pixel\" width=\"1280\" height=\"663\" class=\"wp-image-51805 size-full\" srcset=\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel-1.jpg 1280w, https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel-1-300x155.jpg 300w, https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel-1-1024x530.jpg 1024w, https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel-1-768x398.jpg 768w, https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel-1-1200x622.jpg 1200w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><figcaption id=\"caption-attachment-51805\" class=\"wp-caption-text\">Definic\u00f3n de pixel por Techopedia.<\/figcaption><\/figure>\n<p>Un p\u00edxel, es decir,<strong> un punto o cuadrado en una pantalla de visualizaci\u00f3n<\/strong>, suele mantener una forma cuadrada con pasos de muestreo verticales y horizontales iguales. Sin embargo, en formatos como el formato panor\u00e1mico anam\u00f3rfico, los p\u00edxeles pueden parecer rectangulares.<\/p>\n<p><strong>Cada p\u00edxel tiene una direcci\u00f3n l\u00f3gica \u00fanica y suele estar compuesto por ocho bits o m\u00e1s<\/strong>. En la mayor\u00eda de los dispositivos de gama alta, los p\u00edxeles pueden mostrar millones de colores diferentes, que se consiguen mezclando los tres componentes principales del espectro de color RGB.<\/p>\n<p>La cantidad de bytes asignados a cada componente de color de un p\u00edxel var\u00eda en funci\u00f3n del sistema de color utilizado.<\/p>\n<p>Por ejemplo:<\/p>\n<ul>\n<li>En los sistemas de color de 8 bits, se asigna un byte por p\u00edxel, lo que limita la paleta a 256 colores.<\/li>\n<li>En los sistemas de color de 24 bits, se asignan tres bytes -uno por cada color RGB-, lo que permite 16.777.216 variaciones de color.<\/li>\n<li>Un sistema de color profundo de 30 bits asigna 10 bits por color RGB, lo que produce 1.073.000 millones de variaciones de color.<\/li>\n<\/ul>\n<p>A pesar de estas elevadas variaciones de color, el ojo humano puede distinguir hasta 10 millones de colores. Exceder este rango puede no realzar los detalles y provocar problemas de bandas de color.<\/p>\n<h2><span id=\"historia_del_pixel\">Historia del p\u00edxel<\/span><\/h2>\n<p>La defini<strong>ci\u00f3n de p\u00edxel toma su significado de la combinaci\u00f3n de dos palabras: \u00abimagen\u00bb y \u201celemento\u201d<\/strong>. Describe el elemento controlable m\u00e1s peque\u00f1o de una imagen digital en un dispositivo de visualizaci\u00f3n. Con el tiempo, \u00abelemento de imagen\u00bb se acort\u00f3 a \u00abp\u00edxel\u00bb <i>(pix = imagen, el = elemento<\/i>) por comodidad y se ha convertido en el t\u00e9rmino est\u00e1ndar en imagen digital y gr\u00e1ficos por ordenador.<\/p>\n<h2><span id=\"como_funciona_el_pixel\">C\u00f3mo funciona el p\u00edxel<\/span><\/h2>\n<p><strong>Dependiendo de la tarjeta gr\u00e1fica y del monitor de visualizaci\u00f3n, la cantidad, el tama\u00f1o y la combinaci\u00f3n de colores de los p\u00edxeles var\u00edan<\/strong>, y se miden en t\u00e9rminos de resoluci\u00f3n de pantalla. Por ejemplo, una resoluci\u00f3n de pantalla de 1280 x 768 producir\u00e1 un m\u00e1ximo de 983.040 p\u00edxeles en una pantalla.<\/p>\n<p>La dispersi\u00f3n de la resoluci\u00f3n en p\u00edxeles tambi\u00e9n determina la calidad de la pantalla; m\u00e1s p\u00edxeles por pulgada de pantalla producen mejores im\u00e1genes.<\/p>\n<p>Por ejemplo, una imagen de 2,1 megap\u00edxeles contiene 2.073.600 p\u00edxeles, ya que tiene una resoluci\u00f3n de 1920 x 1080. Un megap\u00edxel se refiere a un mill\u00f3n de p\u00edxeles, lo que indica la resoluci\u00f3n de las im\u00e1genes digitales captadas por c\u00e1maras o mostradas en pantallas.<\/p>\n<p><strong>El tama\u00f1o f\u00edsico de un p\u00edxel var\u00eda en funci\u00f3n de la resoluci\u00f3n de la pantalla.<\/strong> A m\u00e1xima resoluci\u00f3n, coincide con el tama\u00f1o del paso de puntos, pero aumenta a resoluciones m\u00e1s bajas, ya que cada p\u00edxel abarca m\u00e1s puntos.<\/p>\n<p>Esto puede hacer que los p\u00edxeles sean visibles, dando lugar a una imagen \u00abpixelada\u00bb. Adem\u00e1s, dentro de cada p\u00edxel, los subp\u00edxeles -unidades m\u00e1s peque\u00f1as dentro de un p\u00edxel que representan colores espec\u00edficos- mejoran la precisi\u00f3n del color y la calidad general de la imagen.<\/p>\n<h2><span id=\"diferencia_entre_ppi_y_dpi\">Diferencia entre PPI y DPI<\/span><\/h2>\n<div class=\"su-row\"><div class=\"su-column su-column-size-1-2\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<p><strong>P\u00edxeles por pulgada (PPI)<\/strong><\/p>\n<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-check-circle\" style=\"color:#77e31f\"><\/i> Se utiliza en pantallas digitales.<\/li>\n<li><i class=\"sui sui-check-circle\" style=\"color:#77e31f\"><\/i> Mide la densidad de p\u00edxeles de una pantalla digital.<br \/>\nCuanto mayor sea el PPI, m\u00e1s detallada aparecer\u00e1 la imagen.<\/li>\n<\/ul>\n<\/div><\/div><\/div> <div class=\"su-column su-column-size-1-2\"><div class=\"su-column-inner su-u-clearfix su-u-trim\">\n<p><strong>Puntos por pulgada (PPP)<\/strong><\/p>\n<div class=\"su-list\" style=\"margin-left:0px\">\n<ul>\n<li><i class=\"sui sui-remove\" style=\"color:#e31f28\"><\/i> Asociado a las impresoras.<\/li>\n<li><i class=\"sui sui-remove\" style=\"color:#e31f28\"><\/i> El n\u00famero de puntos individuales de tinta que puede producir una impresora en un espacio de una pulgada.<br \/>\nUn mayor n\u00famero de PPP indica m\u00e1s detalle en la impresi\u00f3n.<\/li>\n<\/ul>\n<\/div><\/div><\/div><\/div>\n<h2><span id=\"los_pixeles_en_los_graficos_por_ordenador\">Los p\u00edxeles en los gr\u00e1ficos por ordenador<\/span><\/h2>\n<p>En los gr\u00e1ficos por <a href=\"https:\/\/www.techopedia.com\/es\/definicion\/ordenador\">ordenador<\/a>, <strong>los p\u00edxeles son esenciales para determinar tanto la claridad como el detalle de la imagen<\/strong>: su disposici\u00f3n y composici\u00f3n crom\u00e1tica definen la calidad visual mostrada. Varios factores clave determinan la calidad y el rendimiento de estos gr\u00e1ficos.<\/p>\n<p>Por ejemplo:<\/p>\n<p><span><div class=\"su-accordion su-u-trim\"><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Profundidad de color<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>M\u00e1s colores por p\u00edxel aumentan el realismo.<\/div><\/div><\/span><br \/>\n<span><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Capacidades de hardware<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>La potencia de procesamiento es necesaria para la manipulaci\u00f3n de p\u00edxeles.<\/div><\/div><\/span><br \/>\n<span><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Compresi\u00f3n de im\u00e1genes<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>Puede degradar la calidad de los p\u00edxeles.<\/div><\/div><\/span><br \/>\n<span><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Densidad de p\u00edxeles (PPI)<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>Una mayor densidad mejora la claridad.<\/div><\/div><\/span><br \/>\n<span><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>T\u00e9cnicas de renderizado<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>Influye en la textura y la interacci\u00f3n con la luz.<\/div><\/div><\/span><br \/>\n<span><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Disposici\u00f3n de los subp\u00edxeles<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>Afecta a la precisi\u00f3n del color y a la nitidez.<\/div><\/div><\/span><br \/>\n<span><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Resoluci\u00f3n de pantalla<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>Las resoluciones m\u00e1s altas ofrecen detalles m\u00e1s precisos.<\/div><\/div><\/span><br \/>\n<span><\/div><\/span><\/p>\n<h2><span id=\"ejemplos_de_pixeles\">Ejemplos de p\u00edxeles<\/span><\/h2>\n<p><b><strong>Pixel Art:<\/strong><\/b> Una forma de arte digital que emplea un n\u00famero limitado de p\u00edxeles para crear im\u00e1genes estilizadas y nost\u00e1lgicas que recuerdan a los primeros videojuegos.<\/p>\n<p><b><strong>Pantallas de smartphone:<\/strong><\/b> Las pantallas de los smartphones modernos utilizan millones de p\u00edxeles para producir im\u00e1genes y v\u00eddeos n\u00edtidos y detallados.<\/p>\n<p><b><strong>Pantallas de televisi\u00f3n:<\/strong><\/b> Los televisores muestran im\u00e1genes mediante p\u00edxeles, y los modelos 4K presentan una resoluci\u00f3n horizontal de aproximadamente 4.000 p\u00edxeles para una claridad de alta definici\u00f3n.<\/p>\n<figure id=\"attachment_51806\" aria-describedby=\"caption-attachment-51806\" style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-How-to-Optimize-Your-IT-Infrastructure.jpg\" alt=\"Ejemplo arte pixelado \" width=\"1280\" height=\"868\" class=\"wp-image-51806 size-full\" srcset=\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-How-to-Optimize-Your-IT-Infrastructure.jpg 1280w, https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-How-to-Optimize-Your-IT-Infrastructure-300x203.jpg 300w, https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-How-to-Optimize-Your-IT-Infrastructure-1024x694.jpg 1024w, https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-How-to-Optimize-Your-IT-Infrastructure-768x521.jpg 768w, https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-How-to-Optimize-Your-IT-Infrastructure-1200x814.jpg 1200w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><figcaption id=\"caption-attachment-51806\" class=\"wp-caption-text\">Arte pixelado por Techopedia.<\/figcaption><\/figure>\n<h2><span id=\"retos_del_escalado_de_pixeles\">Retos del escalado de p\u00edxeles<\/span><\/h2>\n<p><strong>El escalado de p\u00edxeles implica t\u00e9cnicas para ajustar las im\u00e1genes digitales a distintas resoluciones de panta<\/strong>lla, garantizando una calidad uniforme en todos los dispositivos, desde peque\u00f1os tel\u00e9fonos inteligentes a grandes televisores. Sin embargo, un escalado inadecuado puede dar lugar a im\u00e1genes borrosas, pixeladas o distorsionadas.<\/p>\n<p>Los m\u00e9todos utilizados para el escalado de im\u00e1genes incluyen:<\/p>\n<p><span><div class=\"su-tabs su-tabs-style-default su-tabs-mobile-stack su-tabs-vertical\" data-active=\"1\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-tabs-nav\"><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Escalado por interpolaci\u00f3n<\/span><span><\/span><span class=\"\" data-url=\"\" data-target=\"blank\" tabindex=\"0\" role=\"button\">Escalado sin interpolaci\u00f3n<\/span><span><\/span><\/div><div class=\"su-tabs-panes\"><div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Escalado por interpolaci\u00f3n&lt;\/span&gt;&lt;span&gt;\"><\/span><br \/>\n<span>Este m\u00e9todo recalcula los valores de los p\u00edxeles de una imagen redimensionada utilizando los datos de los p\u00edxeles circundantes, lo que garantiza una transici\u00f3n suave de colores y detalles. Las t\u00e9cnicas incluyen la interpolaci\u00f3n bilineal, la interpolaci\u00f3n bic\u00fabica y el remuestreo de Lanczos.<\/span><br \/>\n<span><\/div>\n<div class=\"su-tabs-pane su-u-clearfix su-u-trim\" data-title=\"Escalado sin interpolaci\u00f3n&lt;\/span&gt;&lt;span&gt;\"><\/span><br \/>\nEste m\u00e9todo replica los p\u00edxeles existentes o utiliza operaciones sencillas para eliminarlos. Es m\u00e1s r\u00e1pido que los m\u00e9todos de interpolaci\u00f3n, pero puede dar lugar a im\u00e1genes m\u00e1s pixeladas al aumentar la escala. Entre las t\u00e9cnicas se incluyen el vecino m\u00e1s cercano, la agrupaci\u00f3n m\u00e1xima y la agrupaci\u00f3n m\u00ednima.<br \/>\n<span><\/div><\/div><\/div><\/span><\/p>\n<h2><span id=\"consejos_sobre_el_uso_de_pixeles\">Consejos sobre el uso de p\u00edxeles<\/span><\/h2>\n<p><span><div class=\"su-accordion su-u-trim\"><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Escala adecuada<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>Elija un m\u00e9todo de escalado que cumpla los requisitos de calidad del proyecto.<\/div><\/div><\/span><br \/>\n<span><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Pruebas de dispositivos<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>Verifique las im\u00e1genes en distintos dispositivos para garantizar una calidad uniforme.<\/div><\/div><\/span><br \/>\n<span><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Gestionar la profundidad de color<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>Opta por un color m\u00e1s intenso para una reproducci\u00f3n precisa del color.<\/div><\/div><\/span><br \/>\n<span><div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-arrow-circle-1 su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Seleccione la resoluci\u00f3n adecuada<\/span><span><\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\"><\/span><br \/>\n<span>Elige una resoluci\u00f3n adecuada al uso previsto de la imagen.<\/div><\/div><\/span><span><\/div><\/span><\/p>\n<h2><span id=\"lo_esencial\">Lo esencial<\/span><\/h2>\n<p>Los p\u00edxeles, la unidad m\u00e1s peque\u00f1a de una imagen o gr\u00e1fico mostrado en pantallas digitales, son clave en la imagen digital. Determinan la <strong>claridad y el detalle de las im\u00e1genes<\/strong>, y su disposici\u00f3n y colores definen la calidad visual. T\u00e9cnicas como la interpolaci\u00f3n bilineal y bic\u00fabica escalan eficazmente las im\u00e1genes. Para obtener resultados \u00f3ptimos, elige la resoluci\u00f3n adecuada y prueba las im\u00e1genes en varios dispositivos.<\/p>\n<h2><span id=\"preguntas_frecuentes\">Preguntas frecuentes<\/span><\/h2>\n<div class=\"man_faq_sec\" itemscope itemtype=\"https:\/\/schema.org\/FAQPage\"><section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\">\u00bfQu\u00e9 es un p\u00edxel? <\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\"> Un p\u00edxel es la unidad m\u00e1s peque\u00f1a de una imagen digital o gr\u00e1fico que se puede visualizar. Son los componentes b\u00e1sicos de las im\u00e1genes digitales. <\/p>\r\n                <\/div><\/div><\/section>\n<section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\"> \u00bfQu\u00e9 es el p\u00edxel en una imagen?<\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\">Cada p\u00edxel representa un \u00fanico punto de color en una imagen -un punto o un cuadrado- en una pantalla de visualizaci\u00f3n. <\/p>\r\n                <\/div><\/div><\/section>\n<section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\"> \u00bfC\u00f3mo funciona el p\u00edxel? <\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\"> El n\u00famero, el tama\u00f1o y la combinaci\u00f3n de colores de los p\u00edxeles var\u00edan en funci\u00f3n de la tarjeta gr\u00e1fica y el monitor de visualizaci\u00f3n, y se miden en t\u00e9rminos de resoluci\u00f3n de pantalla. Por ejemplo, una resoluci\u00f3n de 1280 x 768 equivale a 983.040 p\u00edxeles en una pantalla. <\/p>\r\n                <\/div><\/div><\/section>\n<section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\"> \u00bfQu\u00e9 aspecto tienen los p\u00edxeles? <\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\"> Punto o cuadrado en una pantalla. <\/p>\r\n                <\/div><\/div><\/section>\n<section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\">\u00bfPor qu\u00e9 las im\u00e1genes pixeladas pierden detalle? <\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\">A m\u00e1xima resoluci\u00f3n, las im\u00e1genes coinciden con el tama\u00f1o del paso de puntos, pero aumentan a resoluciones m\u00e1s bajas a medida que cada p\u00edxel abarca m\u00e1s puntos. Esto puede dar lugar a una imagen &#8220;pixelada&#8221;.\u00a0 <\/p>\r\n                <\/div><\/div><\/section>\n<section class=\"ms_faq ms_card \" ><div itemscope itemprop=\"mainEntity\" itemtype=\"https:\/\/schema.org\/Question\"><div class=\"accordionButton\"><h3 itemprop=\"name\">\u00bfQu\u00e9 es Pixel Launcher? <\/h3> <\/div>\n<div class=\"accordionContent\" itemscope itemprop=\"acceptedAnswer\" itemtype=\"https:\/\/schema.org\/Answer\" style=\"display:none;\"><p itemprop=\"text\">Pixel Launcher es la experiencia de pantalla de inicio para los dispositivos Pixel. Sustituy\u00f3 al lanzador Nexus en 2016. <\/p>\r\n                <\/div><\/div><\/section>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es un p\u00edxel? Un p\u00edxel es la unidad m\u00e1s peque\u00f1a de una imagen digital o gr\u00e1fico que puede mostrarse y representarse en una pantalla digital. Sirven como bloques de construcci\u00f3n de las im\u00e1genes digitales, y se utilizan para mostrar cualquier cosa, desde texto hasta intrincados gr\u00e1ficos y fotos. Toda imagen digital est\u00e1 formada por [&hellip;]<\/p>\n","protected":false},"author":7813,"featured_media":51804,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"definitioncat":[1131],"class_list":["post-51803","definition","type-definition","status-publish","format-standard","has-post-thumbnail","hentry","definitioncat-tecnologia-personal"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.8 (Yoast SEO v23.8) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00bfQu\u00e9 es un pixel y para qu\u00e9 se usa?<\/title>\n<meta name=\"description\" content=\"Te explicamos las caracter\u00edsticas m\u00e1s resaltantes y los objetvivos del pixel dentro de una imagen o ilustraci\u00f3n digital.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.techopedia.com\/es\/definicion\/pixel\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pixel\" \/>\n<meta property=\"og:description\" content=\"Te explicamos las caracter\u00edsticas m\u00e1s resaltantes y los objetvivos del pixel dentro de una imagen o ilustraci\u00f3n digital.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.techopedia.com\/es\/definicion\/pixel\" \/>\n<meta property=\"og:site_name\" content=\"Techopedia Espa\u00f1ol\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-09T09:57:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"683\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel\"},\"author\":{\"name\":\"Margaret Rouse\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/f5dd538e31ee352d105b8af36c4268a5\"},\"headline\":\"Pixel\",\"datePublished\":\"2024-09-09T04:33:02+00:00\",\"dateModified\":\"2024-09-09T09:57:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel\"},\"wordCount\":1883,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel.jpg\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.techopedia.com\/es\/definicion\/pixel#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel\",\"url\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel\",\"name\":\"\u00bfQu\u00e9 es un pixel y para qu\u00e9 se usa?\",\"isPartOf\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel.jpg\",\"datePublished\":\"2024-09-09T04:33:02+00:00\",\"dateModified\":\"2024-09-09T09:57:38+00:00\",\"description\":\"Te explicamos las caracter\u00edsticas m\u00e1s resaltantes y los objetvivos del pixel dentro de una imagen o ilustraci\u00f3n digital.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.techopedia.com\/es\/definicion\/pixel\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel#primaryimage\",\"url\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel.jpg\",\"contentUrl\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel.jpg\",\"width\":1280,\"height\":683,\"caption\":\"\u00bfC\u00f3mo funciona los pixel? Techopedia\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.techopedia.com\/es\/definicion\/pixel#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/www.techopedia.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Term\",\"item\":\"https:\/\/www.techopedia.com\/es\/definicion\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Pixel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#website\",\"url\":\"https:\/\/www.techopedia.com\/es\/\",\"name\":\"Techopedia\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.techopedia.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#organization\",\"name\":\"Techopedia en Espa\u00f1ol\",\"url\":\"https:\/\/www.techopedia.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2023\/09\/techopedia-light.svg\",\"contentUrl\":\"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2023\/09\/techopedia-light.svg\",\"width\":209,\"height\":37,\"caption\":\"Techopedia en Espa\u00f1ol\"},\"image\":{\"@id\":\"https:\/\/www.techopedia.com\/es\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/f5dd538e31ee352d105b8af36c4268a5\",\"name\":\"Margaret Rouse\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.techopedia.com\/wp-content\/uploads\/2023\/02\/margaret-rouse-headshot.jpeg\",\"contentUrl\":\"https:\/\/www.techopedia.com\/wp-content\/uploads\/2023\/02\/margaret-rouse-headshot.jpeg\",\"caption\":\"Margaret Rouse\"},\"description\":\"Margaret is an award-winning writer and educator known for her ability to explain complex technical topics to a non-technical business audience. Over the past twenty years, her IT definitions have been published by Que in an encyclopedia of technology terms and cited in articles in the New York Times, Time Magazine, USA Today, ZDNet, PC Magazine, and Discovery Magazine. She joined Techopedia in 2011. Margaret\u2019s idea of \u200b\u200ba fun day is to help IT and business professionals to learn to speak each other\u2019s highly specialized languages.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/margaretrouse\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/@techdefinitions\"],\"knowsAbout\":[\"Technology expert\"],\"url\":\"https:\/\/www.techopedia.com\/es\/autor\/margaret-rouse\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00bfQu\u00e9 es un pixel y para qu\u00e9 se usa?","description":"Te explicamos las caracter\u00edsticas m\u00e1s resaltantes y los objetvivos del pixel dentro de una imagen o ilustraci\u00f3n digital.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.techopedia.com\/es\/definicion\/pixel","og_locale":"es_ES","og_type":"article","og_title":"Pixel","og_description":"Te explicamos las caracter\u00edsticas m\u00e1s resaltantes y los objetvivos del pixel dentro de una imagen o ilustraci\u00f3n digital.","og_url":"https:\/\/www.techopedia.com\/es\/definicion\/pixel","og_site_name":"Techopedia Espa\u00f1ol","article_modified_time":"2024-09-09T09:57:38+00:00","og_image":[{"width":1280,"height":683,"url":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.techopedia.com\/es\/definicion\/pixel#article","isPartOf":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/pixel"},"author":{"name":"Margaret Rouse","@id":"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/f5dd538e31ee352d105b8af36c4268a5"},"headline":"Pixel","datePublished":"2024-09-09T04:33:02+00:00","dateModified":"2024-09-09T09:57:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/pixel"},"wordCount":1883,"commentCount":0,"publisher":{"@id":"https:\/\/www.techopedia.com\/es\/#organization"},"image":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/pixel#primaryimage"},"thumbnailUrl":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel.jpg","inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.techopedia.com\/es\/definicion\/pixel#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.techopedia.com\/es\/definicion\/pixel","url":"https:\/\/www.techopedia.com\/es\/definicion\/pixel","name":"\u00bfQu\u00e9 es un pixel y para qu\u00e9 se usa?","isPartOf":{"@id":"https:\/\/www.techopedia.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/pixel#primaryimage"},"image":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/pixel#primaryimage"},"thumbnailUrl":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel.jpg","datePublished":"2024-09-09T04:33:02+00:00","dateModified":"2024-09-09T09:57:38+00:00","description":"Te explicamos las caracter\u00edsticas m\u00e1s resaltantes y los objetvivos del pixel dentro de una imagen o ilustraci\u00f3n digital.","breadcrumb":{"@id":"https:\/\/www.techopedia.com\/es\/definicion\/pixel#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.techopedia.com\/es\/definicion\/pixel"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.techopedia.com\/es\/definicion\/pixel#primaryimage","url":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel.jpg","contentUrl":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2024\/09\/large-Pixel.jpg","width":1280,"height":683,"caption":"\u00bfC\u00f3mo funciona los pixel? Techopedia"},{"@type":"BreadcrumbList","@id":"https:\/\/www.techopedia.com\/es\/definicion\/pixel#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.techopedia.com\/es\/"},{"@type":"ListItem","position":2,"name":"Term","item":"https:\/\/www.techopedia.com\/es\/definicion"},{"@type":"ListItem","position":3,"name":"Pixel"}]},{"@type":"WebSite","@id":"https:\/\/www.techopedia.com\/es\/#website","url":"https:\/\/www.techopedia.com\/es\/","name":"Techopedia","description":"","publisher":{"@id":"https:\/\/www.techopedia.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.techopedia.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.techopedia.com\/es\/#organization","name":"Techopedia en Espa\u00f1ol","url":"https:\/\/www.techopedia.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.techopedia.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2023\/09\/techopedia-light.svg","contentUrl":"https:\/\/www.techopedia.com\/es\/wp-content\/uploads\/sites\/4\/2023\/09\/techopedia-light.svg","width":209,"height":37,"caption":"Techopedia en Espa\u00f1ol"},"image":{"@id":"https:\/\/www.techopedia.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/f5dd538e31ee352d105b8af36c4268a5","name":"Margaret Rouse","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.techopedia.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/www.techopedia.com\/wp-content\/uploads\/2023\/02\/margaret-rouse-headshot.jpeg","contentUrl":"https:\/\/www.techopedia.com\/wp-content\/uploads\/2023\/02\/margaret-rouse-headshot.jpeg","caption":"Margaret Rouse"},"description":"Margaret is an award-winning writer and educator known for her ability to explain complex technical topics to a non-technical business audience. Over the past twenty years, her IT definitions have been published by Que in an encyclopedia of technology terms and cited in articles in the New York Times, Time Magazine, USA Today, ZDNet, PC Magazine, and Discovery Magazine. She joined Techopedia in 2011. Margaret\u2019s idea of \u200b\u200ba fun day is to help IT and business professionals to learn to speak each other\u2019s highly specialized languages.","sameAs":["https:\/\/www.linkedin.com\/in\/margaretrouse\/","https:\/\/x.com\/https:\/\/twitter.com\/@techdefinitions"],"knowsAbout":["Technology expert"],"url":"https:\/\/www.techopedia.com\/es\/autor\/margaret-rouse"}]}},"_links":{"self":[{"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/definition\/51803"}],"collection":[{"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/definition"}],"about":[{"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/types\/definition"}],"author":[{"embeddable":true,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/users\/7813"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/comments?post=51803"}],"version-history":[{"count":7,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/definition\/51803\/revisions"}],"predecessor-version":[{"id":52044,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/definition\/51803\/revisions\/52044"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/media\/51804"}],"wp:attachment":[{"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/media?parent=51803"}],"wp:term":[{"taxonomy":"definitioncat","embeddable":true,"href":"https:\/\/www.techopedia.com\/es\/wp-json\/wp\/v2\/definitioncat?post=51803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}