代码和标记问答的示例图像 [已关闭]图标

2022-08-30 04:18:09

在准备涉及图像的 MCVE/SSCCE 时,直接访问图像非常有用。

涵盖大多数问题的图像类型是 - 多种颜色或形状的小图像,具有/不具有透明度的动画GIF,JPEG是图片的“对”,可用于图像过渡,平铺集,精灵表。

是否有任何小的(小于30KB),现场,许可证和免版税的图像,我们可以热链接到这些类型的例子?


答案 1

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

图标

使用Java生成的简单几何形状,如本答案中最初所示。它包括一个基于Java的接口,该接口定义了URL并使其易于访问。

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

分类:

  
  

精灵表

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

详细信息:384x128 像素(每个子画面 64x64 像素)PNG,具有部分透明度。

类别:

动画

GIF是唯一支持动画的图像格式。下面是一些示例。

分类:

固体 BG

动画虚线边框,本答案所示。

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

在这个答案中看到的缩放星星,最初是作为屏幕保护程序的“屏幕截图”开发的。

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

动画水,如在我的游戏中对图块进行动画处理的答案所示。

详细信息:60x60 像素,带填充 BG(无透明度)

透明 BG

轨道动画,最初是为1.1C开发的。“内部”行星的轨道(从水星到木星,在厚厚的小行星带中显示了额外的轨道)。在深色BG上更好。

详细信息:450x450 和 150x150 像素的透明动画 GIF。

图片

悉尼CBD的日出和月落,澳大利亚
日落和金星在澳大利亚堪培拉附近的Stromlo山上的望远镜上。

分类: + 图像过渡

详细信息:480x320 像素 JPEG x 4。(此处以 1/2 大小显示。


黎明时分的全景,横跨悉尼东南郊区。

分类: (滚动)

详细信息:1474x436 像素 JPEG。

Dawn Panorama

瓷砖

这张墨卡托地球地图可以向左/向右平铺。最初看到这个答案。答案还包括图像的第二个版本,该图像显示了赤道的半透明线(该赤道不在中心,但明显位于其下方)。

详细信息:640x316 像素(在赤道中心底部添加 44 像素)PNG,带透明 BG。

分类: (滚动)

提示

要获取图像的URL,您可以在浏览器中看到的图像上进行“上下文单击”,然后执行以下操作之一:

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

交互:

  • 使用浏览器“显示源代码”并从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));
}

答案 2