Os geradores de imagens aleatórias ajudam os desenvolvedores da Web fornecendo imagens no tamanho certo na hora certa, para que você possa se concentrar em seu trabalho.
Também chamados de placeholders, eles desempenham um papel muito importante no desenvolvimento web. Do popular texto Lorem Ipsum a imagens fictícias, todos eles ajudam a acelerar o processo de design.
Existem muitos geradores de imagens aleatórias e aplicativos semelhantes espalhados pela web, mas este post lista os 10 melhores entre eles. Além disso, confira o melhores geradores de paleta de cores.
Principais geradores de imagens aleatórias
| Nome | Destaques | site | |
|---|---|---|---|
| 1. | imagem manequim | Recursos práticos e abrangentes | dummyimage.com |
| 2. | LocalIMG | Interface amigável | placeimg.com |
| 3. | Coloque o gatinho | Para os amantes de gatos | placekitten. com |
| 4. | Imagem falsa | Gratuito e de código aberto | github.com/xxx/fakeimage |
| 5. | Gerador de imagens fictícias | Configuração extensa | dummy-image-generator. com |
| 6. | Criador de arte | Misture e gere imagens | artbreeder. com |
| 7. | Gerador de imagens fictícias | UI limpa, texto fictício | websiteplanet.com/webtools/dummy-images-generator |
| 8. | Imagem Aleatória | IU simples | rndimg.com |
| 9. | Lorem Pixel | Interface de usuário elegante, flexível | lorempixel. com |
| 10. | FPOImg | Design funcional | fpoimg.com |
1. Imagem fictícia
- Destaques: Recursos práticos e abrangentes
- Website: dummyimage.com
Dummy Image é provavelmente o mais popular de todos os geradores de imagens aleatórias e por um bom motivo. A plataforma está repleta de recursos e é adicionalmente fácil de usar.
Você pode usar o formulário de entrada no site para adicionar os detalhes desejados e obter a URL necessária. Ou você pode simplesmente codificar o URL manualmente se conhecer as convenções.
O sistema permite adicionar texto e cor do texto, cor de fundo, altura e largura. Se você especificar apenas a altura, obterá um quadrado. Além disso, você pode adicionar proporções, valores hexadecimais de 3 dígitos e todos os tamanhos padrão para anúncios, vídeos e padrões de tela.
Dummy Image é uma aplicação prática e bem pensada, escrita em PHP. Você pode obter seu código-fonte aberto aqui no GitHub, de onde inspirou mais de 14 projetos semelhantes.
2. Coloque IMG
- Destaques: Interface amigável, simples
- Website: placeimg.com
A facilidade de uso da plataforma PlaceIMG a torna perfeita para quem precisa de acesso simples e descomplicado às imagens.
Permite definir a largura e a altura das imagens desejadas. A configuração padrão aqui é 640 x 480, então você pode simplesmente copiar o texto de saída e seguir seu caminho se estiver tudo bem.
Caso contrário, você pode personalizar ainda mais as imagens. Você pode escolher uma categoria de tecnologia a pessoas, natureza, animais e arquitetura. Você também pode selecionar um filtro, incluindo tons de cinza e sépia.
Aperte o botão verde para visualizar a imagem. Clique em Atualizar para recarregar com uma nova imagem. A visualização também oferece a capacidade de baixar a imagem diretamente. Caso contrário, você sempre pode usar o URL gerado.
3. Coloque o Gatinho
- Destaques: Estritamente para amantes de gatos
- Website: placekitten. com
Se você não se cansa de gatos, então o Place Kitten pode fazer você feliz. Imagine receber um suprimento infinito de fotos de gatinhos fofos, cada uma mais fofa que a outra.
Basta adicionar o http://placekitten.com/300/600 por exemplo e você obtém uma imagem de 300 x 600. Ou altere os valores para obter qualquer resolução de sua escolha.
Você deve notar que esta é uma preferência pessoal, porque você ama gatos ou não. Mas se você tem um coração caloroso por animais de estimação em geral, pode adorar o Place Kitten.
4. Imagem falsa
- Destaques: livre e open source
- Website: github.com/xxx/fakeimage
Para aqueles geeks que gostam de construir sua versão de tudo, o Fake Image oferece a oportunidade de fazer exatamente isso. No entanto, você precisará conhecer um pouco de Ruby.
Os arquivos estão hospedados no GitHub, então sinta-se à vontade para clonar ou bifurcar. Em seguida, comece a construir, esperançosamente adicionando recursos exclusivos para que funcione do seu jeito.
Você também pode executá-lo em localhost. Isso pode ser útil, especialmente quando você está desenvolvendo localmente. O sistema suporta vários formatos e resoluções de imagem, incluindo .gif, .jpeg e .png. Basta adicionar a dimensão necessária como:
http://localhost:4567/500×500.png
para conseguir o que deseja. Também cria texto com cores selecionáveis. Basta adicionar os parâmetros GET ao fazer sua chamada e o resto é feito, assim:
http://localhost:4567/250×250?color=blue&textcolor=green
5. Gerador de imagens fictícias
- Destaques: Configuração extensa
- Website: dummy-image-generator. com
Esta é uma plataforma flexível e altamente personalizável com muitos recursos. Facilita a seleção de tudo, desde o número de imagens até tamanhos, formatos e planos de fundo.
Você pode escolher de 1 a 5, 10, 15 e 20 imagens. Você também pode escolher tamanhos mistos ou optar por tamanhos personalizados que você pode definir. Depois, existem formatos de 4:3 a 16:9 HD e assim por diante.
Além disso, você pode selecionar uma única cor de fundo ou misturar cores. Você também pode escolher um mix de fotos, que inclui muitas fotos em várias categorias, de abstratas a animais, negócios, objetos, natureza, inverno, edifícios, pessoas e assim por diante.
Por fim, você pode rolar para baixo para visualizar as imagens que acabou de criar. E, em seguida, clique no botão “Baixar como Zip” para obtê-los todos de uma vez.
6. Criador de Arte
- Destaques: Combine facilmente imagens, altamente criativas, milhões para escolher
- Website: artbreeder. com
Embora a plataforma Artbreeder seja um pouco diferente de todas as outras da lista, você ainda pode usá-la para gerar incríveis imagens de espaço reservado.
Isso é especialmente verdadeiro quando você precisa de imagens extraordinárias para seu projeto. Artbreeder permite combinar imagens para criar algo único e artístico. Então, se você está procurando inspiração, pode ser exatamente o que você precisa.
Você pode misturar um barco com um cachorro, paisagens com céu, mar, arquitetura e assim por diante. Artbreeder é um ótimo companheiro para pessoas criativas. Além disso, ele vem com uma galeria de mais de 100 milhões de imagens contribuídas pelo usuário.
7. Gerador de imagens fictícias
- Destaques: Interface limpa, inclui texto fictício
- Website: websiteplanet.com/webtools/dummy-images-generator
O Dummy Image Generator do Websiteplanet permite que você crie imagens de espaço reservado de forma rápida e fácil e vem com algumas opções interessantes.
Primeiro, você pode escolher entre imagens de cores simples ou um plano de fundo de imagem de estoque. Para imagens de banco de imagens, há uma lista suspensa para escolher as categorias de imagens. Em seguida, você pode selecionar seu comprimento, altura e formato. Você também pode escolher entre filtros de cores, sépia e tons de cinza.
Depois, há um recurso de texto de sobreposição. Você pode inserir uma linha de texto fictícia para a imagem e suas opções incluem cor do texto e tamanho da fonte.
Lembre-se de que todas as alterações que você está fazendo aqui aparecem em tempo real na janela de visualização. Então, quando estiver satisfeito com o que vê, você pode clicar em “Baixar imagem”. Infelizmente, não há opção de hot-linking aqui.
8. Imagem aleatória
- Destaques: UI simples, direto ao ponto
- Website: rndimg.com
Este é um gerador simples que permite selecionar tamanhos e quantidades de imagens e pressionar “Ir”. A ideia é simples. Você pode escolher qualquer uma das imagens de fundo fornecidas ou torná-la aleatória.
Para uma seleção aleatória, por exemplo, o gerador produzirá o número de imagens que você inserir na caixa “quantas”. Com seus antecedentes sendo selecionados aleatoriamente da lista.
Se você escolher um motivo específico, ele gerará sua imagem com as dimensões fornecidas. Também não há hot-linking aqui. Você pode visualizar a imagem gerada e, se gostar, salvá-la em sua máquina.
9. Lorempixel
- Destaques: Elegante, flexível
- Website: lorempixel. com
Com base no jogo de palavras de espaço reservado para texto Lorem Ipsum, o Lorem Pixel oferece uma interface de usuário elegante que permite selecionar os recursos desejados ou simplesmente codificá-los no URL.
Você pode usar controles deslizantes para escolher o comprimento e a largura da imagem. Em seguida, selecione uma imagem de fundo de diferentes temas, incluindo esportes, técnicas, moda, negócios e assim por diante. Por fim, você pode escolher entre imagens coloridas e em tons de cinza.
Para entrada direta de URL, basta inserir os detalhes desejados, começando pelas dimensões até a imagem de fundo. Em seguida, a categoria e um texto fictício.
10. FPOImg
- Destaques: Design funcional
- Website: fpoimg.com
FPOImg significa apenas para imagens de posicionamento e é um gerador de imagens aleatórias simples, mas muito inteligentemente projetado.
Você pode simplesmente copiar o URL padrão na página e editá-lo para atender às suas necessidades ou ajustá-lo com os controles incluídos.
Existem caixas de entrada para largura e altura, ou você pode usar o menu suspenso para selecionar um dos tamanhos de anúncio mais comuns. Outras opções incluem um texto fictício e há seletores de cores para o plano de fundo e as cores do texto.
Ao contrário das outras plataformas nerds onde você tem que digitar #fff para branco e assim por diante, o FPOImg abre um seletor visual de cores sempre que você clica na caixa de entrada de cores. Facilitando a seleção de cores inspiradoras.
Conclusão
Chegamos ao final desta lista e você viu os melhores geradores de imagens aleatórias disponíveis. Desde os aplicativos simples e fáceis de usar até os aplicativos mais flexíveis e repletos de recursos.
Mas como todos temos necessidades diferentes, não pode haver uma única aplicação melhor. Portanto, cabe a você escolher o que melhor atende às suas necessidades.
