코드 및 마크업 Q&A 이미지 예시
이미지를 포함하는 MCVE/SSCE를 준비할 때는 이미지에 직접 액세스할 수 있는 것이 유용합니다.
대부분의 질문에 대응할 수 있는 이미지의 종류는, 복수의 색이나 모양의 작은 이미지, 투과성이 있는 애니메이션 GIF, 이미지의 「쌍」으로, 이미지 이행에 사용할 수 있는 JPEG, 타일 세트, 스프라이트 시트 등입니다.
이러한 유형의 예에 대해 온사이트에서 라이센스 및 로열티가 필요 없는 작은 이미지(30KB 미만)가 있습니까?
다음은 SO에 대한 기존 답변에서 얻은 일반적인 사용 예시 이미지입니다.
아이콘
원래 이 답변에서 볼 수 있듯이 Java를 사용하여 생성된 단순한 기하학적 모양입니다.여기에는 URL을 정의하고 쉽게 액세스할 수 있도록 하는 Java 기반 인터페이스가 포함되어 있습니다.
상세: 32 x 32 픽셀의 PNG (4 색 x 5 모양), 부분 투과 (가장자리를 따라)
스프라이트 시트
2개의 다른 스프라이트 세트가 포함된 체스 피스(다른 색상의 동일한 이미지)입니다.
상세: 384x128px(각 스프라이트 64x64px) PNG(부분 투명).
애니메이션
GIF는 애니메이션을 지원하는 유일한 이미지 형식입니다.여기 몇 가지 예가 있습니다.
솔리드 BG
이 답변에서 볼 수 있는 애니메이션 점선 테두리.
상세: 100x30px (BG가 채워진 상태) (투명성 없음)
이 답변에서 볼 수 있듯이 별을 줌하는 기능은 원래 스크린세이버의 '스크린샷'으로 개발되었습니다.
상세: 160x120px (BG가 채워진 상태) (투명하지 않음)
내 게임의 타일 애니메이션에 대한 이 답변에서 볼 수 있는 애니메이션 물.
상세: 60 x 60 px (BG가 채워진 상태) (투명성 없음)
투과적 BG
원래 1.1C용으로 개발된 궤도 애니메이션.'내부' 행성들의 궤도(수성에서 목성까지, 소행성 띠의 두꺼운 부분에 추가 궤도가 표시됨).어두운 BG가 낫지
상세: 450x450 및 150x150px의 투명 애니메이션 GIF.
사진들
호주 시드니의 CBD 상공의 일출과 달맞이
호주 캔버라 인근 스트롬로산 망원경 위의 석양과 금성.
상세: 480 x 320 px JPEG x 4 (여기서 1/2 사이즈로 표시)
시드니 남동부 교외를 가로지르는 새벽의 파노라마.
상세: 1474 x 436 px JPEG.
타일
이 메르카토르 지구 지도는 좌우로 타일을 붙일 수 있습니다.원래 이 답변에서 볼 수 있습니다.정답에는 적도(중앙은 아니지만 훨씬 아래에 있음)에 대한 반투명한 선을 보여주는 두 번째 버전의 이미지도 포함됩니다.
상세: 640 x 316 px (중앙 적도에 44 px 추가) PNG (투명 BG 포함)
팁.
이미지의 URL을 취득하려면 , 브라우저에 표시되고 있는 이미지를 「콘텍스트 클릭」해, 다음의 어느쪽인가를 실행할 수 있습니다.
- 속성을 표시합니다.표시되는 대화상자에서 URL을 복사할 수 있습니다.
- 이미지를 표시합니다.브라우저 주소 표시줄에서 URL을 복사합니다.
다른 방법:
- 브라우저 'show source'를 사용하여 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));
}
언급URL : https://stackoverflow.com/questions/19209650/example-images-for-code-and-mark-up-qas
'source' 카테고리의 다른 글
| 배열을 함수 인수 목록으로 변환 (0) | 2022.10.23 |
|---|---|
| Guava 라이브러리:가장 유용한 기능 및/또는 숨겨진 기능은 무엇입니까? (0) | 2022.10.23 |
| Mac php 장인 마이그레이션 오류에서 Larabel 설정:해당 파일 또는 디렉터리가 없습니다. (0) | 2022.10.23 |
| VSCode -- Python 프로그램을 디버깅하기 위한 작업 디렉토리를 설정하는 방법 (0) | 2022.10.23 |
| MySQL - 열이 이미 있습니다: 1060 중복된 열 이름 '1' (0) | 2022.10.23 |