• Welcome to the Kancolle Wiki!
  • If you have any questions regarding site content, account registration, etc., please visit the KanColle Wiki Discord

Difference between revisions of "Kancolle Wiki:Test/Video"

From Kancolle Wiki
Jump to navigation Jump to search
 
Line 35: Line 35:
 
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 
<div class="video" data-src="Furniture_Animation_230.webp"></div>
 
<div class="video" data-src="Furniture_Animation_230.webp"></div>
</div>
 
 
==PNG (native)==
 
 
Preferable for images (transparency).
 
 
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 
[[File:Furniture Full_230.png]]
 
 
</div>
 
</div>
  
Line 59: Line 51:
 
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 
[[File:Furniture_Animation_230.gif]]
 
[[File:Furniture_Animation_230.gif]]
 +
</div>
 +
 +
==PNG (native)==
 +
 +
Preferable for images (transparency).
 +
 +
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 +
[[File:Furniture Full_230.png]]
 
</div>
 
</div>

Latest revision as of 02:54, 10 May 2023

TODO

  • MP4
  • Lazy loading
  • Native MW support?

WebM (JS)

Preferable for full video.

Ogg (JS)

Also full video.

WebP (JS)

Preferable for animated images (transparency and small files).

APNG as PNG (native)

Okay for slideshow images (transparency but otherwise large files).

Furniture Animation 230.png

GIF (native)

Not good (poor color palette, bad transparency, large files).

Furniture Animation 230.gif

PNG (native)

Preferable for images (transparency).

Furniture Full 230.png