ต่อไปนี้เป็นภาพตัวอย่างสำหรับการใช้งานทั่วไปซึ่งส่วนใหญ่มาจากคำตอบที่มีอยู่ใน SO
ไอคอน
รูปทรงเรขาคณิตอย่างง่ายที่สร้างขึ้นโดยใช้ Java ตามที่เห็นในคำตอบนี้ ประกอบด้วยอินเทอร์เฟซที่ใช้ Java ซึ่งกำหนด URL และทำให้เข้าถึงได้ง่าย
รายละเอียด: PNG 32x32 พิกเซล (4 สี x 5 รูปร่าง) พร้อมความโปร่งใสบางส่วน (ตามขอบ)
หมวดหมู่: PNG ไอคอน
สไปรท์ชีต
Chess Piecesตามที่เห็นในคำตอบนี้ซึ่งมีชุดสไปรต์อีก 2 ชุด (ภาพเดียวกันในสีที่ต่างกัน)
รายละเอียด: 384x128 พิกเซล (แต่ละสไปร์ท 64x64 พิกเซล) PNG พร้อมความโปร่งใสบางส่วน
หมวดหมู่: PNG เทพดาแผ่น ไอคอน
ภาพเคลื่อนไหว
GIF เป็นรูปแบบภาพเดียวที่รองรับภาพเคลื่อนไหว นี่คือตัวอย่างบางส่วน
หมวดหมู่: GIF ภาพเคลื่อนไหว-GIF
BG แข็ง
เส้นประแบบเคลื่อนไหวดังที่เห็นในคำตอบนี้
รายละเอียด: 100x30 px พร้อม BG เต็ม (ไม่โปร่งใส)
การซูมดาวตามที่เห็นในคำตอบนี้เดิมพัฒนาเป็น "สกรีนช็อต" ของสกรีนเซฟเวอร์
รายละเอียด: 160x120 px พร้อม BG เต็ม (ไม่โปร่งใส)
เคลื่อนไหวน้ำเท่าที่เห็นในคำตอบนี้จะกระเบื้องเคลื่อนไหวในเกมของฉัน
รายละเอียด: 60x60 px พร้อม BG เต็ม (ไม่โปร่งใส)
BG โปร่งใส
ภาพเคลื่อนไหวโคจรพัฒนามาสำหรับ1.1C วงโคจรของดาวเคราะห์ 'ชั้นใน' (จากดาวพุธถึงดาวพฤหัสบดีโดยมีวงโคจรพิเศษแสดงอยู่ในแถบหนาของดาวเคราะห์น้อย) ดีกว่าใน BG ที่มืด
รายละเอียด: GIF แบบเคลื่อนไหว 450x450 และ 150x150 พิกเซลพร้อมความโปร่งใส
รูปภาพ
พระอาทิตย์ขึ้นและดวงจันทร์เหนือ CBD ของซิดนีย์ออสเตรเลีย
พระอาทิตย์ตกและดาวศุกร์ผ่านกล้องโทรทรรศน์บนภูเขาสตรอมโลใกล้แคนเบอร์ราออสเตรเลีย
หมวดหมู่: JPEG สไลด์โชว์ + การเปลี่ยนภาพ
รายละเอียด: 480x320 px JPEGs x 4 (แสดงที่นี่ที่ขนาด 1/2)
พาโนรามายามรุ่งอรุณทั่วชานเมืองทางตะวันออกเฉียงใต้ของซิดนีย์
หมวดหมู่: JPG ภาพพาโนรามา ภาพเคลื่อนไหว (เลื่อน)
รายละเอียด: 1474x436 px JPEG.
กระเบื้อง
นี้แผนที่ Mercator ของโลกสามารถกระเบื้องซ้าย / ขวา เดิมเห็นคำตอบนี้ คำตอบยังรวมถึงรูปภาพเวอร์ชันที่สองซึ่งแสดงเส้นกึ่งโปร่งใสสำหรับเส้นศูนย์สูตร (ซึ่งไม่ได้อยู่ตรงกลาง แต่อยู่ต่ำกว่านั้นมาก)
รายละเอียด: 640x316 พิกเซล (เพิ่ม 44 พิกเซลที่ด้านล่างถึงกึ่งกลางเส้นศูนย์สูตร) PNG พร้อม 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));
}