Trig Jegman

Joined 4 April 2020
1,382 bytes added ,  12 September 2022
m
no edit summary
mNo edit summary
mNo edit summary
Line 172: Line 172:


SVGs are interesting lossless files. They are universally supported, and essentially run images off text files. The two reasons that these files may be used over PNG is because they are much ''much'' smaller, and because that they can be displayed at any size without a change in quality. You want a 9000 by 9000 pixel SVG? It'll go there and look just as good as 152x152. They are only effective when it comes to line art or very simple artworks, however.
SVGs are interesting lossless files. They are universally supported, and essentially run images off text files. The two reasons that these files may be used over PNG is because they are much ''much'' smaller, and because that they can be displayed at any size without a change in quality. You want a 9000 by 9000 pixel SVG? It'll go there and look just as good as 152x152. They are only effective when it comes to line art or very simple artworks, however.
MP3 is the primary audio format. While this format used to be license only, it has since expired and is free for anyone to use. It is a lossy audio format, meaning some quality is lost on creation. This helps keep the file size small for use. Everything should be able to play this file type.
OGA is another audio format that might be seen, using Vorbis encoding. This was the main file format used before MP3 was widely available, but otherwise should generally be roughly similar for quality. The main difference is these files [[User:Trig Jegman#Why can't I play this OGA/OGV file?|are not universally supported]] and will not work on all devices. Sounds on OGA files should be re-recorded/exported into MP3 files—'''not converted'''—when possible to allow a wider audience to be able to see them.
Notably, there are not any good universal video formats for the web. While an H.264 MP4 file is ''generally'' your best bet, it's also not very well supported on MediaWiki. It's probably better to link to a YouTube, Vimeo, or Odysee video.


===Is there a difference between JPG and JPEG?===
===Is there a difference between JPG and JPEG?===
Short answer: No. Long answer: Noooooo.
Short answer: No. Long answer: Noooooo.


JPG and JPEG are entirely interchangeable and have absolutely no meaning over the other. That said, files should use jpg, just to have a sense of uniformity and to avoid issues when auto-filling parameters.
JPG and JPEG are entirely interchangeable and have absolutely no meaning over the other. That said, files should use always jpg to avoid issues when auto-filling parameters and to avoid duplicate naming issues.
 
For example, the files "TheoRules.jpg" and "TheoRules.jpeg" would be considered two different files, and therefore show two different pictures. This could lead to a lot of confusion.


===Why isn't this gif moving?===
===Why isn't this gif moving?===
Line 217: Line 225:
Image optimization is a LOSSLESS process in which an image has its metadata removed. Metadata is more text based, hidden information attached to files. Generally some metadata could include the date of capture, the file's dimensions, or type of camera used. While maybe useful for personal use, it's not necessary to have on the wiki. Hence, the emphasis on optimizing files.
Image optimization is a LOSSLESS process in which an image has its metadata removed. Metadata is more text based, hidden information attached to files. Generally some metadata could include the date of capture, the file's dimensions, or type of camera used. While maybe useful for personal use, it's not necessary to have on the wiki. Hence, the emphasis on optimizing files.


There are a number of programs available to optimize files. The most popular are PNG Monstrous (formerly PNG Monster), which is universal in download and is extremely effective. Running command line optimizations, Zopfli and PNGOUT are very useful as well. The other is ImageOptim, which is generally a mashup of a bunch of optimizers. The pro to using ImageOptim is that it has support for four file types to be optimized: PNG, JPG, GIF, ''and'' SVG, with a con of being MacOS exclusive.
There are a number of programs available to optimize files. The most popular are PNG Monstrous (formerly PNG Monster), which is universal in download and is extremely effective. Running command line optimizations, Zopfli and PNGOUT are very useful as well. The other is ImageOptim, which is generally a mashup of a bunch of optimizers. The pro to using ImageOptim is that it has support for four file types to be optimized: PNG, JPG, GIF, ''and'' SVG, with a con of being MacOS exclusive. An online alternative is [https://ezgif.com/optimize EZGif], which is not the most effective method, but is a great "nothing else works" method.  


'''Before''' uploading a new image or revision, images are encouraged to be optimized as it helps the user load the image more effectively and saves server space. Extremely frequently used icons and images, such as ones on high use templates, may also benefit from optimization to save on load time--though this is primarily for images that do not generate thumbnails.
'''Before''' uploading a new image or revision, images are encouraged to be optimized as it helps the user load the image more effectively and saves server space. Extremely frequently used icons and images, such as ones on high use templates, may also benefit from optimization to save on load time--though this is primarily for images that do not generate thumbnails.
18,641

edits