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

IT技术 java javascript css image
2020-12-30 00:12:56

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

涵盖大多数问题的图像类型是 - 多种颜色或形状的小图像、带/不带透明度的动画 GIF、作为“成对”图片且可用于图像转换、图块集、精灵表的 JPEG。

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

1个回答

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

图标

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

详细信息: 32x32 像素 PNG(4 种颜色 x 5 种形状),部分透明(沿边缘)。

类别:

  
  

精灵表

最初在此答案看到的Chess Pieces包括另外 2 个精灵集(不同颜色的相同图像)。

详细信息: 384x128 像素(每个精灵 64x64 像素)部分透明的 PNG。

类别:

动画

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

类别:

实心BG

这个答案中看到的动画虚线边框

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

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

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

在我的游戏中动画瓷砖的答案中可以看到动画水

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

透明背景

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

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

图片

澳大利亚悉尼中央商务区的日出和月落澳大利亚堪培拉附近 Mt Stromlo
望远镜上的日落和金星

类别: + 图像过渡

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


悉尼东南郊区的黎明全景

类别: (滚动)

详细信息: 1474x436 像素 JPEG。

黎明全景

瓷砖

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

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

类别: (滚动)

提示

要获取图像的 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));
}
优秀的资源。是否也可以链接来自Java 外观和感觉图形存储库的图标
2021-02-07 00:12:56
@AndrewThompson 不错的解决方案,+1 和书签!
2021-02-26 00:12:56
1+ 和书签!
2021-03-02 00:12:56
@splungebob 找出答案的一个好方法是创建答案并将其嵌入。我不想在我的回答中这样做,因为这些图像的许可对我来说并不完全清楚(我的回答中的所有图像都是由我创建的)。
2021-03-02 00:12:56