Contoh gambar untuk kode dan mark-up Tanya Jawab [ditutup]


131

Saat menyiapkan MCVE / SSCCE yang melibatkan gambar, penting untuk memiliki akses langsung ke gambar.

Jenis gambar yang akan mencakup sebagian besar pertanyaan adalah - gambar kecil dalam berbagai warna atau bentuk, animasi GIF dengan / tanpa transparansi, JPEG yang merupakan 'pasangan' gambar & dapat digunakan dalam transisi gambar, set ubin, lembar sprite ..

Apakah ada gambar kecil (di bawah 30KB), di tempat, lisensi & bebas royalti yang dapat kami hot-link ke untuk jenis contoh ini?


Lihat juga Apakah ada tempat untuk "Gambar EG yang dapat kita hot-link dalam contoh kode"? . ..Dimana sih bendera 'komunitas Wiki' untuk tanya jawab ini? ..
Andrew Thompson

Saya belum memilih, tetapi saya akan heran jika ini tidak ditutup dan dihapus. Ini adalah pertanyaan daftar belanja.
Martin Smith

1
@ MartinSmith hari ini hari Minggu. Bahkan programmer harus beristirahat! ;)
Shadow Wizard adalah Ear For You

@ MartinSmith Saya menghargai apa yang Anda katakan. OTOH Saya berharap (ketika komunitas yang ditandai Wiki - Saya 'menandai' pertanyaan untuk mencoba dan mewujudkannya) itu dipandang cukup berguna untuk mencegah orang-orang memilih untuk itu.
Andrew Thompson

1
Saya memberikan suara untuk menutup pertanyaan ini sebagai di luar topik karena itu milik Meta Stack Overflow atau Meta Stack Exchange.
Peter O.

Jawaban:


71

Berikut adalah beberapa contoh gambar untuk penggunaan umum, sebagian besar dari jawaban yang ada pada SO.

Ikon

Bentuk Geometris sederhana yang dihasilkan menggunakan Java seperti yang terlihat pada jawaban ini . Ini termasuk antarmuka berbasis Java yang mendefinisikan URL dan membuatnya mudah diakses.

Rincian: 32x32 piksel PNG (4 warna x 5 bentuk) dengan transparansi parsial (di sepanjang tepinya).

Kategori:

  
  

Lembar Sprite

Potongan Catur seperti aslinya terlihat pada jawaban ini yang mencakup 2 set sprite lainnya (gambar yang sama dalam berbagai warna).

Detail: 384x128 px (masing-masing sprite 64x64 px) PNG dengan transparansi sebagian.

Kategori:

Animasi

GIF adalah satu-satunya format gambar yang mendukung animasi. Berikut ini beberapa contohnya.

Kategori:

BG padat

Garis batas putus-putus animasi seperti yang terlihat dalam jawaban ini .

Detail: 100x30 px dengan BG terisi (tidak ada transparansi)

Memperbesar bintang seperti terlihat pada jawaban ini , awalnya dikembangkan sebagai 'tangkapan layar' screensaver.

Detail: 160x120 px dengan BG terisi (tidak ada transparansi)

Animated Water seperti terlihat dalam jawaban ini untuk Animating Tiles In My Game .

Detail: 60x60 px dengan BG terisi (tidak ada transparansi)

BG transparan

Animasi orbital, awalnya dikembangkan untuk 1.1C . Orbit planet 'bagian dalam' (dari Merkurius ke Yupiter, dengan orbit tambahan ditunjukkan pada tebal sabuk asteroid). Lebih baik di BG gelap.

Detail: GIF animasi 450x450 & 150x150 px dengan transparansi.

Foto-foto

Matahari terbit & terbenam di CBD Sydney, Australia
Matahari terbenam & Venus di atas teleskop di Gunung Stromlo, dekat Canberra, Australia.

Kategori: + Transisi Gambar

Detail: 480x320 px JPEGs x 4. (Ditampilkan di sini dengan ukuran 1/2).


Panorama di Fajar melintasi Suburban Tenggara Sydney.

Kategori: (bergulir)

Detail: 1474x436 px JPEG.

Panorama Fajar

Ubin

Ini peta Mercator Bumi dapat ubin kiri / kanan. Awalnya terlihat pada jawaban ini . Jawabannya juga termasuk versi kedua dari gambar yang menunjukkan garis semi-transparan untuk garis khatulistiwa (yang tidak di tengah, tetapi jauh di bawahnya).

Detail: 640x316 px (tambahkan 44 px di bawah ke tengah khatulistiwa) PNG dengan BG transparan.

Kategori: (bergulir)

Tip

Untuk mendapatkan URL gambar, Anda dapat 'mengklik konteks' pada gambar seperti yang terlihat di browser dan:

  • Tampilkan propertinya. URL dapat disalin dari dialog yang muncul.
  • Lihat gambar. Salin URL dari bilah alamat browser.

Bergantian:

  • Gunakan browser 'tunjukkan sumber' dan salin dari HTML.
  • Bagi mereka yang memiliki rep yang cukup. (100+, untuk mengedit jawaban Wiki komunitas), buka untuk mengedit jawaban dan tarik URL dari teks.

Kode

Di bawah ini adalah kelas Java yang membagi sprite sheet catur, cocok untuk ditempelkan ke 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));
}

6
1+ dan penandaan buku!
Hovercraft Full Of Belut

Sumber daya luar biasa. Apakah mungkin juga untuk menautkan ikon dari Java Look and Feel Graphics Repository ?
splungebob

@splungebob Cara yang baik untuk mengetahuinya adalah dengan membuat jawaban dan menanamkannya. Saya lebih suka untuk tidak melakukan itu dalam jawaban saya karena lisensi gambar-gambar itu tidak sepenuhnya jelas bagi saya (semua gambar dalam jawaban saya dibuat oleh saya).
Andrew Thompson

1
@AndrewThompson Solusi yang bagus, +1 dan menandai buku juga!
user3437460
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.