Esta API irá transformar seu HTML e CSS em imagens para você ter.
Envie o HTML e CSS brutos para a API como mostrado e receba um link de imagem para que você possa acessar o que está sendo criado com seu código.
API ideal para projetos que precisam visualizar seus códigos com imagens. Ideal para apresentações.
Além disso, esta é uma ótima ferramenta para plataformas de aprendizado que podem mostrar a seus usuários o que estão criando com o código que recém aprenderam.
Além das limitações de chamadas da API por mês, não há outras limitações.
Receba uma URL na resposta que exibe o HTML em uma imagem nos formatos PNG, JPEG ou WebP após enviá-la na solicitação juntamente com um parâmetro CSS opcional
Usando o argumento do seletor, você pode decidir capturar uma captura de tela de um determinado elemento HTML
HTML e CSS para imagem - Recursos do endpoint
| Objeto | Descrição |
|---|---|
Corpo da requisição |
[Obrigatório] Json |
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/64b0ac4f-471d-47c7-823b-5973a2949063.png"}
curl --location --request POST 'https://zylalabs.com/api/766/html+and+css+to+image+api/498/html+and+css+to+image' --header 'Authorization: Bearer YOUR_API_KEY'
--data-raw '{
"html": "Hello World
",
"css":"",
"ms_delay": 250,
"selector": "",
"format": "png",
"device_scale": 1
}'
| Cabeçalho | Descrição |
|---|---|
Authorization
|
[Obrigatório] Deve ser Bearer access_key. Veja "Sua chave de acesso à API" acima quando você estiver inscrito. |
Sem compromisso de longo prazo. Faça upgrade, downgrade ou cancele a qualquer momento. O teste gratuito inclui até 50 requisições.
A API retorna um objeto JSON contendo uma URL que liga à imagem gerada Essa imagem representa a saída renderizada do HTML e CSS fornecidos
O campo principal nos dados de resposta é "url" que contém o link direto para a imagem gerada em formatos como PNG JPEG ou WebP
O endpoint aceita parâmetros para HTML bruto CSS opcional e um argumento de seletor para especificar qual elemento HTML capturar como uma imagem
Os usuários podem personalizar solicitações incluindo código HTML e CSS específico, assim como usar o parâmetro de seletor para direcionar elementos particulares para a geração de imagens
Os dados da resposta estão estruturados como um objeto JSON com o campo "url" fornecendo o link para a imagem gerada facilitando o acesso e a exibição
Casos de uso comuns incluem a geração de imagens para visualização de código em plataformas educacionais a criação de visuais para apresentações e a captura de elementos HTML específicos para documentação
A API depende de engines de renderização para converter com precisão HTML e CSS em imagens garantindo que a saída corresponda de perto ao design pretendido conforme codificado pelo usuário
Os usuários podem esperar uma saída consistente na forma de uma URL que liga à imagem gerada com variações com base no HTML fornecido CSS e quaisquer seletores especificados
Nível de serviço:
100%
Tempo de resposta:
2.355ms
Nível de serviço:
100%
Tempo de resposta:
8.778ms
Nível de serviço:
100%
Tempo de resposta:
13.507ms
Nível de serviço:
100%
Tempo de resposta:
0ms
Nível de serviço:
100%
Tempo de resposta:
0ms
Nível de serviço:
100%
Tempo de resposta:
0ms
Nível de serviço:
100%
Tempo de resposta:
0ms
Nível de serviço:
100%
Tempo de resposta:
0ms
Nível de serviço:
100%
Tempo de resposta:
0ms
Nível de serviço:
100%
Tempo de resposta:
0ms
Nível de serviço:
100%
Tempo de resposta:
584ms
Nível de serviço:
80%
Tempo de resposta:
573ms
Nível de serviço:
100%
Tempo de resposta:
139ms
Nível de serviço:
100%
Tempo de resposta:
149ms
Nível de serviço:
100%
Tempo de resposta:
311ms
Nível de serviço:
100%
Tempo de resposta:
669ms
Nível de serviço:
100%
Tempo de resposta:
189ms
Nível de serviço:
100%
Tempo de resposta:
595ms
Nível de serviço:
100%
Tempo de resposta:
1.192ms
Nível de serviço:
100%
Tempo de resposta:
1.209ms