코드 및 마크 업 Q & A에 대한 이미지 예 [닫기]


131

이미지가 포함 된 MCVE / SSCCE 를 준비 할 때는 이미지에 직접 액세스하는 것이 좋습니다.

대부분의 질문을 다루는 이미지 유형은 여러 색상 또는 모양의 작은 이미지, 투명도를 포함하거나 포함하지 않는 애니메이션 GIF, 그림의 '쌍'인 JPEG 및 이미지 전환, 타일 세트, 스프라이트 시트에 사용할 수있는 JPEG입니다.

이러한 유형의 예제에 대해 링크 할 수있는 작은 (30KB 미만) 현장 라이센스 및 로열티가없는 이미지가 있습니까?


참조 장소는 "우리가 코드 예제에서 핫 링크를 할 수있는 EG 이미지"에 대한 있습니까? . ..Where는 도대체이 Q & A에 대한 '커뮤니티 위키'플래그입니다 ..?
앤드류 톰슨

어느 쪽도 투표하지 않았지만 닫히지 않고 삭제되지 않으면 놀라게됩니다. 쇼핑리스트 질문입니다.
Martin Smith

1
@MartinSmith 일요일입니다. 프로그래머조차도 쉬어야합니다! ;)
Shadow Wizard is Ear For You

@MartinSmith 당신의 의견에 감사드립니다. OTOH 나는 희망 이 그것에 대해 투표까지 단념 사람들에게 유용 충분히로 볼 - (I 시도하고 그 일이 얻을 수있는 질문을 '플래그'커뮤니티 위키를 표시 할 때) 그.
Andrew Thompson

1
이 질문은 메타 스택 오버플로 또는 메타 스택 교환에 속하기 때문에 주제를 벗어난 주제로 닫으려고합니다.
Peter O.

답변:


71

다음은 일반적으로 SO에 대한 기존 답변의 이미지 예입니다.

아이콘

이 답변 에서 처음에 본 것처럼 Java를 사용하여 생성 된 간단한 도형 . URL을 정의하고 쉽게 액세스 할 수있는 Java 기반 인터페이스가 포함되어 있습니다.

세부 정보 : 32x32 픽셀 PNG (4 색 x 5 모양), 부분 투명도 (가장자리 포함).

카테고리 :

  
  

스프라이트 시트

이 답변 에 원래 표시된 체스 조각 2 개의 다른 스프라이트 세트 (다른 ​​색상의 동일한 이미지)가 포함되어 있습니다.

세부 정보 : 부분 투명도가있는 384x128 픽셀 (각 스프라이트 64x64 픽셀) PNG.

카테고리 :

생기 있는

GIF는 애니메이션을 지원하는 유일한 이미지 형식입니다. 다음은 몇 가지 예입니다.

카테고리 :

단단한 BG

이 답변에 표시된 애니메이션 점선 테두리 .

세부 정보 : BG가 채워진 100x30 픽셀 (투명도 없음)

이 답변 에서 볼 수있는 확대 / 축소 별 은 원래 스크린 세이버의 '스크린 샷'으로 개발되었습니다.

세부 정보 : BG가 채워진 160x120 픽셀 (투명도 없음)

물을 애니메이션 에서 볼 수 있듯이 이 답변애니메이션 적용 타일에 내 게임 .

세부 정보 : BG가 채워진 60x60 픽셀 (투명도 없음)

투명한 BG

원래 1.1C 용으로 개발 된 궤도 애니메이션 . '내부'행성의 궤도 (수성에서 목성까지, 소행성 벨트의 두꺼운 부분에 여분의 궤도가 나타남). 어두운 BG에서 더 좋습니다.

세부 정보 : 투명도가있는 450x450 및 150x150 픽셀 애니메이션 GIF.

영화

호주 시드니 중심 업무 지구의 일출 및 월경
망원경을 통한 일몰 및 비너스 캔버라, 호주 근처 산 Stromlo에 을 .

카테고리 : + 이미지 전환

세부 정보 : 480x320 픽셀 JPEG x 4 (1/2 크기로 표시)


시드니 남동부 교외 에 새벽에 파노라마 .

카테고리 : (스크롤)

세부 사항 : 1474x436 px JPEG.

새벽 파노라마

타일

지구의 메르카토르지도는 왼쪽 / 오른쪽으로 바둑판 식으로 배열 될 수 있습니다. 원래이 답변에서 보았습니다 . 답은 적도의 반투명 선을 보여주는 두 번째 버전의 이미지도 포함합니다 (중앙에 있지 않지만 그 아래에 상당히 있음).

세부 정보 : 투명 BG가있는 640x316 픽셀 (중앙 적도에 44 픽셀 추가) PNG.

카테고리 : (스크롤)

이미지의 URL을 얻기 위해 브라우저에서 볼 수 있듯이 이미지를 '문맥 클릭'할 수 있습니다.

  • 속성을 표시하십시오. 나타나는 대화 상자에서 URL을 복사 할 수 있습니다.
  • 이미지를 봅니다. 브라우저 주소 표시 줄에서 URL을 복사하십시오.

번갈아:

  • 브라우저 '쇼 소스'를 사용하여 HTML에서 복사하십시오.
  • 담당자가 충분합니다. (100+, 커뮤니티 Wiki 답변을 편집하려면) 답변편집 하고 텍스트에서 URL을 가져옵니다.

암호

다음은 MCVE에 붙여 넣기에 적합한 체스 조각 스프라이트 시트를 분할하는 Java 클래스입니다.

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+ 및 도서 마킹!
호버 크래프트 가득한 뱀장어

훌륭한 자원. Java Look & Feel 그래픽 리포지토리 의 아이콘으로도 연결할 수 있습니까?
splungebob

@splungebob 알아내는 좋은 방법은 답변을 만들어 포함시키는 것입니다. 나는 그 이미지의 라이센스가 나에게 명확하지 않기 때문에 내 대답에서 그렇게하지 않는 것을 선호합니다 (내 대답의 모든 이미지는 나에 의해 만들어졌습니다).
앤드류 톰슨

1
@AndrewThompson 멋진 솔루션, +1 및 책 마킹도!
user3437460
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.