• 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 7: Line 7:
 
Preferable for video (transparency and small files).
 
Preferable for video (transparency and small files).
  
<div style="background:black;padding:10px;text-align:center">
+
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 
<div class="webp" data-src="Army_Units_Animation.webp"></div>
 
<div class="webp" data-src="Army_Units_Animation.webp"></div>
 
</div>
 
</div>
  
<div style="background:black;padding:10px;text-align:center">
+
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 
<div class="webp" data-src="Army_Units_Animation.webp" data-width="400"></div>
 
<div class="webp" data-src="Army_Units_Animation.webp" data-width="400"></div>
 
</div>
 
</div>
  
<div style="background:black;padding:10px;text-align:center">
+
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 
<div class="webp" data-src="Furniture_Animation_230.webp" data-width="400"></div>
 
<div class="webp" data-src="Furniture_Animation_230.webp" data-width="400"></div>
 
</div>
 
</div>
Line 23: Line 23:
 
Preferable for images (transparency).
 
Preferable for images (transparency).
  
<div style="background:black;padding:10px;text-align:center">
+
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 
[[File:Furniture Full_230.png]]
 
[[File:Furniture Full_230.png]]
 
</div>
 
</div>
Line 31: Line 31:
 
Okay for slideshow videos (transparency but otherwise large files).
 
Okay for slideshow videos (transparency but otherwise large files).
  
<div style="background:black;padding:10px;text-align:center">
+
<div style="background:#35393e;padding:10px;margin:10px;text-align:center;border-radius:10px;max-width:800px">
 
[[File:Furniture_Animation_230.png]]
 
[[File:Furniture_Animation_230.png]]
 
</div>
 
</div>
Line 39: Line 39:
 
Not good (poor color palette, bad transparency, large files).
 
Not good (poor color palette, bad transparency, large files).
  
<div style="background:black;padding:10px;text-align:center">
+
<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>
 
</div>

Revision as of 22:02, 9 May 2023

WEBP (MW)

Not configured.

WEBP (JS)

Preferable for video (transparency and small files).

PNG

Preferable for images (transparency).

Furniture Full 230.png

APNG (as PNG)

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

Furniture Animation 230.png

GIF

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

Furniture Animation 230.gif