代码和标记问答的示例图像

当准备涉及图像的 MCVE/SSCCE时，直接访问图像是有用的。

可以涵盖大多数问题的图片类型有——多种颜色或形状的小图片，带或不带透明度的动画 GIF 图片，JPEG 图片，可以用于图像转换，瓷砖集，精灵表格。.

是否有任何小(30KB 以下) ，现场，许可证和版税免费图片，我们可以热链接到这些类型的例子？

6909 次浏览
小开
最佳答案

下面是一些常用的示例图像，大部分来自 SO 的现有答案。

图标

简单的 Unicode几何图形列表 使用 Java 生成，就像最初在 这个答案中看到的那样。它包含一个基于 Java 的接口，该接口定义 URL 并使其易于访问。

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

分类: < a href = “/questions/tagged/icon”class = “ post-tag”title = “ show questions tagged & # 39;”rel = “ tag”> icon



雪碧床单

国际象棋棋子 原来看到的 这个答案，其中包括2个其他精灵集(相同的图像在不同的颜色)。

详细信息: 384x128px (每个 sprite 64x64px)部分透明的 PNG。

分类: < a href = “/questions/tagged/icon”class = “ post-tag”title = “ show questions tagged & # 39;”rel = “ tag”> icon

动画

GIF 是唯一支持动画的图像格式。

类别:

固体 BG

动画虚线边界 ，见于 这个答案。

详细信息: 100x30 px，填充 BG (无透明度)

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

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

动画水 ，如 这个答案到 在我的游戏中动画瓷砖所示。

详细信息: 60x60 px，填充 BG (无透明度)

透明 BG

轨道动画， 最初是为 1.1 C开发的。“内”行星的轨道(从水星到木星，在小行星带的厚度上有一个额外的轨道)。黑色的 BG 更好。

详情: 450x450 & 150x150px 透明动画 GIF。

照片

在澳大利亚堪培拉附近的斯特罗姆洛山上，日出和月落在澳大利亚悉尼 CBD 上空。

类别: + 图像过渡

详细信息: 480x320 px JPEG x4


悉尼东南郊区的黎明全景。

类别: (滚动)

详情: 1474x436 px JPEG。

Dawn Panorama

瓷砖

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

详细信息: 640x316px (底部到赤道中心增加44px)具有透明 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));
}

提交答案