Esta é a nova era da Web com IA. Confira como a IA pode facilitar a criação de experiências poderosas na Web para os desenvolvedores.
Começar Participar do Programa de testes

Gemini Nano no Chrome

Reinvente o que é possível fazer com o Gemini Nano no Chrome.
Estamos trazendo o Gemini Nano, o modelo mais eficiente do ecossistema Gemini, para o Chrome.
A IA do lado do cliente oferece modelos avançados para os usuários, protegendo a privacidade dos dados e melhorando a latência.
Conheça os requisitos para começar a criar recursos e aplicativos com IA integrada.
Analise as APIs e o status de disponibilidade para uso com o Gemini Nano no Chrome.

APIs de IA integradas

Participe dos testes de origem e comece a usar essas APIs na produção.
Começar
Traduzir texto em tempo real no navegador usando modelos de IA locais. Agora, os usuários podem contribuir com o idioma materno.
Identifique o idioma usado em qualquer texto com a API Language Detector.
Gerar diferentes tipos de resumos em diferentes comprimentos e formatos, como frases, parágrafos, listas com marcadores e muito mais.
Descubra as infinitas possibilidades da API Prompt nas extensões do Chrome.

Crie com IA

Resolva seu caso de uso.
Use a IA generativa do lado do servidor para avaliar avaliações. A inferência ocorre em um servidor.
Explore soluções de IA no dispositivo para ajudar os usuários a escrever avaliações úteis.
Ofereça suporte global ao cliente com a API Tradutor.
Ajude seus aplicativos a serem iniciados mais rapidamente armazenando em cache o modelo no dispositivo.
Este guia apresenta as práticas recomendadas para o gerenciamento de sessões com o modelo de linguagem.
Melhore a experiência de navegação com a personalização do navegador e o controle sobre o conteúdo da Web. Crie extensões de última geração com IA.

Práticas recomendadas

Armazene o modelo no dispositivo em cache para acelerar a inicialização dos aplicativos.
Entenda o que é o streaming e como ele funciona com a IA e os LLMs.
Use estas práticas recomendadas de front-end para mostrar as respostas transmitidas pelo Gemini.
Use uma página especial interna do Chrome para conferir detalhes de depuração em comandos para o Gemini Nano.

Notícias sobre IA e Gemini Nano

Avançar na análise de rede com o Chrome DevTools

Updated 27 de fevereiro de 2025

Avançar na análise de rede com o Chrome DevTools.

Gravar e analisar um trace de desempenho com as Ferramentas do desenvolvedor

Updated 5 de dezembro de 2024

Grave e analise um rastro de desempenho com as Ferramentas do desenvolvedor.

Monitorar as métricas do Core Web Vitals em tempo real no painel "Performance"

Updated 31 de outubro de 2024

Monitore as métricas do Core Web Vitals em tempo real no painel "Performance".

Produtividade do desenvolvedor

Converse com o Gemini no DevTools. As conversas iniciadas nesse painel têm contexto sobre detalhes técnicos da página que você está inspecionando.
Use o painel de assistência de IA para entender o layout geral de um site, estilos de elementos específicos e receber correções geradas com IA para bugs de CSS.
Confira cinco maneiras de facilitar o estilo da sua página, desde a compreensão de layouts até a correção de aviões.
Use o console para conferir e depurar os resultados da IA no dispositivo.

Vencedores do desafio de IA integrada

Encontre inspiração para a IA integrada com os vencedores do Desafio de IA integrada.
Todos os vencedores
Uma barra de pesquisa dinâmica e leve que permite criar, modificar e excluir comandos para pequenas tarefas diárias.
Inspire-se
Adapte o conteúdo da Web para oferecer suporte a usuários com dislexia, TDAH e deficiências que prejudicam a leitura.
Inspire-se
Adição de assistência de IA ao editor de blocos do WordPress.
Inspire-se

WebGPU

Apoie suas iniciativas de IA com a WebGPU, uma API gráfica da Web que oferece acesso a recursos de GPU mais avançados.
Descobrir as atualizações mais recentes da WebGPU no Chrome.
Leia o documento
Descubra a WebGPU no Chrome e receba suporte de primeira classe para cálculos gerais na GPU.
Leia o documento
Saiba como acessar a GPU com a WebGPU.
Leia o documento
Saiba como testar modelos de IA do lado do cliente baseados no navegador em ambientes reais de navegador.
Leia o documento
Saiba por que a WebGPU pode estar inoperante ou não funcionar como esperado no Chrome e como corrigir isso.
Leia o documento
Encontre a referência da API no MDN.
Acessar o MDN

WebAssembly

Ative aplicativos de alto desempenho em páginas da Web com o Chrome
Saiba mais sobre as melhorias do WebAssembly para tarefas usadas com frequência em inferência de IA.
Leia o documento
Saiba mais sobre o back-end WASM do back-end Wasm do TensorFlow.js e como ele usa a biblioteca XNNPACK para otimizar a implementação de operadores de rede neural.
Leia o documento
Saiba como implantar a Web do ambiente de execução ONNX em um ambiente de produção e quais arquivos binários do WebAssembly incluir no aplicativo.
Leia o documento

Introdução à IA da Web

web.dev
Entender os conceitos básicos e definições das várias tecnologias emergentes, geralmente chamadas de IA.
Leia o documento
web.dev
Como profissionais da Web, é fundamental que criemos novas tecnologias de forma cuidadosa e responsável.
Leia o documento
web.dev
Descubra técnicas para usar a IA do lado do cliente, que oferece benefícios como baixa latência, redução de custos do lado do servidor, maior privacidade do usuário e muito mais.
Leia o documento