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

Changes

Jump to navigation Jump to search
no edit summary
Line 1: Line 1: −
<div style="background:black">
+
==TODO==
[[File:Furniture Full_230.png]]
+
 
 +
* MP4
 +
* Lazy loading
 +
* Native MW support?
 +
 
 +
==WebM (JS)==
 +
 
 +
Preferable for full video.
 +
 
 +
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 +
<div class="video" data-src="Mov_bbb.webm"></div>
 +
</div>
 +
 
 +
==Ogg (JS)==
 +
 
 +
Also full video.
 +
 
 +
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 +
<div class="video" data-src="Mov_bbb.ogg"></div>
 +
</div>
 +
 
 +
==WebP (JS)==
 +
 
 +
Preferable for animated images (transparency and small files).
 +
 
 +
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 +
<div class="video" data-src="Army_Units_Animation.webp"></div>
 +
</div>
 +
 
 +
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 +
<div class="video" data-src="Army_Units_Animation.webp" data-width="400"></div>
 +
</div>
 +
 
 +
<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>
 +
 
 +
==APNG as PNG (native)==
 +
 
 +
Okay for slideshow images (transparency but otherwise large files).
 +
 
 +
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 +
[[File:Furniture_Animation_230.png]]
 +
</div>
 +
 
 +
==GIF (native)==
 +
 
 +
Not good (poor color palette, bad transparency, large files).
    +
<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>
   −
[[File:Furniture_Animation_230.webp]]
+
==PNG (native)==
   −
[[File:Furniture_Animation_230.png]]
+
Preferable for images (transparency).
   −
<div class="webp" data-src="Army_Units_Animation.webp"></div>
+
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 +
[[File:Furniture Full_230.png]]
 
</div>
 
</div>
cssedit, gkautomate
6,928

edits

Navigation menu