Gerador de imagem fictícia
Gere imagens placeholder para mocks e wireframes.
Defina tamanho, cores de fundo/texto e texto e obtenha uma URL de imagem com link direto.
Largura
Altura
Preset
Cor de fundo
Cor do texto
Formato
| Formato | 400 × 300px (PNG) |
|---|---|
| URL da imagem | https://img.skin/400x300 |
| HTML | <img src="https://img.skin/400x300" alt="400×300" width="400" height="300"> |
| CSS | background-image: url("https://img.skin/400x300"); |
- Seguro
- Somente usuários que conhecem a URL da imagem podem visualizá-la.
Notas
Tags variáveis
Você pode usar tags variáveis personalizadas no texto.
Elas permitem incorporar tamanho da imagem, cores, quebras de linha e mais.
| Tag | Descrição | Exemplo | Resultado |
|---|---|---|---|
{width} | Substituído pela largura da imagem gerada. | {width}px | 400px |
{height} | Substituído pela altura da imagem gerada. | {height}px | 300px |
{ratio} | Substituído pela proporção da imagem gerada. | {ratio} | 4:3 |
{back} | Substituído pela cor de fundo gerada. | Fundo: {back} | Fundo: #dddddd |
{color} | Substituído pela cor do texto gerada. | Cor do texto: {color} | Cor do texto: #979797 |
{fmt} | Substituído pelo formato da imagem gerada. | Formato: {fmt} | Formato: PNG |
{br} | Insere uma quebra de linha nessa posição. Se você inserir uma quebra de linha no formulário desta ferramenta, ela será inserida automaticamente. | Olá{br}Mundo | Olá Mundo |
Estrutura da URL da imagem
As URLs de imagem geradas por esta ferramenta podem ser usadas como links diretos.
Para solicitar uma imagem diretamente, use o caminho abaixo.
- URL da imagem
- https://img.skin/
LarguraxAltura/Cor de fundo/Cor do texto
?text=Texto&fmt=Formato da imagem
| Valor | Descrição | Exemplo | Opcional |
|---|---|---|---|
| Largura | 1–5000 | 400 | Não |
| Altura | 1–5000 | 300 | Não |
| Cor de fundo | Cor hex / nome da cor / transparent | ff1493 / deeppink | Sim *1 |
| Cor do texto | Cor hex / nome da cor / transparent | fff / white | Sim |
| Texto | Qualquer texto / tags variáveis Se omitido, fica '{width}×{height}'. | L:{width}px | Sim |
| Formato da imagem | png / jpg / gif Se omitido, PNG é usado. JPG e GIF não podem usar fundo transparente. | jpg | Sim |
*1 Não pode ser omitido quando a cor do texto (fontColor) é especificada.