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.
Descubra a técnica de resumo de resumos para destilar conteúdo complexo do lado do cliente.
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

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