;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();

Tec a seu favor

O que é a tecnologia 4K de ultradefinição? Entenda a resolução

Já reparou que agora todas as TVs parecem ser 4K? Aprenda mais sobre elas - baloon111/Getty Images/iStockphoto — Já reparou que agora todas as TVs parecem ser 4K? Aprenda mais sobre elas Imagem: baloon111/Getty Images/iStockphoto

Guilherme Tagiaroli

De Tilt, em São Paulo

10/08/2021 04h00

A tecnologia 4K aparece na maioria das smart TVs, em celulares com câmeras potentes, em games modernos. Mas você sabe que diferença faz?

O que é 4K?

A tecnologia 4K —também chamada de Ultra HD ou ultradefinição— consiste em uma evolução na qualidade de telas. Esses displays, basicamente, contam com quatro vezes mais pixels (pontos da tela) que um aparelho Full HD. Um eletrônico 4K tem resolução 3.840 x 2.160 pixels, enquanto um Full HD tem 1.920 x 1.080 pixels.

Com mais pixels na tela, as imagens em uma TV 4K, por exemplo, são exibidas teoricamente com quatro vezes mais definição que em um modelo Full HD, o que provoca uma sensação de imersão.

FullHD x UltraHD

Arte UOL

Aparelho UltraHD tem o dobro de linhas e colunas comparado com um televisor FullHD; quanto maior o número de "pontos na tela", maior será o nível de detalhamento das imagens exibidas. A imagem acima é meramente ilustrativa

Os preços vão cair?

Sim. Como todas as tecnologias novas, os preços começam altos e depois costumam baixar com o aumento da escala de produção. A popularização da TV 4K deve acontecer em breve.

Consome mais ou menos energia?

A tecnologia de iluminação da tela que usa LED já é, em médio, 30% mais econômica, porque usa lâmpadas menores —na comparação com as antigas telas de LCD.

As TVs 4K costumam ter tecnologias mais avançadas de iluminação e display mais fino, o que ajuda a economizar energia.

Já as telas Oled (diodos orgânicos emissores de luz) conseguem ser ainda mais eficientes, porque trabalham com pontos individuais, que acendem e apagam totalmente conforme a necessidade.

Onde posso achar conteúdo 4K?

HD: conteúdos da TV aberta (futebol, novela, noticiário)
Full HD: streaming e consoles mais antigos, como o Playstation 3 e Xbox 360
4K: consoles como Playstation 4 e Xbox One X, filmes e séries da Netflix, HBO, Amazon Prime e outros
8K: são uma raridade, mas podem ser encontrados no Xbox Series X e Playstation 5 ou em vídeos do YouTube.

No caso dos serviços de streaming, é preciso uma internet banda larga compatível. A Netflix, por exemplo, recomenda uma conexão mínima de 5 Mbps (Megabits por segundo) para vídeos em HD e 25 Mbps para assistir filmes e séries em 4K.

Sabendo que as pessoas consomem vídeo em diferentes resoluções, muitas TVs contam com sistemas de upscalling (quando um sinal de qualidade inferior é melhorado via software). A maioria dos modelos recentes conta com processador —semelhante ao de celulares e computadores— para executar este tipo de tarefa.

Nós comparamos

Na primeira edição do Tilt Lab Day, testamos quatro smart TVs 4K: uma da LG, uma da Philco, uma da Samsung e uma da Toshiba. Elas tinham diferentes preços e funcionalidades, mas o modelo da LG venceu como o melhor. O da Toshiba levou na categoria melhor custo-benefício.

Confira como cada aparelho se saiu em cada quesito e tire suas dúvidas na live abaixo:

Samsung Neo Qled de 55"
Comprar

LG C1 OLED de 65"
Comprar

Philco Roku de 50"
Comprar

Toshiba UHD 4K de 55"
Comprar

O UOL pode receber uma parcela das vendas pelos links recomendados neste conteúdo. Preços e ofertas da loja não influenciam os critérios de escolha editorial.