Home >Web Front-end >JS Tutorial >How Can I Access Images for My MCVE/SSCCE, Including GIFs and JPEGs?

How Can I Access Images for My MCVE/SSCCE, Including GIFs and JPEGs?

Patricia Arquette
Patricia ArquetteOriginal
2024-12-24 03:36:14958browse

How Can I Access Images for My MCVE/SSCCE, Including GIFs and JPEGs?

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.

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

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 dashed border as seen in this answer

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

Categories: gif animated-gif

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

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

Categories: gif animated-gif

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

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

Categories: gif animated-gif

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.

Categories:** gif, spacecraft visualization

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.)

Panorama at Dawn across the South-Eastern Suburbs of Sydney.

Categories: jpg panoramas animation (scrolling)

Details: 1474x436 px JPEG.

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)

For getting the URLs of the images

  • 'Context click' on the image 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.
  • 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.

The above is the detailed content of How Can I Access Images for My MCVE/SSCCE, Including GIFs and JPEGs?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn