Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  
<img src="//placehold.it/600x400/1f1">
<img src="//placehold.it/400x800/1ff">
<img src="//placehold.it/100x300/f1f">
<img src="//placehold.it/100x100/f00/fff">
  
<h2>Legend:</h2><hr>
<b>Green</b>: 600x400 so make width max. 200<hr>
<b>Azure</b>: 400x800 so make height max. 200<hr>
<b>Fuxy</b>: 100x300 ...100 is the smallest size and it's less that 200 so no need to apply anything. <hr>
<b>Red</b>: 100x100 cool enough<hr>
  
  
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
roXonpro
0viewers