Imagens de exemplo para perguntas e respostas sobre códigos e marcações [fechado]


131

Ao preparar um MCVE / SSCCE que envolva imagens, é útil ter acesso direto às imagens.

Os tipos de imagens que cobririam a maioria das perguntas são: imagens pequenas em várias cores ou formas, GIFs animados com / sem transparência, JPEGs que são 'pares' de imagens e podem ser usados ​​em transições de imagem, conjuntos de blocos, folhas de sprite.

Existem imagens pequenas (abaixo de 30 KB), no local, sem licença e sem royalties, às quais podemos vincular hot-link para esses tipos de exemplos?


Veja também Existe um lugar para “imagens de EG, que podemos vincular hotmente em exemplos de código”? . ..Where o Parreira é a bandeira 'comunidade Wiki' para este Q & A ..?
Andrew Thompson

Não votei de nenhuma maneira, mas ficarei surpreso se isso não for fechado e excluído. É uma pergunta da lista de compras.
Martin Smith

1
@MartinSmith é domingo. Até os programadores devem descansar! ;)
Shadow Wizard é Ear For You

@MartinSmith Agradeço o que você está dizendo. OTOH Espero que (quando marcado Wiki da comunidade - 'sinalizei' a questão para tentar fazer com que isso aconteça) seja visto como útil o suficiente para dissuadir as pessoas de votarem nisso.
Andrew Thompson

1
Estou votando para fechar esta questão como fora de tópico, porque ela pertence ao Meta Stack Overflow ou Meta Stack Exchange.
Peter O.

Respostas:


71

Aqui estão alguns exemplos de imagens para uso comum, principalmente das respostas existentes no SO.

Ícones

Formas geométricas simples geradas usando Java, como visto originalmente nesta resposta . Inclui uma interface baseada em Java que define os URLs e facilita o acesso.

Detalhes: PNG de 32x32 pixels (4 cores x 5 formas) com transparência parcial (ao longo das bordas).

Categorias:

  
  

Folhas de Sprite

Peças de xadrez, como originalmente vistas nesta resposta, que incluem outros 2 conjuntos de sprites (mesma imagem em cores diferentes).

Detalhes: PNG de 384 x 128 px (cada sprite de 64 x 64 px) com transparência parcial.

Categorias:

Animado

GIF é o único formato de imagem que suporta animação. Aqui estão alguns exemplos.

Categorias:

BG sólido

Borda tracejada animada, como visto nesta resposta .

Detalhes: 100x30 px com BG preenchido (sem transparência)

Estrelas em zoom, como vistas nesta resposta , originalmente desenvolvidas como uma 'captura de tela' de um protetor de tela.

Detalhes: 160 x 120 px com BG preenchido (sem transparência)

Água Animada, como visto nesta resposta para Animar Azulejos no Meu Jogo .

Detalhes: 60x60 px com BG preenchido (sem transparência)

BG transparente

Animação orbital, originalmente desenvolvida para 1.1C . As órbitas dos planetas "internos" (de Mercúrio a Júpiter, com uma órbita extra mostrada na espessura do cinturão de asteróides). Melhor em uma BG escura.

Detalhes: GIFs animados de 450 x 450 e 150 x 150 px com transparência.

As fotos

Nascer do sol & pôr da lua sobre o CBD de Sydney, Austrália
Sunset & Venus sobre um telescópio no Monte Stromlo, perto de Canberra, Austrália.

Categorias: + Transições de imagem

Detalhes: JPEGs de 480 x 320 px x 4. (Exibido aqui em tamanho 1/2).


Panorama ao amanhecer nos subúrbios do sudeste de Sydney.

Categorias: (rolagem)

Detalhes: 1474x436 px JPEG.

Panorama do amanhecer

Azulejos

Este mapa Mercator da Terra pode ser lado a lado esquerdo / direito. Originalmente visto nesta resposta . A resposta também inclui uma segunda versão da imagem que mostra uma linha semitransparente para o equador (que não está no centro, mas significativamente abaixo dele).

Detalhes: 640x316 px (adicione 44 px na parte inferior ao equador central) PNG com BG transparente.

Categorias: (rolagem)

Dica

Para obter os URLs das imagens, você pode 'clicar no contexto' na imagem, como visto no navegador, e:

  • Mostre as propriedades. O URL pode ser copiado da caixa de diálogo exibida.
  • Ver imagem. Copie o URL da barra de endereço do navegador.

Alternativamente:

  • Use o navegador 'show source' e copie-o do HTML.
  • Para aqueles com representante suficiente. (Mais de 100, para editar uma resposta do Wiki da comunidade), vá para editar a resposta e retire o URL do texto.

Código

Abaixo está uma classe Java que divide a folha de sprite da peça de xadrez, adequada para colar em um MCVE:

import java.awt.image.*;
import javax.imageio.*;
import java.net.*;
import java.io.*;
import java.util.*;

public final class ChessSprites {
    private ChessSprites() {}
    public static final int SIZE = 64;
    public static final BufferedImage SHEET;
    static {
        try {
            // see https://stackoverflow.com/a/19209651/2891664
            SHEET = ImageIO.read(new URL("https://i.stack.imgur.com/memI0.png"));
        } catch (IOException x) {
            throw new UncheckedIOException(x);
        }
    }
    public static final BufferedImage GOLD_QUEEN    = SHEET.getSubimage(0 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_QUEEN  = SHEET.getSubimage(0 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_KING     = SHEET.getSubimage(1 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_KING   = SHEET.getSubimage(1 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_ROOK     = SHEET.getSubimage(2 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_ROOK   = SHEET.getSubimage(2 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_KNIGHT   = SHEET.getSubimage(3 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_KNIGHT = SHEET.getSubimage(3 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_BISHOP   = SHEET.getSubimage(4 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_BISHOP = SHEET.getSubimage(4 * SIZE, SIZE, SIZE, SIZE);
    public static final BufferedImage GOLD_PAWN     = SHEET.getSubimage(5 * SIZE, 0,    SIZE, SIZE);
    public static final BufferedImage SILVER_PAWN   = SHEET.getSubimage(5 * SIZE, SIZE, SIZE, SIZE);
    public static final List<BufferedImage> SPRITES =
        Collections.unmodifiableList(Arrays.asList(GOLD_QUEEN,  SILVER_QUEEN,
                                                   GOLD_KING,   SILVER_KING,
                                                   GOLD_ROOK,   SILVER_ROOK,
                                                   GOLD_KNIGHT, SILVER_KNIGHT,
                                                   GOLD_BISHOP, SILVER_BISHOP,
                                                   GOLD_PAWN,   SILVER_PAWN));
}

6
1+ e marcação de livro!
Hovercraft Cheio De Enguias

Excelente recurso. Seria possível também vincular os ícones do Java Look and Feel Graphics Repository ?
splungebob

@splungebob Uma boa maneira de descobrir é criar uma resposta e incorporá-la. Prefiro não fazer isso na minha resposta, pois a licença dessas imagens não é totalmente clara para mim (todas as imagens na minha resposta foram criadas por mim).
Andrew Thompson

1
@AndrewThompson Ótima solução, +1 e marcação de livro também!
user3437460
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.