代码和标记的示例图像Q&A [关闭]

问题

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

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

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


#1 热门回答(65 赞)

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

#图标

使用Java生成的简单几何形状,最初见于1987年2296年。它包括一个基于Java的界面,用于定义URL并使其易于访问。

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

**类别:**pngicons

Sprite表

Chess Pieces最初见于this answer,其中包括2个其他精灵集(不同颜色的相同图像)。

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

**类别:**pngsprite-sheeticons

##动画

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

**分类:**gifanimated-gif

Solid BG

动画虚线边框this answer

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

缩放星星见于this answer,最初是作为屏幕保护程序的"屏幕截图"开发的。

**详细信息:**160x120 px,带有填充BG(无透明度)

Animated Wateras见于this answertoAnimating Tiles In My Game

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

###透明BG

**Orbital animation,**原始开发于1.1C。 "内部"行星的轨道(从水星到木星,在小行星带的厚处显示一个额外的轨道)。在黑暗的BG上更好。

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

图片

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

**类别:**jpegslideshow图像过渡

**详细信息:**480x320 px JPEGs x 4.(此处显示为1/2尺寸。)

悉尼全景位于悉尼东南郊区。

**产品类别:**jpgpanoramasanimation(滚动)

**详细信息:**1474x436 px JPEG。

Tiles

This地球的墨卡托 Map 可左/右平铺。最初的位置在this answer。答案还包括图像的第二个版本,显示赤道的半透明线(不在中心,但明显低于它)。

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

**类别:**pngtileanimation(滚动)

小费

要获取图像的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));
}