代码和标记Q&A的示例图像

Question

在准备涉及图像的MCVE/SSCCE时,直接访问图像很有用.

覆盖大多数问题的图像类型包括:多种颜色或形状的小图像,带/不带透明度的动画GIF,带有"成对"图片的JPEG,可用于图像过渡,图块集,精灵表等.

是否有任何小型(30KB以下),现场,许可证和免版税图像,我们可以为这些类型的示例进行热链接？

Answer 1

以下是一些常用的示例图像,主要来自SO上的现有答案.

图标

使用Java生成的简单几何形状,如本答案中最初所见.它包括一个基于Java的界面,用于定义URL并使其易于访问.

细节: 32x32像素PNG(4种颜色x 5形状),具有部分透明度(沿边缘).

分类: png 图标

  
  

精灵表

Chess Pieces最初在此答案中看到,其中包括2个其他精灵集(不同颜色的相同图像).

详细信息: 384x128像素(每个精灵64x64像素)PNG具有部分透明度.

分类: png 精灵表 图标

动画

GIF是唯一支持动画的图像格式.这里有一些例子.

分类: gif 动画gif

固体BG

如此答案中所示的动画虚线边框.

细节: 100x30像素,填充BG(无透明度)

在这个答案中看到的变焦星,最初是作为屏幕保护程序的"屏幕截图"开发的.

细节: 160x120像素,填充BG(无透明度)

水动画中看到这个答案,以动画效果的瓷砖在我的游戏.

细节: 60x60像素,填充BG(无透明度)

透明BG

轨道动画,最初为1.1C开发."内部"行星的轨道(从水星到木星,在小行星带的厚处显示一个额外的轨道).在黑暗的BG上更好.

详细信息: 450x450和150x150像素的动画GIF,具有透明度.

图片

在悉尼,澳大利亚
日落&金星的日出&月亮在望远镜在Mt Stromlo,在堪培拉附近,澳大利亚.

分类: jpeg 幻灯片 +图像转换

详细信息: 480x320像素JPEG x 4.(此处显示为1/2尺寸.)

悉尼全景在悉尼东南郊区.

分类: jpg 全景 动画(滚动)

详细信息: 1474x436 px JPEG.

瓷砖

这墨卡托地球的地图可以平铺左/右.最初在这个答案上看到.答案还包括图像的第二个版本,显示赤道的半透明线(不在中心,但显着低于它).

细节: 640x316像素(在底部到中心赤道增加44像素)PNG与透明BG.

分类: png 平铺 动画(滚动)

小费

要获取图像的URL,您可以在浏览器中看到图像的"上下文单击",并且:

• 显示属性.可以从显示的对话框中复制URL.
• 看图.从浏览器地址栏复制URL.

交替:

• 使用浏览器"show source"并从HTML中复制它.
• 对于那些有足够代表的人.(100+,编辑社区Wiki答案),转到编辑答案并从文本中提取URL.

码

下面是一个Java类,它分割了棋子精灵表,适合粘贴到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));
}