用于代码和标记Q& As的示例图像 [英] Example images for code and mark-up Q&As

问题描述

在准备包含其他2个精灵集（不同颜色的相同图片）。

详情：

=post-tagtitle =显示问题已标记为'png' =tag> png ，最初是作为屏幕保护程序的屏幕截图开发的。

详情： 160x120像素，带有填充的BG（不透明）

动画水请参阅。 内行星的轨道（从水星到木星，有一个额外的轨道显示在小行星带的厚处）。

详情： 450x450& 150x150像素的带有透明度的动画GIF。

图片

日出& moonset 在悉尼，澳大利亚的CBD CBD
Sunset&

类别： 上显示。答案还包括图像的第二个版本，显示赤道的半透明线（不在中心，但显着低于赤道）。

详情： 640x316像素（底部到中心赤道增加44像素）带有透明BG的PNG。

类别： ，然后从文本中拉取URL。 / li>

When preparing an MCVE/SSCCE that involves images, it is useful to have direct access to images.

The types of images that would cover most questions are - small images in multiple colors or shapes, animated GIFs with/without transparency, JPEGs that are 'pairs' of pictures & can be used in image transitions, tile sets, sprite sheets..

Are there any small (under 30KB), on-site, license & royalty free images we can hot-link to for these types of examples?

解决方案

Here are some example images for common use, mostly from existing answers on SO.

Icons

Simple Geometric shapes generated using Java as originally seen in this answer. It includes a Java based interface that defines the URLs and makes them easy to access.

Details: 32x32 pixel PNG (4 colors x 5 shapes) with partial transparency (along the edges).

Categories: png icons

  
  

Sprite Sheets

Chess Pieces as originally seen on this answer that includes 2 other sprite sets (same image in different colors).

Details: 384x128 px (each sprite 64x64 px) PNG with partial transparency.

Categories: png sprite-sheet icons

Animated

GIF is the only image format that supports animation. Here are a few examples.

Categories: gif animated-gif

Solid BG

Animated dashed border as seen in this answer.

Details: 100x30 px with filled BG (no transparency)

Zooming stars as seen in this answer, originally developed as a 'screen-shot' of a screensaver.

Details: 160x120 px with filled BG (no transparency)

Animated Water as seen in this answer to Animating Tiles In My Game.

Details: 60x60 px with filled BG (no transparency)

Transparent BG

Orbital animation, originally developed for 1.1C. The orbits of the 'inner' planets (from Mercury to Jupiter, with an extra orbit shown in the thick of the asteroid belt). Better on a dark BG.

Details: 450x450 & 150x150 px animated GIFs with transparency.

Pictures

Sunrise & moonset over the CBD of Sydney, Australia
Sunset & Venus over a telescope on Mt Stromlo, near Canberra, Australia.

Categories: jpeg slideshow + Image Transitions

Details: 480x320 px JPEGs x 4. (Displayed here at 1/2 size.)

Tiles

This Mercator map of Earth can be tiled left/right. Originally seen on this answer. The answer also includes a second version of the image that shows a semi-transparent line for the equator (which is not in the center, but significantly below it).

Details: 640x316 px (add 44 px at bottom to center equator) PNG with transparent BG.

Categories: png tile animation (scrolling)

Tip

For getting the URLs of the images, you might 'context click' on the image as seen in the browser and either:

• Show the properties. The URL can be copied from the dialog that appears.
• View image. Copy the URL from the browser address bar.

Alternately:

• Use the browser 'show source' and copy it from the HTML.
• For those with enough rep. (100+, to edit a community Wiki answer), go to edit the answer and pull the URL from the text.

这篇关于用于代码和标记Q& As的示例图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！