[解決済み] コードとマークアップのQ&A用画像例【非公開
質問
を用意する場合 MCVE / SSCCE のように、画像を伴うものでは、画像に直接アクセスできることが有効です。
ほとんどの質問をカバーする画像のタイプは、複数の色や形の小さな画像、透明度のある/ないアニメーションGIF、画像の「ペア」であるJPEG&Amp; 画像遷移、タイルセット、スプライトシートで使用することができます...。
これらのタイプの例のためにホットリンクできる、小さい(30KB未満)、オンサイト、ライセンスおよびロイヤリティフリーの画像はありますか?
どのように解決するのですか?
一般的な使用例として、主にSO上の既存の回答からの画像を紹介します。
アイコンについて
シンプルな幾何学図形 で見たように、Java を使って生成されたものです。 この回答 . URLを定義し、簡単にアクセスできるようにするJavaベースのインターフェイスが含まれています。
詳細はこちら。 32x32 ピクセルの PNG (4 色 x 5 形状) で、部分的に透明化されています (縁に沿った)。
<ブロッククオート
<イグ
<イグ
<イグ
<イグ
<イグ
<イグ
<イグ
<イグ
<イグ
<イグ
<イグ
<イグ
<イグ
<イグ
<イグ
スプライトシート
チェスの駒 元はといえば この回答 は、他の2つのスプライトセット(異なる色で同じ画像)を含んでいます。
詳細です。 384x128 px (各スプライト 64x64 px)のPNGで、部分的に透明化されています。
<ブロッククオート
アニメーション
GIF は、アニメーションをサポートする唯一の画像形式です。 以下はその例です。
ソリッドBG
アニメーションの破線枠 で見られるように この回答 .
詳細です。 100x30 px、BG塗りつぶし(透明度なし)。
<ブロッククオート
星を拡大する に見られるように この回答 は、もともとスクリーンセーバーの「スクリーンショット」として開発されたものです。
詳細 160x120 px、BGは塗りつぶし(透明度なし)。
<ブロッククオート
水のアニメーション で見たように この回答 から 私のゲームでタイルをアニメーション化する .
詳細です。 60x60 pxでBGを塗りつぶす(透明度なし)。
<ブロッククオート
透明なBG
軌道のアニメーション。 のために開発されたものです。 1.1C . 内側の」惑星の軌道(水星から木星まで、小惑星帯の厚い部分に余分な軌道が示されている)。 暗いBGでより良い。
詳細。 450x450 & 150x150 pxのアニメーションGIFで、透過性があります。
<ブロッククオート
写真
日の出・日の入り
オーストラリア・シドニー市街地上空
サンセット&ランプ、望遠鏡で金星
オーストラリア、キャンベラ近郊のストロムロ山にて。
詳細 480x320px JPEG x 4。(ここでは1/2サイズで表示しています。)
夜明けのパノラマ シドニーの南東部郊外にある。
カテゴリー jpg パノラマ アニメーション (スクロール)
詳細 1474x436 pxのJPEGです。
タイル
これは 地球のメルカトル図法 は、左右に並べて表示することができます。 元々は この回答 . この回答には、赤道を示す半透明の線(中央ではなく、かなり下にある)を示す画像の第2バージョンも含まれています。
詳細。 640x316 px (赤道を中央に配置するため、下部に44 pxを追加) PNG、透明BG。
<ブロッククオート
ヒント
画像の URL を取得するには、ブラウザで表示されている画像を「コンテキストクリック」して、その画像の URL を取得します。
- プロパティを表示します。 表示されるダイアログから URL をコピーすることができます。
- 画像を表示します。 ブラウザーのアドレスバーからURLをコピーします。
別の方法として
- ブラウザの「ソースを表示」を使用し、HTMLからコピーします。
- 十分な rep. (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));
}
関連
-
をインスタンス化することができません。
-
maven プラグイン エラー プラグインの実行は、ライフサイクル構成ソリューションの対象外です。
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] let "と "var "の使い分けは?
-
[解決済み] jQueryでチェックボックスに "checked "を設定する
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] ループ内のJavaScriptクロージャ - シンプルな実用例
-
[解決済み] AndroidのListViewで画像を遅延ロードする方法
-
[解決済み】Android UserManager.isUserAGoat()の正しい使用例?)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
スキャナは、タイプに解決することはできません最もルーキー初心者の質問
-
プロローグでのコンテンツは禁止されています
-
プロジェクトの依存関係を解決できなかった 解決
-
VMの初期化中にエラーが発生しました java/lang/NoClassDefFoundError: java/lang/Object
-
Java コンパイルエラー - スレッド "main" で例外 java.lang.Error: 未解決のコンパイル問題です。
-
HttpClientがGZIP形式でない場合の対処法
-
IDEA パッケージステートメントの欠落
-
java -serverコマンドで「Error: no `server' JVM at ... jvm.dll」を解決する方法です。
-
ローカルリソースのロードが許可されていない場合の解決策
-
maven プラグイン エラー プラグインの実行は、ライフサイクル構成ソリューションの対象外です。