कोड और मार्क-अप क्यू और के रूप में उदाहरण चित्र [बंद]


131

छवियों को शामिल करने के लिए MCVE / SSCCE तैयार करते समय , छवियों तक सीधी पहुंच होना उपयोगी होता है।

अधिकांश प्रश्नों को कवर करने वाले चित्र के प्रकार हैं - कई रंगों या आकारों में छोटी छवियां, पारदर्शिता के साथ / बिना एनिमेटेड GIF, JPEGs जो चित्रों के 'जोड़े' हैं और छवि संक्रमण, टाइल सेट, स्प्राइट शीट में इस्तेमाल किए जा सकते हैं।

क्या इस तरह के उदाहरणों के लिए कोई छोटा (30KB से कम), ऑन-साइट, लाइसेंस और रॉयल्टी फ्री इमेज हम हॉट-लिंक कर सकते हैं?



मैंने किसी भी तरह से मतदान नहीं किया है, लेकिन अगर यह बंद हो जाता है और नष्ट नहीं होता है तो मैं चकित रह जाऊंगा। यह खरीदारी की सूची का सवाल है।
मार्टिन स्मिथ

1
@MartinSmith यह रविवार है। यहां तक ​​कि प्रोग्रामर को भी आराम करना चाहिए! ;)
शैडो विजार्ड इयर फॉर यू

@MartinSmith मैं सराहना करता हूं कि आप क्या कह रहे हैं। ओटोह मैं उम्मीद कर रहा हूं कि (जब चिह्नित समुदाय विकी - मैंने कोशिश करने और पाने के लिए प्रश्न को 'ध्वजांकित' किया है) यह लोगों के लिए मतदान से बचने के लिए पर्याप्त उपयोगी के रूप में देखा जाता है।
एंड्रयू थॉम्पसन 15

1
मैं इस प्रश्न को ऑफ-टॉपिक के रूप में बंद करने के लिए मतदान कर रहा हूं क्योंकि यह मेटा स्टैक ओवरफ्लो या मेटा स्टैक एक्सचेंज से संबंधित है।
पीटर ओ।

जवाबों:


71

आम उपयोग के लिए कुछ उदाहरण चित्र यहां दिए गए हैं, जिनमें से ज्यादातर SO पर मौजूदा उत्तरों से हैं।

प्रतीक

मूल रूप से इस उत्तर में देखे गए जावा का उपयोग करते हुए सरल ज्यामितीय आकृतियाँ उत्पन्न हुईं । इसमें एक जावा आधारित इंटरफ़ेस शामिल है जो URLs को परिभाषित करता है और उन्हें एक्सेस करना आसान बनाता है।

विवरण: आंशिक पारदर्शिता (किनारों के साथ) के साथ 32x32 पिक्सेल पीएनजी (4 रंग x 5 आकार)।

श्रेणियाँ:

  
  

स्प्राइट शीट

शतरंज के टुकड़े जैसा कि मूल रूप से इस उत्तर पर देखा गया है जिसमें 2 अन्य स्प्राइट सेट (विभिन्न रंगों में समान छवि) शामिल हैं।

विवरण: आंशिक पारदर्शिता के साथ 384x128 px (प्रत्येक स्प्राइट 64x64 px) PNG।

श्रेणियाँ:

एनिमेटेड

GIF एकमात्र छवि प्रारूप है जो एनीमेशन का समर्थन करता है। कुछ उदाहरण निम्नलिखित हैं।

श्रेणियाँ:

सॉलिड बी.जी.

एनिमेटेड डैश वाला बॉर्डर के रूप में देखा इस जवाब

विवरण: भरे हुए बीजी के साथ 100x30 px (कोई पारदर्शिता नहीं)

इस उत्तर में देखे गए ज़ूमिंग सितारे , मूल रूप से एक स्क्रीनसेवर के 'स्क्रीन-शॉट' के रूप में विकसित हुए।

विवरण: भरे हुए बीजी के साथ 160x120 px (कोई पारदर्शिता नहीं)

जल एनिमेटेड रूप में देखा इस उत्तर के लिए Animating टाइलें में मेरे खेल

विवरण: भरे हुए बीजी के साथ 60x60 px (कोई पारदर्शिता नहीं)

पारदर्शी बीजी

कक्षीय एनीमेशन, मूल रूप से 1.1C के लिए विकसित किया गया है । 'आंतरिक' ग्रहों की कक्षा (बुध से बृहस्पति तक, एक अतिरिक्त कक्षा के साथ, जो क्षुद्रग्रह बेल्ट के मोटे हिस्से में दिखाई देती है)। एक अंधेरे बीजी पर बेहतर।

विवरण: पारदर्शिता के साथ 450x450 और 150x150 पीएक्स एनिमेटेड जीआईएफ।

चित्रों

सिडनी, ऑस्ट्रेलिया सूर्यास्त और शुक्र की सीबीडी पर सूर्योदय और चांदनी
एक दूरबीन पर चांदनी, कैनबरा, ऑस्ट्रेलिया के पास माउंट स्ट्रोमलो पर ।

श्रेणियाँ: + छवि परिवर्तन

विवरण: 480x320 px JPEGs x 4. (1/2 आकार में यहां प्रदर्शित)।


सिडनी के दक्षिण-पूर्वी उपनगरों में डॉन पर पैनोरमा

श्रेणियाँ: (स्क्रॉल)

विवरण: 1474x436 पीएक्स जेपीईजी।

पनोरमा

टाइल्स

पृथ्वी के इस मर्केटर मैप को बाएँ / दाएँ टाइल किया जा सकता है। मूल रूप से इस जवाब पर देखा गया । उत्तर में छवि का दूसरा संस्करण भी शामिल है जो भूमध्य रेखा के लिए एक अर्ध-पारदर्शी रेखा दिखाता है (जो केंद्र में नहीं है, लेकिन इसके काफी नीचे है)।

विवरण: पारदर्शी बीजी के साथ 640x316 px (केंद्र भूमध्य रेखा के नीचे 44 px जोड़ें) PNG।

श्रेणियाँ: (स्क्रॉल)

टिप

छवियों के URL प्राप्त करने के लिए, आप छवि पर 'संदर्भ क्लिक' कर सकते हैं जैसा कि ब्राउज़र में देखा गया है और या तो:

  • गुण दिखाओ। URL को दिखाई देने वाले संवाद से कॉपी किया जा सकता है।
  • छवि देखें। URL को ब्राउज़र एड्रेस बार से कॉपी करें।

वैकल्पिक रूप से:

  • ब्राउज़र 'शो सोर्स' का उपयोग करें और इसे HTML से कॉपी करें।
  • पर्याप्त प्रतिनिधि वाले। (100+, एक समुदाय विकी उत्तर को संपादित करने के लिए), उत्तर को संपादित करने और पाठ से URL को खींचने के लिए जाएं।

कोड

नीचे एक जावा वर्ग है जो शतरंज टुकड़ा स्प्राइट शीट को विभाजित करता है, जो 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+ और पुस्तक अंकन!
होवरक्राफ्ट ईल्स से भरा हुआ

उत्कृष्ट संसाधन। क्या जावा लुक और फील ग्राफिक्स रिपॉजिटरी से आइकन में लिंक करना संभव होगा ?
स्प्लीनजब

@splungebob यह पता लगाने का एक अच्छा तरीका है कि एक उत्तर बनाएं और उन्हें एम्बेड करें। मैं अपने उत्तर में ऐसा नहीं करना चाहूंगा क्योंकि उन छवियों का लाइसेंस मेरे लिए पूरी तरह से स्पष्ट नहीं है (मेरे उत्तर में सभी चित्र मेरे द्वारा बनाए गए थे)।
एंड्रयू थॉम्पसन

1
@AndrewThompson अच्छा समाधान, +1 और पुस्तक अंकन भी!
user3437460
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.