AVID:Adding Captures

From the Audiovisual Identity Database, the motion graphics museum


Adding Captures

Shortcuts:

Here's a quick tutorial of the main ways you can add and use captures on this site.

Images

"Upload File"

Perhaps the most obvious way to upload an image is to click the "upload file" button in the sidebar and follow the instructions to upload your image. If on mobile, you can go and search for Special:Upload.

Adding images to a page

Existing images

If the image you want is already uploaded, simply type the following to have it appear in the page:
[[File:example.png]]

This markup also works in forum threads.

New images (Batch Upload)

To upload an Image while you edit, simply download the images, then drag them from the folder to the "Batch Upload" box in the editor, as shown below. Next, name your files as you wish. Finally, click "upload all". You can do this for many files at a time, though beware, there is a rate limit after which it will stop uploading your files. If you encounter this, you simply need to clear the failed uploads, add them back to the list and click "upload" again.

The Drag-and-Drop uploader in action. This box had been redesigned since the image was taken to make it blend less with the editor UI.

Tip: There are browser extensions that allow you to download all images from a given webpage. These are especially useful when transferring from pages on the old site with a lot of images.

Formatting your images

When adding a single image to a wiki page, we recommend that you center the image by adding |center to the above markup, resulting in:
[[file:example.png|center]]

If you'd like to make your image bigger or smaller, add |(Image Size), where Image Size is a size value in px, for example:
[[file:example.png|300px]]

This can be used in conjunction with the previously described alignment parameter, for example:
[[file:example.png|center|300px]]

The above is the recommended configuration for standalone captures on our articles

Note: Do not use the |thumb parameter when adding images on wiki pages.

Galleries

To create a gallery of several images, use the following markup: <gallery> File:1.png File:2.png File:3.png </gallery>

For wiki pages we recommend the addition of the following parameters: mode=packed heights=200 (for smaller galleries) heights=150 (for galleries with more images)
Note: You do not need to use "px" for the heights parameter.

If you upload multiple files at a time by dragging and dropping them into the editor, you don't need to worry about writing out the markup, you just need to click "Insert All As Gallery" and it will make the gallery for you. All you need to do is add the aforementioned mode and heights.

Tabbed Galleries

If you have a particularly large gallery which might cause issues with page loading and navigation, you can break the gallery up using <tabber> tags. The syntax for this is as follows:

<tabber>
tab name here=
<gallery mode=packed heights=100>
image1
image2
image3
...
</gallery>
|-|
tab name2=
<gallery mode=packed heights=100>
image1
image2
image3
...
</gallery>
</tabber>

Repeat as many times as needed for your desired number of tabs. An example of how this code renders can be seen here.

Image Guidelines

Licensing

In order to ensure that the wiki is compliant with fair use, we ask that your uploads are licensed correctly.

To do this when uploading a file, find the drop-down menu labeled under “Licensing”, which is under the Summary field, and select the option that best applies to where you got the file that you are uploading to the wiki (e.g. “Image or video capture taken from a television show” for a capture of a logo found on a TV show”). If you are unsure about what specific license applies to the file you are uploading, select “I am unsure of the license” or ask an administrator or other staff member for help. Please remember to state where your captures are sourced from, as well.

Additionally, If you find a file that does not have a license listed on its page, please help out by adding the appropriate license to the file in its description. You can do this by editing the file’s page and adding the appropriate license, which is a template, below the Summary section, and a full list of licenses for reference may be found here. When adding the appropriate template, use the listed text that comes before the vertical bar mark in each bullet point (e.g. “Television capture”). Here is an example:

== Summary ==
Screen capture of the BS-X logo taken from bsnes emulation of ''BS-X: Sore wa Namae o Nusumareta Machi no Monogatari''.
== Licensing ==
{{Game capture}}

"Potato Captures"

Shortcut:

Images on pages should be direct screen captures of the logo if possible. We generally do not accept captures obtained by pointing a camera at a screen (known as “potato captures”), but in cases where a logo may be unable to be cleanly captured, such as being of exceeding rarity or existing in a medium that makes obtaining clear captures difficult or outright impossible (e.g. bootscreens of very old phones or devices, pachinko or slot machines, filmstrips etc.), we may allow certain exceptions to this rule until higher-quality captures of the logo are able to be obtained.

Watermarks

Images should not have any YouTube watermarks. If a capture is watermarked at its original source (e.g. a recording of a show on YouTube), then it may be acceptable to edit out the watermark, providing it can be done cleanly. Do not upload captures from watermarked uploads by logo YouTubers, as in many cases they are active on the wiki themselves and will likely upload a watermark-free version. We also ask that you do not upload images with watermarks from capture software, such as Bandicam. There are free programs such as OBS that allow captures to be taken without watermarks. The Bandicam rule also extends to videos on articles. This does not apply to broadcast graphics such as station bugs.

Reconstructions

AVID does not accept reconstructions of logos for use on pages. If you wish to showcase reconstructions you have made yourself, feel free to do so on your user page or a subpage thereof, though please ensure you mark your images with {{ImageForProfile}} so other editors do not mark them for deletion. If you upload a reconstruction believing it to be real, simply mark it for deletion and an admin will remove the image for you.

Upscaling

Upscaling images are not permitted. If you want to capture a logo at a high quality, you may want to set the quality to the highest setting. Otherwise, find a different source that contains the logo at a higher quality.

Marking Images For Deletion

If you stumble across an image that you think does not fit our guidelines, you can add this template to the file's edit source page. {{Delete}}

The above box will then appear, and the image will be added to the "Pages suggested for deletion" category.

Videos

AVID supports embedding YouTube and Vimeo uploads to our articles. Alternatively, you can upload a video directly to the wiki. This page details all methods of adding videos to AVID articles.

Embedded videos

The most common form of video on this wiki is embeds from YouTube and links from Vimeo

YouTube

When adding YouTube videos, use this format: {{YouTube|id=youridhere}}

You can use multiple videos in this template like so: {{YouTube|id=|id2=|id3=...> The template currently supports up to 20 videos.

Optional parameters
  • Each video's width and height parameters are customizable, i.e. width=|height=|width2=|height2=|width3=|height3...>If width and height parameters are not filled, the video will be automatically shown with the default width/height parameters (240x185)
  • You can add a caption below your video by using the description parameter.
  • You can start your video at a certain timestamp by using the t parameter.

You can also use this markup format: <center><youtube width="240" height="185">youridhere</youtube></center>

You can customize the width and height parameters by replacing "240" and "185" with custom numbers.

Archive.org

The parameters for the Archive.org template are exactly the same as the YouTube template. To use it, type: {{Archiveorg|id=youridhere}}

The template supports the same number of videos as the YT template.

Vimeo

The parameters for the Vimeo template are exactly the same as the YouTube template. The only difference is that the t parameter is not available due to Vimeo not supporting such functionality. To use it, type: {{Vimeo|id=youridhere}}

The template supports the same number of videos as the YT template.

Collapsible video galleries

In cases where there are many logos or IDs described on a single page, you can make YouTube widgets collapsible to improve performance and reduce loading times. Simply add /collapsible to the YouTube markup like this:

{{YouTube/collapsible|id=...}}

This will result in the following:

Videos

This syntax also works with the Vimeo template.

What is a Video ID?

You can find the video ID by right-clicking on the YouTube Player and clicking on "Copy Video URL". The video URL for this video on Fox Lab is

https://youtu.be/8dru7rImpOI

The Video ID here is highlighted in red. This is what you have to use in the template.


On long YouTube URLs, the id is after v=, for example:

https://www.youtube.com/watch?v=8dru7rImpOI


On Vimeo, the video id is the part after the / in the url, for example:

https://vimeo.com/18635794

Warning

When adding embedded videos, ensure you are not adding too many to a single page without using the collapsible option, as having to render so many widgets on one page can slow loading times significantly and even cause browser crashes in some cases

Direct Upload

In cases where you find a video on a site where embedding is not possible, you can download the video and upload it here as a file. Uploaded videos are treated exactly the same as images on pages, so to position the videos properly, just use the same <gallery> tags you would for a normal image gallery (see the Images#Galleries section for more information about this). For videos, a height setting of 100 is ideal. When directly uploading videos, be sure to link to your source site in the credits under the video captures section.

Cookies help us deliver our services. By using our services, you agree to our use of cookies.