cssedit, gkautomate
6,928
edits
- 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
Line 1:
Line 1: − + − + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + − [[File:Furniture_Animation_230.webp]]+ − [[File:Furniture_Animation_230.png]]+ − + +
no edit summary
<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>
==PNG (native)==
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>