Difference between revisions of "Help:Images"

From Aurora Information Uplink
Jump to navigation Jump to search
m (Sooner or later I'll expand on this)
(E X P A N D)
Line 2: Line 2:
{{Tutorial navigation}}
{{Tutorial navigation}}
THIS IS ALL PLACEHOLDER OH GOD PLEASE LOOK AWAY IT'S NOT READY YET!!!
THIS IS ALL PLACEHOLDER OH GOD PLEASE LOOK AWAY IT'S NOT READY YET!!!
Welcome to the help section about Images. Most of the content here assumes you've already read the [[Help:Basic_Editing_Guide#Images|basic rundown on images in the starter guide]].


=Images=
=Images=
You probably already know what an image is, in fact you've probably seen plenty of those on the way to this guide. In regards to the wiki images serve to both provide visual context to information and to help break up that information into something more meaningfully digestible and readable. Obviously the media you upload and use should be both relevant to what you're writing about and overall useful to the reader. It should also follow some standards to make sure it remains consistent with the rest of the images on the wiki.
==Supported File Types==
*'''.png''' - The standard and usually preferred image format for most stuff like sprites.
*'''.jpg''' - A comparatively lossy format that reduces file size compared to png. Ideally these are used for large screenshots, photographs, or art.
*'''.gif''' - This filetype is mostly used for media that's animated, like sprites that animate over time. [[#From the Files|See below]] to make sure you get the best possible quality out of this format.


=How to Upload=
=How to Upload=
There is only one way to upload to the wiki, but there are two methods to reaching the means to do so:
#Click [[Special:Upload|Upload file]] on the left side of the screen.
#Click a <span style="color:#ba0000">red link</span> (also known as a [[Help:Links#Broken Links|broken link]]). This has the added benefit of filling out the filename for you.
Once you're on the upload page, hit the '''Browse''' button to select the file you want to upload, in this case an image that is [[#Supported File Types|hopefully supported]]. Afterwards just set the filename to something relevant to the image (ex. uploading a picture of a toolbox sprite, you'd just name it <code>toolbox</code> or maybe even <code>btoolbox</code> if the toolbox is blue). If the image you're uploading is a sprite then the sprite probably already has a name, and those are probably fine to leave alone. After that give it a summary describing it if you want (makes it easier to look up if we need to find it), then hit '''Upload file''' at the bottom. [[#The 520 Error|Assuming you didn't get an error]] then congratulations, that image is on the wiki and hopefully won't sink us due to licensing! Lastly, you should always try to make an effort to make sure the image/sprite - or an older/outdated version of it - doesn't already exist on the wiki. If it does then you should overwrite the existing one, unless it's exactly the same (the wiki will tell you this).


==What to Upload==
==What to Upload==
[[#top|As stated above]], you should only be uploading content that is relevant to what you're writing about. If you're writing about a compendium of items then you'd probably be uploading their respective sprites, but if you plan to upload every single sprite in the game to add next to every mention of those respective items on every wiki page then that's something you can save your breath on; we'd rather you not. If you're uploading sprites, [[#How to Obtain Media|please make sure they are the original sprites]] in their original resolution. For lore articles, art, diagrams, and infographics do wonders to help sell to the reader what you're writing about and to put things into context. Now, onto the big disclaimer:


===Licensing and Use===
===Licensing and Use===
Please only upload media that's from SS13. Any other media must either be authored by you or you must obtain written permission from the original author for use on the wiki (barring licensing compatibilities). Any media that does not follow this is infringement and must be removed.
Please only upload media that's from '''Space Station 13''', '''Aurora Station''', or '''relevant to Aurora's lore''' and that it is '''your work''', is '''compatible with our license''', or you have '''permission''' to use the work from the author. Any media that does not follow this is infringement and must be removed. There's no way around this, no matter how cool some random art you found on the internet looks and how it would serve the page you're writing about.


===The 520 Error===
===The 520 Error===
Basically means you aren't allowed to upload a picture to the wiki. Ask a maintainer to review the media to be uploaded and they'll do it for you.
Basically means you aren't allowed to upload a picture to the wiki. Ask a maintainer to review the media to be uploaded and they'll do it for you.
=Wiki Usage=
Putting an image on the wiki is as simple as typing <code><nowiki>[[File:Yourfilenamehere.png]]</nowiki></code>, and your image will appear where you typed it! Obviously it'll look a bit strange or even out of place, but we can use the methods below to get it looking right!
==Syntax==
The usual syntax for getting an image to display looks like the following:
<pre>[[File:Yourfilenamehere.ext|option|option|option|Your caption here]]</pre>
Options/captions aren't always necessary but can help expand the function of your media, and are always separated by [[wikipedia:Vertical Bar|vertical bars]]. Ideally all options are kept lower case (except the caption):
*'''Format''' can be any of the following to help render the media a certain way on the page:
**border - adds a small gray border around the image.
**frame - adds a noticeable frame around the image, which can also render the caption, and also defaults the picture to the right side of the screen.
**frameless - tends to size things down while respecting aspect ratio.
**thumb - similar to frame but it keeps things small.
*'''Resizing''' is useful for scaling images on the wiki instead of uploading larger/smaller versions of your pictures, especially for scaling sprites up.
**(width)px - typing in a number where (width) is will scale the image by its width, while keeping the vertical dimension unlocked.
***For sprites that are 32x32 in resolution, using <code>64px</code> will scale them up to 64x64, doubling its resolution.
**x(height)px - similar to the first option, but it scales off of height instead of width. Width is still unlocked.
**(width)x(height)px - this is used to fine tune the dimensions of an image, regardless of aspect ratio.
***You can make an image look like spaghetti this way if you set one of the dimensions to 1. Don't do that though.
**upright - attempts to resize an image to something reasonable, according to user preferences (which no one uses and you shouldn't change otherwise things might break).
*'''Horizontal Alignment''' is for when you want to dictate which side of the page you want the image to render, based on where it's typed.
**left, right, center, and none are your options. Text will try to wrap around the image at all times.
*'''Link''' is where you want the image to take the reader if they click on it. By default clicking on an image will take you to the image's file page. You have two options:
**link=Some Page - will take you to a page named Some Page when clicked.
**link= - will take you nowhere if you click on the image.
==Formatting==
==Linking==


=How to Obtain Media=
=How to Obtain Media=
Line 23: Line 64:


===Image Editing===
===Image Editing===
=See Also=
[[Special:ListFiles|The File List]]

Revision as of 20:10, 29 December 2021

Template:Wip

Contents
Beginner's guide
Navigation
Style guide
Formatting
Links
Images
Tables

THIS IS ALL PLACEHOLDER OH GOD PLEASE LOOK AWAY IT'S NOT READY YET!!! Welcome to the help section about Images. Most of the content here assumes you've already read the basic rundown on images in the starter guide.

Images

You probably already know what an image is, in fact you've probably seen plenty of those on the way to this guide. In regards to the wiki images serve to both provide visual context to information and to help break up that information into something more meaningfully digestible and readable. Obviously the media you upload and use should be both relevant to what you're writing about and overall useful to the reader. It should also follow some standards to make sure it remains consistent with the rest of the images on the wiki.

Supported File Types

  • .png - The standard and usually preferred image format for most stuff like sprites.
  • .jpg - A comparatively lossy format that reduces file size compared to png. Ideally these are used for large screenshots, photographs, or art.
  • .gif - This filetype is mostly used for media that's animated, like sprites that animate over time. See below to make sure you get the best possible quality out of this format.

How to Upload

There is only one way to upload to the wiki, but there are two methods to reaching the means to do so:

  1. Click Upload file on the left side of the screen.
  2. Click a red link (also known as a broken link). This has the added benefit of filling out the filename for you.

Once you're on the upload page, hit the Browse button to select the file you want to upload, in this case an image that is hopefully supported. Afterwards just set the filename to something relevant to the image (ex. uploading a picture of a toolbox sprite, you'd just name it toolbox or maybe even btoolbox if the toolbox is blue). If the image you're uploading is a sprite then the sprite probably already has a name, and those are probably fine to leave alone. After that give it a summary describing it if you want (makes it easier to look up if we need to find it), then hit Upload file at the bottom. Assuming you didn't get an error then congratulations, that image is on the wiki and hopefully won't sink us due to licensing! Lastly, you should always try to make an effort to make sure the image/sprite - or an older/outdated version of it - doesn't already exist on the wiki. If it does then you should overwrite the existing one, unless it's exactly the same (the wiki will tell you this).

What to Upload

As stated above, you should only be uploading content that is relevant to what you're writing about. If you're writing about a compendium of items then you'd probably be uploading their respective sprites, but if you plan to upload every single sprite in the game to add next to every mention of those respective items on every wiki page then that's something you can save your breath on; we'd rather you not. If you're uploading sprites, please make sure they are the original sprites in their original resolution. For lore articles, art, diagrams, and infographics do wonders to help sell to the reader what you're writing about and to put things into context. Now, onto the big disclaimer:

Licensing and Use

Please only upload media that's from Space Station 13, Aurora Station, or relevant to Aurora's lore and that it is your work, is compatible with our license, or you have permission to use the work from the author. Any media that does not follow this is infringement and must be removed. There's no way around this, no matter how cool some random art you found on the internet looks and how it would serve the page you're writing about.

The 520 Error

Basically means you aren't allowed to upload a picture to the wiki. Ask a maintainer to review the media to be uploaded and they'll do it for you.

Wiki Usage

Putting an image on the wiki is as simple as typing [[File:Yourfilenamehere.png]], and your image will appear where you typed it! Obviously it'll look a bit strange or even out of place, but we can use the methods below to get it looking right!

Syntax

The usual syntax for getting an image to display looks like the following:

[[File:Yourfilenamehere.ext|option|option|option|Your caption here]]

Options/captions aren't always necessary but can help expand the function of your media, and are always separated by vertical bars. Ideally all options are kept lower case (except the caption):

  • Format can be any of the following to help render the media a certain way on the page:
    • border - adds a small gray border around the image.
    • frame - adds a noticeable frame around the image, which can also render the caption, and also defaults the picture to the right side of the screen.
    • frameless - tends to size things down while respecting aspect ratio.
    • thumb - similar to frame but it keeps things small.
  • Resizing is useful for scaling images on the wiki instead of uploading larger/smaller versions of your pictures, especially for scaling sprites up.
    • (width)px - typing in a number where (width) is will scale the image by its width, while keeping the vertical dimension unlocked.
      • For sprites that are 32x32 in resolution, using 64px will scale them up to 64x64, doubling its resolution.
    • x(height)px - similar to the first option, but it scales off of height instead of width. Width is still unlocked.
    • (width)x(height)px - this is used to fine tune the dimensions of an image, regardless of aspect ratio.
      • You can make an image look like spaghetti this way if you set one of the dimensions to 1. Don't do that though.
    • upright - attempts to resize an image to something reasonable, according to user preferences (which no one uses and you shouldn't change otherwise things might break).
  • Horizontal Alignment is for when you want to dictate which side of the page you want the image to render, based on where it's typed.
    • left, right, center, and none are your options. Text will try to wrap around the image at all times.
  • Link is where you want the image to take the reader if they click on it. By default clicking on an image will take you to the image's file page. You have two options:
    • link=Some Page - will take you to a page named Some Page when clicked.
    • link= - will take you nowhere if you click on the image.

Formatting

Linking

How to Obtain Media

From the Files

From Screenshots

PLEASE GOD 32x32

Image Editing

See Also

The File List