Antes de continuar com sua assinatura, precisamos verificar sua identidade.
Isso protegerá você e outros usuários de possíveis fraudes.
- Você será redirecionado para nosso parceiro seguro de verificação de identidade, Stripe.
- Você precisará fornecer um documento de identidade emitido pelo governo.
- O processo é automático e levará apenas alguns minutos.
- Após concluído, você será redirecionado para o checkout para continuar sua assinatura.
Crie uma skill envolvendo este MCP: https://mcp.zylalabs.com/mcp?apikey=YOUR_ZYLA_API_KEY
Apresentando a API HTML CSS para Imagem: Seu Portal para Conteúdo Visual Impressionante
Na era digital, o conteúdo visual reina supremo e criar imagens atraentes a partir de HTML e CSS nunca foi tão fácil quanto com a API HTML CSS para Imagem. Esta robusta API capacita desenvolvedores, designers e criadores de conteúdo a transformar elementos da web em imagens PNG, JPEG ou WebP, abrindo um mundo de possibilidades para aprimorar sites, aplicativos e materiais de marketing digital.
Principais Recursos:
Conversão Versátil: Com essa API ao seu alcance, você pode converter facilmente código HTML e CSS simples em imagens PNG, JPEG ou WebP de alta qualidade. Sem necessidade de software complexo ou criação manual de imagens—basta inserir seu código e ver sua visão ganhar vida.
Tempo Preciso: A paciência vale a pena, especialmente ao capturar conteúdo dinâmico da web. A API oferece a capacidade de esperar um número especificado de milissegundos antes de tirar uma captura de tela. Isso garante que suas imagens representem com precisão o estado totalmente carregado da página da web, evitando capturas prematuras e proporcionando aos usuários uma experiência de navegação fluida.
Mágica de URL: Às vezes, a web inteira é sua tela. Gere imagens diretamente de URLs de sites, com a opção de especificar altura e largura. Se você está exibindo conteúdo da web ou monitorando mudanças, esse recurso simplifica o processo e permite capturar exatamente o que você precisa.
Controle Perfeito de Pixels: Perfeccionar as proporções de pixels é uma brisa com a funcionalidade de ajuste de proporção de pixels da API. Alcance níveis precisos de clareza e detalhe em suas capturas de tela, garantindo que suas imagens pareçam impressionantes em uma variedade de dispositivos e resoluções.
Passe seu CSS HTML ou URL para recuperar uma imagem gerada.
Apresentando a API HTML CSS para Imagem: Seu Portal para Conteúdo Visual Impressionante
Na era digital, o conteúdo visual reina supremo e criar imagens atraentes a partir de HTML e CSS nunca foi tão fácil quanto com a API HTML CSS para Imagem. Esta robusta API capacita desenvolvedores, designers e criadores de conteúdo a transformar elementos da web em imagens PNG, JPEG ou WebP, abrindo um mundo de possibilidades para aprimorar sites, aplicativos e materiais de marketing digital.
Principais Recursos:
Conversão Versátil: Com essa API ao seu alcance, você pode converter facilmente código HTML e CSS simples em imagens PNG, JPEG ou WebP de alta qualidade. Sem necessidade de software complexo ou criação manual de imagens—basta inserir seu código e ver sua visão ganhar vida.
Tempo Preciso: A paciência vale a pena, especialmente ao capturar conteúdo dinâmico da web. A API oferece a capacidade de esperar um número especificado de milissegundos antes de tirar uma captura de tela. Isso garante que suas imagens representem com precisão o estado totalmente carregado da página da web, evitando capturas prematuras e proporcionando aos usuários uma experiência de navegação fluida.
Mágica de URL: Às vezes, a web inteira é sua tela. Gere imagens diretamente de URLs de sites, com a opção de especificar altura e largura. Se você está exibindo conteúdo da web ou monitorando mudanças, esse recurso simplifica o processo e permite capturar exatamente o que você precisa.
Controle Perfeito de Pixels: Perfeccionar as proporções de pixels é uma brisa com a funcionalidade de ajuste de proporção de pixels da API. Alcance níveis precisos de clareza e detalhe em suas capturas de tela, garantindo que suas imagens pareçam impressionantes em uma variedade de dispositivos e resoluções.
Além do número de chamadas de API disponíveis para o plano, não há outras limitações.
Envie um HTML na solicitação com um parâmetro CSS opcional e receba uma URL na resposta que o renderiza como uma imagem em formato PNG JPEG ou WebP
POST https://www.zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem
HTML CSS para Imagem - Recursos do endpoint
| Objeto | Descrição |
|---|---|
Corpo da requisição |
[Obrigatório] Json |
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/18253aa7-8e49-4a31-b228-8330bbffcf26.png"}
curl --location --request POST 'https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem' --header 'Authorization: Bearer YOUR_API_KEY'
--data-raw '{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t![](\"https://cdn.shopify.com/s/files/1/0656/2283/5457/products/819DpkZOobL.jpg?v=1664689392\"/)
\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t![](\"https://cdn.shopify.com/s/files/1/0656/2283/5457/products/download.jpg?v=1666084692\"/)
\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t![](\"https://cdn.shopify.com/s/files/1/0656/2283/5457/products/whenIamwithyou.jpg?v=1661148983\"/)
\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}'
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
import java.io.IOException;
public class Main {
public static void main(String[] args) {
OkHttpClient client = new OkHttpClient();
// Build the GET request
Request request = new Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem")
.get() // Use GET method without a body
.addHeader("Authorization", "Bearer YOUR_API_KEY")
.build();
// Execute the request
try (Response response = client.newCall(request).execute()) {
if (response.isSuccessful()) {
// Handle the response in case of a successful request
String responseData = response.body().string();
System.out.println(responseData);
} else {
// Handle errors
System.out.println("Request error: " + response.code());
}
} catch (IOException e) {
// Handle I/O exceptions
e.printStackTrace();
}
}
}
var settings = {
"url": "https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem",
"method": "POST",
"timeout": 0,
"headers": {
"Authorization": "Bearer YOUR_API_KEY"
},
};
$.ajax(settings).done(function (response) {
console.log(response);
});
var data = "{\r\n \"html\": \"\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t![](\\\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2283\/5457\/products\/819DpkZOobL.jpg?v=1664689392\\\"\/)
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tFour Aunties and a Wedding<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9199.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9199.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t![](\\\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2283\/5457\/products\/download.jpg?v=1666084692\\\"\/)
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tIt Starts With Us<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9179.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9179.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t![](\\\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/2283\/5457\/products\/whenIamwithyou.jpg?v=1661148983\\\"\/)
\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tWhen I Am With You<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9120.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9120.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tStandard shipping ( for online payments )<\/h3>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b940.00<\/h3>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tTotal<\/h2>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b9538.00<\/h2>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t<\/div>\\n\\t<\/body>\",\r\n \"css\": \"* {\\n\\tmargin: 0px;\\n\\tpadding: 0px;\\n}\\n\\nbody {\\n\\tfont-family: "Roboto", sans-serif;\\n}\\n\\np {\\n\\tfont-size: 20px;\\n}\\n\\n.container {\\n\\twidth: 900px;\\n\\tborder: 1px solid black;\\n\\tpadding: 60px 60px 40px 60px;\\n}\\n\\n.flex {\\n\\tdisplay: flex;\\n}\\n\\n.product {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 40px;\\n}\\n\\n.product-image {\\n\\twidth: 100px;\\n\\theight: 100px;\\n\\tborder: 1px solid #dddddd;\\n\\tborder-radius: 8px;\\n}\\n\\n.product-details {\\n\\tmargin-left: 20px;\\n}\\n\\n.product-details h2 {\\n\\tmargin-bottom: 10px;\\n\\tmax-width: 400px;\\n}\\n\\n.price {\\n\\tfont-weight: bold;\\n\\tmargin-left: 40px;\\n}\\n\\n.currency {\\n\\tcolor: gray;\\n\\tmargin-right: 10px;\\n}\\n\\n.footer {\\n\\tmargin-top: 40px;\\n}\\n\\n.total {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 20px;\\n}\\n\\n.total h2 {\\n\\tfont-size: 28px;\\n}\",\r\n \"ms_delay\": 250,\r\n \"selector\": \".container\",\r\n \"format\": \"png\",\r\n \"device_scale\": 1\r\n}";
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
xhr.addEventListener("readystatechange", function() {
if(this.readyState === 4) {
console.log(this.responseText);
}
});
xhr.open("POST", "https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem");
xhr.setRequestHeader("Authorization", "Bearer YOUR_API_KEY");
xhr.send(data);
xhr.send();
xhr.send();
var axios = require('axios');
var data = "{\r\n \"html\": \"\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tFour Aunties and a Wedding<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9199.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9199.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tIt Starts With Us<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9179.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9179.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tWhen I Am With You<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9120.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9120.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tStandard shipping ( for online payments )<\/h3>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b940.00<\/h3>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tTotal<\/h2>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b9538.00<\/h2>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t<\/div>\\n\\t<\/body>\",\r\n \"css\": \"* {\\n\\tmargin: 0px;\\n\\tpadding: 0px;\\n}\\n\\nbody {\\n\\tfont-family: "Roboto", sans-serif;\\n}\\n\\np {\\n\\tfont-size: 20px;\\n}\\n\\n.container {\\n\\twidth: 900px;\\n\\tborder: 1px solid black;\\n\\tpadding: 60px 60px 40px 60px;\\n}\\n\\n.flex {\\n\\tdisplay: flex;\\n}\\n\\n.product {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 40px;\\n}\\n\\n.product-image {\\n\\twidth: 100px;\\n\\theight: 100px;\\n\\tborder: 1px solid #dddddd;\\n\\tborder-radius: 8px;\\n}\\n\\n.product-details {\\n\\tmargin-left: 20px;\\n}\\n\\n.product-details h2 {\\n\\tmargin-bottom: 10px;\\n\\tmax-width: 400px;\\n}\\n\\n.price {\\n\\tfont-weight: bold;\\n\\tmargin-left: 40px;\\n}\\n\\n.currency {\\n\\tcolor: gray;\\n\\tmargin-right: 10px;\\n}\\n\\n.footer {\\n\\tmargin-top: 40px;\\n}\\n\\n.total {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 20px;\\n}\\n\\n.total h2 {\\n\\tfont-size: 28px;\\n}\",\r\n \"ms_delay\": 250,\r\n \"selector\": \".container\",\r\n \"format\": \"png\",\r\n \"device_scale\": 1\r\n}";
var config = {
method: 'POST',
url: 'https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem',
headers: {
'Authorization': 'Bearer YOUR_API_KEY'
},
data : data
};
axios(config).then(function (response) {
console.log(JSON.stringify(response.data));
})
.catch(function (error) {
console.log(error);
});
$curl = curl_init();
curl_setopt_array($curl, array(
CURLOPT_URL => 'https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem',
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => '',
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 0,
CURLOPT_FOLLOWLOCATION => true,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => 'POST',
CURLOPT_POSTFIELDS => '{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}',
CURLOPT_HTTPHEADER => array(
'Authorization: Bearer YOUR_API_KEY'
),
));
$response = curl_exec($curl);
curl_close($curl);
echo $response;
import requests
url = "https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem"
payload = "{\r\n \"html\": \"\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tFour Aunties and a Wedding<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9199.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9199.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tIt Starts With Us<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9179.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9179.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tWhen I Am With You<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9120.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9120.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tStandard shipping ( for online payments )<\/h3>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b940.00<\/h3>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tTotal<\/h2>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b9538.00<\/h2>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t<\/div>\\n\\t<\/body>\",\r\n \"css\": \"* {\\n\\tmargin: 0px;\\n\\tpadding: 0px;\\n}\\n\\nbody {\\n\\tfont-family: "Roboto", sans-serif;\\n}\\n\\np {\\n\\tfont-size: 20px;\\n}\\n\\n.container {\\n\\twidth: 900px;\\n\\tborder: 1px solid black;\\n\\tpadding: 60px 60px 40px 60px;\\n}\\n\\n.flex {\\n\\tdisplay: flex;\\n}\\n\\n.product {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 40px;\\n}\\n\\n.product-image {\\n\\twidth: 100px;\\n\\theight: 100px;\\n\\tborder: 1px solid #dddddd;\\n\\tborder-radius: 8px;\\n}\\n\\n.product-details {\\n\\tmargin-left: 20px;\\n}\\n\\n.product-details h2 {\\n\\tmargin-bottom: 10px;\\n\\tmax-width: 400px;\\n}\\n\\n.price {\\n\\tfont-weight: bold;\\n\\tmargin-left: 40px;\\n}\\n\\n.currency {\\n\\tcolor: gray;\\n\\tmargin-right: 10px;\\n}\\n\\n.footer {\\n\\tmargin-top: 40px;\\n}\\n\\n.total {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 20px;\\n}\\n\\n.total h2 {\\n\\tfont-size: 28px;\\n}\",\r\n \"ms_delay\": 250,\r\n \"selector\": \".container\",\r\n \"format\": \"png\",\r\n \"device_scale\": 1\r\n}"
payload={}
payload={}
headers = {
'Authorization': 'Bearer YOUR_API_KEY'
}
response = requests.request("POST", url, headers=headers, data=payload)
print(response.text)
require "uri"
require "net/http"
url = URI("https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem")
http = Net::HTTP.new(url.host, url.port);
request = Net::HTTP::POST.new(url)
request["Authorization"] = "Bearer YOUR_API_KEY"
request.body = "{\r\n \"html\": \"\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tFour Aunties and a Wedding<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9199.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9199.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tIt Starts With Us<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9179.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9179.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tWhen I Am With You<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9120.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9120.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tStandard shipping ( for online payments )<\/h3>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b940.00<\/h3>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tTotal<\/h2>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b9538.00<\/h2>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t<\/div>\\n\\t<\/body>\",\r\n \"css\": \"* {\\n\\tmargin: 0px;\\n\\tpadding: 0px;\\n}\\n\\nbody {\\n\\tfont-family: "Roboto", sans-serif;\\n}\\n\\np {\\n\\tfont-size: 20px;\\n}\\n\\n.container {\\n\\twidth: 900px;\\n\\tborder: 1px solid black;\\n\\tpadding: 60px 60px 40px 60px;\\n}\\n\\n.flex {\\n\\tdisplay: flex;\\n}\\n\\n.product {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 40px;\\n}\\n\\n.product-image {\\n\\twidth: 100px;\\n\\theight: 100px;\\n\\tborder: 1px solid #dddddd;\\n\\tborder-radius: 8px;\\n}\\n\\n.product-details {\\n\\tmargin-left: 20px;\\n}\\n\\n.product-details h2 {\\n\\tmargin-bottom: 10px;\\n\\tmax-width: 400px;\\n}\\n\\n.price {\\n\\tfont-weight: bold;\\n\\tmargin-left: 40px;\\n}\\n\\n.currency {\\n\\tcolor: gray;\\n\\tmargin-right: 10px;\\n}\\n\\n.footer {\\n\\tmargin-top: 40px;\\n}\\n\\n.total {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 20px;\\n}\\n\\n.total h2 {\\n\\tfont-size: 28px;\\n}\",\r\n \"ms_delay\": 250,\r\n \"selector\": \".container\",\r\n \"format\": \"png\",\r\n \"device_scale\": 1\r\n}"
response = http.request(request)
puts response.read_body
printf '{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}'|
http --follow --timeout 3600 POST 'https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem' \
Authorization:'Bearer YOUR_API_KEY'
var client = new RestClient("https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem");
client.Timeout = -1;
var request = new RestRequest(Method.POST);
request.AddHeader("Authorization", "Bearer YOUR_API_KEY");
var body = "{\r\n \"html\": \"\\n\\t\\t\\n\\t\\t\\t\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tFour Aunties and a Wedding<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9199.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9199.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tIt Starts With Us<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9179.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9179.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tWhen I Am With You<\/h2>\\n\\t\\t\\t\\t\\t\\t
<\/p>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t
\\n\\t\\t\\t\\t\\t\u20b9120.00 x 1<\/p>\\n\\t\\t\\t\\t\\t
\u20b9120.00<\/p>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t\\t
\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tStandard shipping ( for online payments )<\/h3>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b940.00<\/h3>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t\\n\\t\\t\\t\\t\\tTotal<\/h2>\\n\\t\\t\\t\\t\\t\\n\\t\\t\\t\\t\\t\\tINR<\/p>\\n\\t\\t\\t\\t\\t\\t
\u20b9538.00<\/h2>\\n\\t\\t\\t\\t\\t<\/div>\\n\\t\\t\\t\\t<\/div>\\n\\t\\t\\t<\/div>\\n\\t\\t<\/div>\\n\\t<\/body>\",\r\n \"css\": \"* {\\n\\tmargin: 0px;\\n\\tpadding: 0px;\\n}\\n\\nbody {\\n\\tfont-family: "Roboto", sans-serif;\\n}\\n\\np {\\n\\tfont-size: 20px;\\n}\\n\\n.container {\\n\\twidth: 900px;\\n\\tborder: 1px solid black;\\n\\tpadding: 60px 60px 40px 60px;\\n}\\n\\n.flex {\\n\\tdisplay: flex;\\n}\\n\\n.product {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 40px;\\n}\\n\\n.product-image {\\n\\twidth: 100px;\\n\\theight: 100px;\\n\\tborder: 1px solid #dddddd;\\n\\tborder-radius: 8px;\\n}\\n\\n.product-details {\\n\\tmargin-left: 20px;\\n}\\n\\n.product-details h2 {\\n\\tmargin-bottom: 10px;\\n\\tmax-width: 400px;\\n}\\n\\n.price {\\n\\tfont-weight: bold;\\n\\tmargin-left: 40px;\\n}\\n\\n.currency {\\n\\tcolor: gray;\\n\\tmargin-right: 10px;\\n}\\n\\n.footer {\\n\\tmargin-top: 40px;\\n}\\n\\n.total {\\n\\tdisplay: flex;\\n\\tflex-direction: row;\\n\\tjustify-content: space-between;\\n\\tmargin-bottom: 20px;\\n}\\n\\n.total h2 {\\n\\tfont-size: 28px;\\n}\",\r\n \"ms_delay\": 250,\r\n \"selector\": \".container\",\r\n \"format\": \"png\",\r\n \"device_scale\": 1\r\n}";
request.AddParameter("text/plain", body, ParameterType.RequestBody);
IRestResponse response = client.Execute(request);
Console.WriteLine(response.Content);
package main
import (
"fmt"
"net/http"
"io/ioutil"
)
func main() {
url := "https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem"
method := "POST"
payload := strings.NewReader("{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}")
client := &http.Client {
}
req, err := http.NewRequest(method, url, nil)
if err != nil {
fmt.Println(err)
return
}
req.Header.Add("Authorization", "Bearer YOUR_API_KEY")
res, err := client.Do(req)
if err != nil {
fmt.Println(err)
return
}
defer res.Body.Close()
body, err := ioutil.ReadAll(res.Body)
if err != nil {
fmt.Println(err)
return
}
fmt.Println(string(body))
}
import Foundation
let url = URL(string: "https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem")!
var request = URLRequest(url: url)
request.httpMethod = "POST"
request.setValue("Bearer YOUR_API_KEY", forHTTPHeaderField: "Authorization")
request.httpBody = "{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}".data(using: .utf8)
request.setValue("application/json", forHTTPHeaderField: "Content-Type")
let task = URLSession.shared.dataTask(with: request) { data, _, error in
if let error = error {
print(error.localizedDescription)
return
}
if let data = data {
print(String(decoding: data, as: UTF8.self))
}
}
task.resume()
import okhttp3.MediaType.Companion.toMediaType
import okhttp3.OkHttpClient
import okhttp3.Request
import okhttp3.RequestBody
import okhttp3.RequestBody.Companion.toRequestBody
fun main() {
val client = OkHttpClient()
var body: RequestBody? = null
body = "{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}".toRequestBody("application/json".toMediaType())
val requestBuilder = Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem")
.addHeader("Authorization", "Bearer YOUR_API_KEY")
val request = requestBuilder.method("POST", body).build()
client.newCall(request).execute().use { response ->
println(response.body?.string())
}
}
import 'package:http/http.dart' as http;
void main() async {
var payload = '';
payload = "{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}";
final request = http.Request(
"POST",
Uri.parse("https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem"),
);
request.headers['Authorization'] = 'Bearer YOUR_API_KEY';
if (payload.isNotEmpty) {
request.headers['Content-Type'] = 'application/json';
request.body = payload;
}
final client = http.Client();
final response = await client.send(request);
print(await response.stream.bytesToString());
client.close();
}
use reqwest::blocking::Client;
use reqwest::Method;
use std::error::Error;
fn main() -> Result<(), Box> {
let method = Method::from_bytes(b"POST")?;
let client = Client::new();
let mut body = String::new();
body = r#"{
"html": "\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t",
"css": "* {\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\nbody {\n\tfont-family: "Roboto", sans-serif;\n}\n\np {\n\tfont-size: 20px;\n}\n\n.container {\n\twidth: 900px;\n\tborder: 1px solid black;\n\tpadding: 60px 60px 40px 60px;\n}\n\n.flex {\n\tdisplay: flex;\n}\n\n.product {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 40px;\n}\n\n.product-image {\n\twidth: 100px;\n\theight: 100px;\n\tborder: 1px solid #dddddd;\n\tborder-radius: 8px;\n}\n\n.product-details {\n\tmargin-left: 20px;\n}\n\n.product-details h2 {\n\tmargin-bottom: 10px;\n\tmax-width: 400px;\n}\n\n.price {\n\tfont-weight: bold;\n\tmargin-left: 40px;\n}\n\n.currency {\n\tcolor: gray;\n\tmargin-right: 10px;\n}\n\n.footer {\n\tmargin-top: 40px;\n}\n\n.total {\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: space-between;\n\tmargin-bottom: 20px;\n}\n\n.total h2 {\n\tfont-size: 28px;\n}",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}"#.to_string();
let mut request = client
.request(method, "https://zylalabs.com/api/2612/html+css+para+imagem+api/2620/html+css+para+imagem")
.header("Authorization", "Bearer YOUR_API_KEY");
request = request.body(body.clone());
let response = request.send()?;
println!("{}", response.text()?);
Ok(())
}
Envie um HTML na solicitação com um parâmetro CSS opcional e receba uma URL na resposta que a renderiza como uma imagem nos formatos PNG JPEG ou WebP
POST https://www.zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem
HTML para Imagem - Recursos do endpoint
Objeto
Descrição
Corpo da requisição
[Obrigatório] Json
Testar endpoint
RESPOSTA DE EXEMPLO DA API
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/11133f47-7843-47f8-9294-b57252d39e13.png"}
HTML para Imagem - TRECHOS DE CÓDIGO
curl --location --request POST 'https://zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem' --header 'Authorization: Bearer YOUR_API_KEY'
--data-raw '{
"html": "\n\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}'
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
import java.io.IOException;
public class Main {
public static void main(String[] args) {
OkHttpClient client = new OkHttpClient();
// Build the GET request
Request request = new Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem")
.get() // Use GET method without a body
.addHeader("Authorization", "Bearer YOUR_API_KEY")
.build();
// Execute the request
try (Response response = client.newCall(request).execute()) {
if (response.isSuccessful()) {
// Handle the response in case of a successful request
String responseData = response.body().string();
System.out.println(responseData);
} else {
// Handle errors
System.out.println("Request error: " + response.code());
}
} catch (IOException e) {
// Handle I/O exceptions
e.printStackTrace();
}
}
}
var settings = {
"url": "https://zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem",
"method": "POST",
"timeout": 0,
"headers": {
"Authorization": "Bearer YOUR_API_KEY"
},
};
$.ajax(settings).done(function (response) {
console.log(response);
});
var data = "{\r\n \"html\": \"\\n\\t\\n\\t\\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}',
CURLOPT_HTTPHEADER => array(
'Authorization: Bearer YOUR_API_KEY'
),
));
$response = curl_exec($curl);
curl_close($curl);
echo $response;
import requests
url = "https://zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem"
payload={}
payload = "{\r\n \"html\": \"\\n\\t\\n\\t\\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}'|
http --follow --timeout 3600 POST 'https://zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem' \
Authorization:'Bearer YOUR_API_KEY'
var client = new RestClient("https://zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem");
client.Timeout = -1;
var request = new RestRequest(Method.POST);
request.AddHeader("Authorization", "Bearer YOUR_API_KEY");
var body = "{\r\n \"html\": \"\\n\\t\\n\\t\\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}")
client := &http.Client {
}
req, err := http.NewRequest(method, url, nil)
if err != nil {
fmt.Println(err)
return
}
req.Header.Add("Authorization", "Bearer YOUR_API_KEY")
res, err := client.Do(req)
if err != nil {
fmt.Println(err)
return
}
defer res.Body.Close()
body, err := ioutil.ReadAll(res.Body)
if err != nil {
fmt.Println(err)
return
}
fmt.Println(string(body))
}
import Foundation
let url = URL(string: "https://zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem")!
var request = URLRequest(url: url)
request.httpMethod = "POST"
request.setValue("Bearer YOUR_API_KEY", forHTTPHeaderField: "Authorization")
request.httpBody = "{
"html": "\n\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}".data(using: .utf8)
request.setValue("application/json", forHTTPHeaderField: "Content-Type")
let task = URLSession.shared.dataTask(with: request) { data, _, error in
if let error = error {
print(error.localizedDescription)
return
}
if let data = data {
print(String(decoding: data, as: UTF8.self))
}
}
task.resume()
import okhttp3.MediaType.Companion.toMediaType
import okhttp3.OkHttpClient
import okhttp3.Request
import okhttp3.RequestBody
import okhttp3.RequestBody.Companion.toRequestBody
fun main() {
val client = OkHttpClient()
var body: RequestBody? = null
body = "{
"html": "\n\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}".toRequestBody("application/json".toMediaType())
val requestBuilder = Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem")
.addHeader("Authorization", "Bearer YOUR_API_KEY")
val request = requestBuilder.method("POST", body).build()
client.newCall(request).execute().use { response ->
println(response.body?.string())
}
}
import 'package:http/http.dart' as http;
void main() async {
var payload = '';
payload = "{
"html": "\n\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}";
final request = http.Request(
"POST",
Uri.parse("https://zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem"),
);
request.headers['Authorization'] = 'Bearer YOUR_API_KEY';
if (payload.isNotEmpty) {
request.headers['Content-Type'] = 'application/json';
request.body = payload;
}
final client = http.Client();
final response = await client.send(request);
print(await response.stream.bytesToString());
client.close();
}
use reqwest::blocking::Client;
use reqwest::Method;
use std::error::Error;
fn main() -> Result<(), Box> {
let method = Method::from_bytes(b"POST")?;
let client = Client::new();
let mut body = String::new();
body = r#"{
"html": "\n\t\n\t\t\n\t\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tFour Aunties and a Wedding
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹199.00 x 1
\n\t\t\t\t\t₹199.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tIt Starts With Us
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹179.00 x 1
\n\t\t\t\t\t₹179.00
\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\tWhen I Am With You
\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t₹120.00 x 1
\n\t\t\t\t\t₹120.00
\n\t\t\t\t\n\t\t\t\n\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\tStandard shipping ( for online payments )
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹40.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\tTotal
\n\t\t\t\t\t\n\t\t\t\t\t\tINR
\n\t\t\t\t\t\t₹538.00
\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n",
"ms_delay": 250,
"selector": ".container",
"format": "png",
"device_scale": 1
}"#.to_string();
let mut request = client
.request(method, "https://zylalabs.com/api/2612/html+css+para+imagem+api/2621/html+para+imagem")
.header("Authorization", "Bearer YOUR_API_KEY");
request = request.body(body.clone());
let response = request.send()?;
println!("{}", response.text()?);
Ok(())
}
Envie uma URL de site na solicitação e receba uma URL de imagem em um formato que você especificar
Você pode especificar uma altura e largura de viewport para que sua captura de tela pareça como deveria aparecer na sua tela ao abrir este site
Você também pode especificar o número de milissegundos que deseja que nosso navegador sem cabeça aguarde antes de tirar uma captura de tela
POST https://www.zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem
URL da Imagem - Recursos do endpoint
Objeto
Descrição
Corpo da requisição
[Obrigatório] Json
Testar endpoint
RESPOSTA DE EXEMPLO DA API
{"url":"https://htmltoimage-s3bucket-1lw6aoyde4nz5.s3.amazonaws.com/775c69b1-c623-4e99-b162-116d66699c6c.png"}
URL da Imagem - TRECHOS DE CÓDIGO
curl --location --request POST 'https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem' --header 'Authorization: Bearer YOUR_API_KEY'
--data-raw '{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}'
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
import java.io.IOException;
public class Main {
public static void main(String[] args) {
OkHttpClient client = new OkHttpClient();
// Build the GET request
Request request = new Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem")
.get() // Use GET method without a body
.addHeader("Authorization", "Bearer YOUR_API_KEY")
.build();
// Execute the request
try (Response response = client.newCall(request).execute()) {
if (response.isSuccessful()) {
// Handle the response in case of a successful request
String responseData = response.body().string();
System.out.println(responseData);
} else {
// Handle errors
System.out.println("Request error: " + response.code());
}
} catch (IOException e) {
// Handle I/O exceptions
e.printStackTrace();
}
}
}
var settings = {
"url": "https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem",
"method": "POST",
"timeout": 0,
"headers": {
"Authorization": "Bearer YOUR_API_KEY"
},
};
$.ajax(settings).done(function (response) {
console.log(response);
});
var data = "{\r\n \"url\": \"https:\/\/www.zylalabs.com\/\",\r\n \"ms_delay\": 1000,\r\n \"format\": \"png\",\r\n \"viewport_height\": 851,\r\n \"viewport_width\": 393\r\n}";
var xhr = new XMLHttpRequest();
xhr.withCredentials = true;
xhr.addEventListener("readystatechange", function() {
if(this.readyState === 4) {
console.log(this.responseText);
}
});
xhr.open("POST", "https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem");
xhr.setRequestHeader("Authorization", "Bearer YOUR_API_KEY");
xhr.send();
xhr.send();
xhr.send(data);
var axios = require('axios');
var data = "{\r\n \"url\": \"https:\/\/www.zylalabs.com\/\",\r\n \"ms_delay\": 1000,\r\n \"format\": \"png\",\r\n \"viewport_height\": 851,\r\n \"viewport_width\": 393\r\n}";
var config = {
method: 'POST',
url: 'https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem',
headers: {
'Authorization': 'Bearer YOUR_API_KEY'
},
data : data
};
axios(config).then(function (response) {
console.log(JSON.stringify(response.data));
})
.catch(function (error) {
console.log(error);
});
$curl = curl_init();
curl_setopt_array($curl, array(
CURLOPT_URL => 'https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem',
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => '',
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 0,
CURLOPT_FOLLOWLOCATION => true,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => 'POST',
CURLOPT_POSTFIELDS => '{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}',
CURLOPT_HTTPHEADER => array(
'Authorization: Bearer YOUR_API_KEY'
),
));
$response = curl_exec($curl);
curl_close($curl);
echo $response;
import requests
url = "https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem"
payload={}
payload={}
payload = "{\r\n \"url\": \"https:\/\/www.zylalabs.com\/\",\r\n \"ms_delay\": 1000,\r\n \"format\": \"png\",\r\n \"viewport_height\": 851,\r\n \"viewport_width\": 393\r\n}"
headers = {
'Authorization': 'Bearer YOUR_API_KEY'
}
response = requests.request("POST", url, headers=headers, data=payload)
print(response.text)
require "uri"
require "net/http"
url = URI("https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem")
http = Net::HTTP.new(url.host, url.port);
request = Net::HTTP::POST.new(url)
request["Authorization"] = "Bearer YOUR_API_KEY"
request.body = "{\r\n \"url\": \"https:\/\/www.zylalabs.com\/\",\r\n \"ms_delay\": 1000,\r\n \"format\": \"png\",\r\n \"viewport_height\": 851,\r\n \"viewport_width\": 393\r\n}"
response = http.request(request)
puts response.read_body
printf '{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}'|
http --follow --timeout 3600 POST 'https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem' \
Authorization:'Bearer YOUR_API_KEY'
var client = new RestClient("https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem");
client.Timeout = -1;
var request = new RestRequest(Method.POST);
request.AddHeader("Authorization", "Bearer YOUR_API_KEY");
var body = "{\r\n \"url\": \"https:\/\/www.zylalabs.com\/\",\r\n \"ms_delay\": 1000,\r\n \"format\": \"png\",\r\n \"viewport_height\": 851,\r\n \"viewport_width\": 393\r\n}";
request.AddParameter("text/plain", body, ParameterType.RequestBody);
IRestResponse response = client.Execute(request);
Console.WriteLine(response.Content);
package main
import (
"fmt"
"net/http"
"io/ioutil"
)
func main() {
url := "https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem"
method := "POST"
payload := strings.NewReader("{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}")
client := &http.Client {
}
req, err := http.NewRequest(method, url, nil)
if err != nil {
fmt.Println(err)
return
}
req.Header.Add("Authorization", "Bearer YOUR_API_KEY")
res, err := client.Do(req)
if err != nil {
fmt.Println(err)
return
}
defer res.Body.Close()
body, err := ioutil.ReadAll(res.Body)
if err != nil {
fmt.Println(err)
return
}
fmt.Println(string(body))
}
import Foundation
let url = URL(string: "https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem")!
var request = URLRequest(url: url)
request.httpMethod = "POST"
request.setValue("Bearer YOUR_API_KEY", forHTTPHeaderField: "Authorization")
request.httpBody = "{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}".data(using: .utf8)
request.setValue("application/json", forHTTPHeaderField: "Content-Type")
let task = URLSession.shared.dataTask(with: request) { data, _, error in
if let error = error {
print(error.localizedDescription)
return
}
if let data = data {
print(String(decoding: data, as: UTF8.self))
}
}
task.resume()
import okhttp3.MediaType.Companion.toMediaType
import okhttp3.OkHttpClient
import okhttp3.Request
import okhttp3.RequestBody
import okhttp3.RequestBody.Companion.toRequestBody
fun main() {
val client = OkHttpClient()
var body: RequestBody? = null
body = "{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}".toRequestBody("application/json".toMediaType())
val requestBuilder = Request.Builder()
.url("https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem")
.addHeader("Authorization", "Bearer YOUR_API_KEY")
val request = requestBuilder.method("POST", body).build()
client.newCall(request).execute().use { response ->
println(response.body?.string())
}
}
import 'package:http/http.dart' as http;
void main() async {
var payload = '';
payload = "{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}";
final request = http.Request(
"POST",
Uri.parse("https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem"),
);
request.headers['Authorization'] = 'Bearer YOUR_API_KEY';
if (payload.isNotEmpty) {
request.headers['Content-Type'] = 'application/json';
request.body = payload;
}
final client = http.Client();
final response = await client.send(request);
print(await response.stream.bytesToString());
client.close();
}
use reqwest::blocking::Client;
use reqwest::Method;
use std::error::Error;
fn main() -> Result<(), Box> {
let method = Method::from_bytes(b"POST")?;
let client = Client::new();
let mut body = String::new();
body = r#"{
"url": "https://www.zylalabs.com/",
"ms_delay": 1000,
"format": "png",
"viewport_height": 851,
"viewport_width": 393
}"#.to_string();
let mut request = client
.request(method, "https://zylalabs.com/api/2612/html+css+para+imagem+api/2622/url+da+imagem")
.header("Authorization", "Bearer YOUR_API_KEY");
request = request.body(body.clone());
let response = request.send()?;
println!("{}", response.text()?);
Ok(())
}
Chave de acesso à API e autenticação
Após se cadastrar, cada desenvolvedor recebe uma chave de acesso à API pessoal, uma combinação única de letras e dígitos para acessar nosso endpoint de API. Para autenticar com a HTML CSS para Imagem API basta incluir seu token Bearer no cabeçalho Authorization.
Cabeçalhos
Cabeçalho
Descrição
Authorization
[Obrigatório] Deve ser Bearer access_key. Veja "Sua chave de acesso à API" acima quando você estiver inscrito.
Perguntas
Respondido por Inteligência Artificial
Preços simples e transparentes
Sem compromisso de longo prazo. Faça upgrade, downgrade ou cancele a qualquer momento.
O teste gratuito inclui até 50 requisições.
💫Basic
$24,99/Mês
- 2.000 Requisições /
Mês
-
Então $0,0162435 por requisição se o limite for excedido.
-
Limite de taxa: 60 reqs por minuto
- Suporte ao cliente especializado
- Monitoramento de API em tempo real
- Transferência de Dados Ilimitada Incluída
Sem compromisso. Cancele a qualquer momento
Popular
⚡Pro
$49,99/Mês
- 10.000 Requisições /
Mês
-
Então $0,0162435 por requisição se o limite for excedido.
-
Limite de taxa: 60 reqs por minuto
- Suporte ao cliente especializado
- Monitoramento de API em tempo real
- Transferência de Dados Ilimitada Incluída
Sem compromisso. Cancele a qualquer momento
🔥Pro Plus
$99,99/Mês
- 25.000 Requisições /
Mês
-
Então $0,0162435 por requisição se o limite for excedido.
-
Limite de taxa: 120 reqs por minuto
- Suporte ao cliente especializado
- Monitoramento de API em tempo real
- Transferência de Dados Ilimitada Incluída
Sem compromisso. Cancele a qualquer momento
💫Basic
$20,83/Mês
- 2.000 Requisições /
Mês
-
Então $0,0162435 por requisição se o limite for excedido.
-
Limite de taxa: 60 reqs por minuto
- Suporte ao cliente especializado
- Monitoramento de API em tempo real
- Transferência de Dados Ilimitada Incluída
Sem compromisso. Cancele a qualquer momento
Popular
⚡Pro
$41,66/Mês
- 10.000 Requisições /
Mês
-
Então $0,0162435 por requisição se o limite for excedido.
-
Limite de taxa: 60 reqs por minuto
- Suporte ao cliente especializado
- Monitoramento de API em tempo real
- Transferência de Dados Ilimitada Incluída
Sem compromisso. Cancele a qualquer momento
🔥Pro Plus
$83,33/Mês
- 25.000 Requisições /
Mês
-
Então $0,0162435 por requisição se o limite for excedido.
-
Limite de taxa: 120 reqs por minuto
- Suporte ao cliente especializado
- Monitoramento de API em tempo real
- Transferência de Dados Ilimitada Incluída
Sem compromisso. Cancele a qualquer momento
🚀 Empresarial
A partir de
$ 10.000/Ano
- Volume personalizado
- Limite de taxa personalizado
- Suporte ao cliente especializado
- Monitoramento de API em tempo real
Recursos favoritos dos clientes
- ✔︎ Pague apenas por requisições bem-sucedidas
- ✔︎ Teste 7 dias gratis
- ✔︎ Suporte multilíngue
- ✔︎ Uma chave de API, todas as APIs.
- ✔︎ Painel intuitivo
- ✔︎ Tratamento de erros abrangente
- ✔︎ Documentação amigável para desenvolvedores
- ✔︎ Integração com Postman
- ✔︎ Conexões HTTPS seguras
- ✔︎ Alta disponibilidade
HTML CSS para Imagem API FAQs
O que é a API HTML CSS para Imagem e o que ela pode fazer
A API HTML CSS para Imagem é uma ferramenta que permite a geração de imagens PNG JPEG ou WebP a partir de código HTML CSS ou URLs Ela permite que os desenvolvedores capturem o conteúdo de sites como imagens programaticamente
Como posso usar a API para converter código HTML e CSS em imagens
Você pode usar a API fazendo requisições HTTP para seus endpoints especificando o código HTML e CSS no corpo da requisição e recebendo a imagem gerada como resposta Documentação detalhada está disponível para implementação
Posso especificar o tempo que a API espera para uma página da web carregar antes de tirar uma captura de tela
Sim a API fornece a capacidade de especificar um tempo de espera em milissegundos permitindo que você capture a página da web após ela ter carregado completamente garantindo representações precisas
É possível gerar imagens diretamente de uma URL de site usando esta API
Absolutamente você pode fornecer uma URL de site como entrada para a API e ela capturará o conteúdo da página da web oferecendo a opção de especificar a altura e a largura para personalização
Que controle eu tenho sobre a proporção de pixels para a captura de tela
A API permite que você ajuste a proporção de pixels, permitindo que você controle a clareza e os detalhes da imagem para garantir que ela apareça corretamente em diferentes dispositivos e resoluções
Que tipo de dados cada endpoint retorna
Cada endpoint retorna uma resposta JSON contendo uma única chave "url" que fornece o link direto para a imagem gerada nos formatos PNG JPEG ou WebP
Quais são os campos principais nos dados da resposta
O campo principal nos dados de resposta é "url" que contém a URL da imagem gerada Isso permite que os usuários acessem e utilizem facilmente a imagem em suas aplicações ou sites
Quais parâmetros podem ser usados com o endpoint
Os usuários podem personalizar suas solicitações fornecendo HTML, CSS ou uma URL, juntamente com parâmetros opcionais como altura da viewport, largura e tempo de espera em milissegundos para o carregamento de conteúdo dinâmico
Como os dados de resposta são organizados
Os dados da resposta estão estruturados como um objeto JSON com um único par de chave-valor. A chave é "url" e o valor é a string URL que aponta para a imagem gerada, tornando-o direto para analisar e usar
Que tipos de informações estão disponíveis através de cada endpoint
Cada endpoint permite que os usuários convertem código HTML/CSS ou uma URL em uma imagem capturando a representação visual do conteúdo da web que pode ser usada para documentação marketing ou propósitos de design
Como os usuários podem utilizar efetivamente os dados retornados
Os usuários podem pegar a "url" da resposta e incorporá-la em suas aplicações, sites ou relatórios para exibir a imagem gerada, facilitando a integração fácil de conteúdo visual
Quais são os casos de uso típicos para esses dados
Casos de uso comuns incluem gerar imagens para postagens em redes sociais criar documentação visual de páginas da web e monitorar mudanças em sites capturando capturas de tela em intervalos
Como os usuários podem personalizar suas solicitações de dados
Os usuários podem personalizar solicitações especificando conteúdo HTML/CSS ou uma URL ajustando as dimensões da viewport e definindo um tempo de espera para garantir que o conteúdo esteja totalmente carregado antes de capturar a imagem
Perguntas Frequentes Gerais
O que é o Zyla API Hub?
O Zyla API Hub é como uma grande loja de APIs, onde você pode encontrar milhares delas em um só lugar. Também oferecemos suporte dedicado e monitoramento em tempo real de todas as APIs. Após se cadastrar, você pode escolher quais APIs deseja usar. Lembre-se apenas de que cada API precisa de sua própria assinatura. Mas se você se inscrever em várias, usará a mesma chave para todas elas, facilitando as coisas para você.
Quais moedas e métodos de pagamento são aceitos?
Os preços são listados em USD (Dólar Americano), EUR (Euro), CAD (Dólar Canadense), AUD (Dólar Australiano) e GBP (Libra Esterlina). Aceitamos todos os principais cartões de débito e crédito. Nosso sistema de pagamento usa a mais recente tecnologia de segurança e é operado pela Stripe, uma das empresas de pagamento mais confiáveis do mundo. Se tiver problemas para pagar com cartão, entre em contato conosco em [email protected]
Além disso, se você já tiver uma assinatura ativa em qualquer uma dessas moedas (USD, EUR, CAD, AUD, GBP), essa moeda será mantida para assinaturas subsequentes. Você pode alterar a moeda a qualquer momento, desde que não tenha assinaturas ativas.
Por que não posso pagar com minha moeda local mesmo vendo-a na página de preços?
A moeda local exibida na página de preços é baseada no país do seu endereço IP e é fornecida apenas como referência. Os preços reais são em USD (Dólar Americano). Ao efetuar o pagamento, a cobrança aparecerá no extrato do seu cartão em USD, mesmo que você veja o valor equivalente em sua moeda local em nosso site. Isso significa que você não pode pagar diretamente com sua moeda local.
Meu pagamento foi recusado, o que devo fazer?
Ocasionalmente, o banco pode recusar a cobrança devido às configurações de proteção contra fraude. Sugerimos contatar seu banco inicialmente para verificar se estão bloqueando nossas cobranças. Você também pode acessar o Portal de Cobrança e alterar o cartão associado para realizar o pagamento. Se isso não funcionar e precisar de mais ajuda, entre em contato com nossa equipe em [email protected]
Como serei cobrado pela minha assinatura de API?
Os preços são determinados por uma assinatura recorrente mensal ou anual, dependendo do plano escolhido.
Como as chamadas da minha API serão descontadas do meu plano?
As chamadas de API são descontadas do seu plano com base nas requisições bem-sucedidas. Cada plano possui um número específico de chamadas por mês. Apenas chamadas bem-sucedidas, indicadas por uma resposta com Status 200, serão contabilizadas, garantindo que falhas não afetem sua cota mensal.
Como funciona o ciclo de cobrança?
O Zyla API Hub funciona com um sistema de assinatura mensal recorrente. Seu ciclo de cobrança começa no dia em que você compra um dos planos pagos e será renovado no mesmo dia do mês seguinte. Portanto, cancele sua assinatura com antecedência se quiser evitar cobranças futuras.
Como faço upgrade do meu plano atual com uma API?
Para fazer upgrade do seu plano atual, acesse a página de preços da API e selecione o novo plano desejado. O upgrade é instantâneo, permitindo aproveitar imediatamente os recursos do novo plano. Observe que as chamadas restantes do plano anterior não serão transferidas; você será cobrado pelo valor integral do novo plano.
Como posso ver o número restante de chamadas de API que posso fazer este mês?
Para verificar quantas chamadas de API restam para o mês atual, consulte o campo 'X-Zyla-API-Calls-Monthly-Remaining' no cabeçalho da resposta. Por exemplo, se seu plano permite 1.000 requisições por mês e você usou 100, este campo no cabeçalho da resposta indicará 900 chamadas restantes.
Como descubro o número máximo de requisições de API permitidas no meu plano de assinatura?
Para ver o número máximo de requisições de API que seu plano permite, verifique o cabeçalho de resposta 'X-Zyla-RateLimit-Limit'. Por exemplo, se seu plano inclui 1.000 requisições por mês, este cabeçalho exibirá 1.000.
Como sei quando meu limite de taxa será redefinido?
O cabeçalho 'X-Zyla-RateLimit-Reset' mostra o número de segundos até seu limite de taxa ser redefinido. Isso informa quando sua contagem de requisições começará do zero. Por exemplo, se exibir 3.600, significa que restam 3.600 segundos até o limite ser redefinido.
Posso cancelar a qualquer momento?
Sim, você pode cancelar seu plano a qualquer momento acessando sua conta e selecionando a opção de cancelamento na página de Cobrança. Observe que upgrades, downgrades e cancelamentos têm efeito imediato. Além disso, após o cancelamento, você não terá mais acesso ao serviço, mesmo que ainda tenha chamadas restantes na sua cota.
Se eu tiver algum problema, com quem devo falar?
Você pode nos contatar via chat para receber assistência imediata. Estamos online de 8h às 17h (EST). Se nos contatar após esse horário, retornaremos o mais rápido possível. Além disso, você pode enviar um e-mail para [email protected]
Como funciona o teste gratuito de 7 dias?
Para oferecer a oportunidade de experimentar nossas APIs sem compromisso, oferecemos um teste gratuito de 7 dias que permite realizar até 50 chamadas de API sem custo. Esse teste pode ser usado apenas uma vez; recomendamos aplicá-lo à API que mais interessa. Embora a maioria das APIs ofereça teste gratuito, algumas podem não oferecer. O teste termina após 7 dias ou quando você atingir 50 requisições, o que ocorrer primeiro. Se atingir o limite, será necessário "Iniciar seu plano pago" para continuar. Você encontra esse botão no perfil em Assinatura -> Escolha a API -> aba Preços. Se não cancelar até o 7º dia, sua assinatura será cobrada automaticamente, liberando todas as chamadas do plano.
O que acontece se eu esquecer de cancelar meu teste gratuito?
Após 7 dias, será cobrado o valor total do plano ao qual você estava inscrito durante o teste. Portanto, é importante cancelar antes do término do período. Solicitações de reembolso por esquecimento de cancelamento não são aceitas.
Quantas chamadas posso fazer durante o teste gratuito?
Ao assinar um teste gratuito de API, você pode fazer até 50 chamadas. Se desejar fazer chamadas adicionais além desse limite, a API solicitará que você "Inicie seu plano pago". Você encontra o botão no perfil em Assinatura -> Escolha a API -> aba Preços.
Quando as Ordens de Pagamento são processadas?
As Ordens de Pagamento são processadas entre os dias 20 e 30 de cada mês. Se você enviar sua solicitação antes do dia 20, seu pagamento será processado dentro desse período.
Nível de serviço
100%
Tempo de resposta
2.355ms
Categoria:
APIs relacionadas
Nível de serviço:
100%
Tempo de resposta:
652ms
Nível de serviço:
100%
Tempo de resposta:
6.811ms
Nível de serviço:
100%
Tempo de resposta:
10.141ms
Nível de serviço:
100%
Tempo de resposta:
10.141ms
Nível de serviço:
100%
Tempo de resposta:
247ms
Nível de serviço:
100%
Tempo de resposta:
15.719ms
Nível de serviço:
100%
Tempo de resposta:
10.141ms
Nível de serviço:
100%
Tempo de resposta:
10.141ms
Nível de serviço:
100%
Tempo de resposta:
0ms
Nível de serviço:
100%
Tempo de resposta:
0ms
Você também pode gostar
Nível de serviço:
100%
Tempo de resposta:
444ms
Nível de serviço:
100%
Tempo de resposta:
364ms
Nível de serviço:
100%
Tempo de resposta:
560ms
Nível de serviço:
100%
Tempo de resposta:
826ms
Nível de serviço:
100%
Tempo de resposta:
3.219ms
Nível de serviço:
100%
Tempo de resposta:
753ms
Nível de serviço:
100%
Tempo de resposta:
197ms
Nível de serviço:
100%
Tempo de resposta:
1.658ms
Nível de serviço:
100%
Tempo de resposta:
742ms
Nível de serviço:
100%
Tempo de resposta:
340ms
Bem-vindo ao Zyla API Hub
Encontre, conecte e gerencie APIs usando uma conta com uma única chave de API.
Já é cadastrado?
Entrar
Por que escolher o Zyla API Hub?
Cadastro gratuito
Experimente a maioria das APIs com teste grátis de 7 dias, até 50 requisições!
Ganhe 2 meses grátis com assinaturas anuais!
Suporte técnico especializado em API
10,000+
APIs Disponíveis
5M+
Desenvolvedores
3B+
Chamadas API/Mês
Funciona com qualquer agente de IA
OpenClaw, Claude Code/Desktop, Cursor, Windsurf, Cline — qualquer cliente de IA compatível com MCP.
