Example images for code and mark-up Q&As [closed]

При подготовке MCVE / SSCCE, который включает изображения, полезно иметь прямой доступ к изображениям.

Типы изображений, которые отвечают на большинство вопросов, - это небольшие изображения нескольких цветов или форм, анимированные GIF-файлы с прозрачностью / без прозрачности, JPEG-файлы, которые представляют собой "пары" изображений и могут использоваться в переходах изображений, наборах плиток, листах спрайтов..

Существуют ли какие-либо небольшие (менее 30 КБ) изображения, размещенные на сайте, с лицензией и без роялти, на которые мы могли бы разместить горячие ссылки для этих типов примеров?

Вот несколько примеров изображений для общего использования, в основном из существующих ответов на SO.

Значки

Простые геометрические фигуры, созданные с использованием Java, как первоначально показано в этом ответе. Он включает интерфейс на основе Java, который определяет URL-адреса и упрощает доступ к ним.

Подробнее: формат PNG размером 32x32 пикселя (4 цвета x 5 фигур) с частичной прозрачностью (по краям).

Категории: png иконки

Таблицы спрайтов

Шахматные фигуры, как первоначально показано в этом ответе, который включает в себя 2 других набора спрайтов (одно и то же изображение разных цветов).

Подробнее: 384x128 пикселей (каждый спрайт 64x64 пикселей) в формате PNG с частичной прозрачностью.

Категории: png спрайт-лист иконки

Анимированные

GIF - единственный формат изображений, поддерживающий анимацию. Вот несколько примеров.

Категории: gif анимированный-gif

Solid BG

Анимированная пунктирная граница, как показано в этом ответе.

Подробнее: 100x30 пикселей с заполненным текстом (без прозрачности)

Масштабирование звездочек, как показано в этом ответе, изначально разработано как "снимок экрана" заставки.

Подробнее: 160х120 пикселей с заполненным текстом (без прозрачности)

Animated Water as seen in this answer to Animating Tiles In My Game.

Details: 60x60 px with filled BG (no transparency)

Transparent BG

Orbital animation, originally developed for 1.1C. The orbits of the 'inner' planets (from Mercury to Jupiter, with an extra orbit shown in the thick of the asteroid belt). Better on a dark BG.

Details: 450x450 & 150x150 px animated GIFs with transparency.

Pictures

Sunrise & moonset over the CBD of Sydney, Australia
Sunset & Venus over a telescope on Mt Stromlo, near Canberra, Australia.

Categories: jpeg slideshow + Image Transitions

Details: 480x320 px JPEGs x 4. (Displayed here at 1/2 size.)

Panorama at Dawn across the South-Eastern Suburbs of Sydney.

Categories: jpg panoramas animation (scrolling)

Details: 1474x436 px JPEG.

Плитки

Эта карта Земли Меркатора может быть выложена плиткой влево / вправо. Первоначально показано в этом ответе. Ответ также включает вторую версию изображения, на котором показана полупрозрачная линия экватора (которая находится не в центре, а значительно ниже него).

Подробнее: 640x316 пикселей (добавьте 44 пикселя внизу к центру экватора) PNG с прозрачным шрифтом BG.

анимация плитки png Категории: (прокрутка)

Совет

Чтобы получить URL-адреса изображений, вы можете "контекстно щелкнуть" по изображению, как показано в браузере, и либо:

• Показать свойства. URL-адрес можно скопировать из появившегося диалогового окна.


• Просмотреть изображение. Скопируйте URL-адрес из адресной строки браузера.

Поочередно:

• Используйте в браузере "показать исходный код" и скопируйте его из HTML.


• Для тех, у кого достаточно репутации (100+, чтобы отредактировать ответ на Вики сообщества), перейдите на страницу Редактировать ответ и извлеките 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://javalang.ru/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));
}